diff --git a/assets/css/style-new.css b/assets/css/style-new.css index 556daed..88731dc 100644 --- a/assets/css/style-new.css +++ b/assets/css/style-new.css @@ -73,7 +73,7 @@ .p-top { - padding-top: 180px; + padding-top: 180px !important; } .strategic-sec { @@ -655,6 +655,7 @@ section.dual-slider .col-lg-10 { justify-content: center; } + .look-app-dev .mid-para { font-size: 1.8rem; color: #fff; @@ -762,18 +763,22 @@ section.dual-slider .col-lg-10 { } -/* .innovating-box-main { +.innovating-box-main { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; margin: 40px 0; -} */ +} -.innovating-box-main { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 40px 60px; - margin: 40px 0; +.innovating-box { + padding: 20px; + border-radius: 8px; + border: 1px solid transparent; + transition: border 0.3s ease; +} + +.innovating-box:hover { + border: 1px solid #E5195E; } @@ -826,7 +831,7 @@ section.dual-slider .col-lg-10 { .home-form .lets_talk { display: flex; justify-content: center; - margin: 50px 0 30px 0; + margin: 50px 0; } .home-form .lets_talk a { @@ -845,7 +850,7 @@ section.dual-slider .col-lg-10 { border: none; background-color: transparent; resize: none; - padding: 12px 12px 20px 12px; + padding: 12px; border-bottom: 1px solid #4b4b4b; width: 100%; border-radius: 0; @@ -1744,6 +1749,8 @@ p.btn-sym { justify-content: space-between; } + + .solution-tab-main .sol-tab-first-content ul { padding-left: 1rem; display: flex; @@ -1802,20 +1809,34 @@ p.btn-sym { } -.consulting-look { - margin-top: 80px; +.consulting-look-sec { + margin: 80px 0; + background-image: url(../images/new-img/app-dev-bg.png); + background-repeat: no-repeat; + background-size: cover; + background-position: right; } -.consulting-look .look-side-img { - position: relative; +.consulting-content { + display: flex; + align-items: center; + justify-content: space-between; } -.consulting-look .look-side-img img { - position: absolute; - right: 5%; - width: 300px; - height: 250px; - bottom: -155px; +.consulting-look-sec .mid-para { + font-weight: 500; + font-size: 28px; +} + +.consulting-look-sec .left-sec { + max-width: 70%; +} + + +.consulting-look-sec .consulting-side-img img { + width: 330px; + height: 300px; + mix-blend-mode: lighten; } @@ -1867,6 +1888,7 @@ p.btn-sym { align-items: start; justify-content: end; height: 100%; + padding-bottom: 40px; } .company-banner-side-content .group-side { @@ -2355,10 +2377,16 @@ p.btn-sym { } .solution-tab .inn_data { - box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.25); + box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.1); border-radius: 8px; margin-bottom: 20px; background-color: #2b2b2b; + transition: transform 0.3s ease; +} + +.solution-tab .inn_data:hover { + transform: scale(1.01); + box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.25); } .solution-tab .accordion_content { @@ -2456,8 +2484,14 @@ p.btn-sym { background-position: center; background-size: cover; background-repeat: no-repeat; + transition: all 0.3s ease; } +.industries-we-serve-box:hover { + scale: 1.03; +} + + .industries-we-serve-box .mid-para { font-weight: 500; } @@ -2702,6 +2736,11 @@ p.btn-sym { } @media (max-width:1199px) { + + .four-grid .transform-box-main { + grid-template-columns: repeat(2, 1fr); + } + .block-main { grid-template-columns: repeat(2, 1fr); } @@ -2710,6 +2749,30 @@ p.btn-sym { left: 42%; } + .solution-tab { + padding: 20px 12px; + } + + .solution-tab .nav-link { + padding: 6px 10px; + flex: none; + font-size: 13px; + } + + .solution-tab .nav-link:hover { + padding: 6px 10px; + } + + .solution-tab .nav-tabs .nav-item.show .nav-link, + .solution-tab .nav-tabs .nav-link.active { + padding: 8px 12px; + } + + .solution-tab .nav-link img { + width: 16px; + height: 16px; + } + } @media (max-width:1080px) { @@ -2717,6 +2780,22 @@ p.btn-sym { width: 100%; height: 170px; } + + .dual-slider .bg-img img { + object-fit: fill; + } + + section.dual-slider .col-lg-10 { + bottom: 10%; + } + + div#card_slide .prev_arrow { + bottom: -45%; + } + + div#card_slide .next_arrow { + bottom: -45%; + } } @media (max-width:1024px) { @@ -2724,13 +2803,72 @@ p.btn-sym { width: 100%; height: 180px; } - - section.dual-slider .col-lg-10 { - bottom: 30%; - } } @media (max-width:991px) { + + .why-hire-sec .transform-box-main { + grid-template-columns: repeat(2, 1fr); + } + + .dual-slider .bg-img img { + height: 100vh; + } + + .develope-ai-sec .row { + flex-direction: column-reverse; + } + + .we-see-solution-sec .row { + flex-direction: column; + gap: 20px; + } + + .develope-ai-sec .col-md-7, + .develope-ai-sec .col-md-5, + .we-see-solution-sec .col-md-6 { + width: 100%; + } + + .develope-ai-sec .col-md-5 img { + scale: 1; + } + + .why-choose-us-content-main { + grid-template-columns: repeat(2, 1fr); + } + + .look-app-dev .col-md-6:last-child { + position: relative; + } + + .look-app-dev .look-side-img { + position: absolute; + bottom: 0; + } + + .craft-scalable-sec .row { + flex-direction: column; + gap: 20px; + } + + .craft-scalable-sec .row .col-md-7, + .craft-scalable-sec .row .col-md-5 { + width: 100%; + } + + .craft-scalable-sec .row .col-md-5 { + width: 100%; + } + + .craft-scalable-content-main { + margin-bottom: 22px; + } + + .industries-we-serve-box-main { + grid-template-columns: repeat(2, 1fr); + } + .choose-your-path-main { grid-template-columns: repeat(2, 1fr); } @@ -2741,9 +2879,9 @@ p.btn-sym { padding: 30px 0; } - .dual-slider .bg-img { + /* .dual-slider .bg-img { height: 145vh; - } + } */ .content-download-sec { gap: 10px; @@ -2762,9 +2900,9 @@ p.btn-sym { } - .dual-slider .bg-img img { + /* .dual-slider .bg-img img { height: 69%; - } + } */ div#card_slide .next_arrow { right: 40%; @@ -2782,6 +2920,153 @@ p.btn-sym { display: none; } + .section { + padding: 40px 0; + } + + .solution-tab-main .nav-tabs { + width: 100%; + flex-wrap: nowrap; + overflow-x: auto; + overflow-y: hidden; + padding-bottom: 1px; + } + + .solution-tab-main .nav-tabs .nav-item { + flex-grow: 1; + text-align: center; + white-space: nowrap; + } + + .steps-main { + grid-template-columns: repeat(2, 1fr); + } + + .why-hire-sec .transform-box-main { + grid-template-columns: repeat(1, 1fr); + } + + .consulting-look-sec .container { + max-width: 720px; + } + + .consulting-look-sec .consulting-side-img img { + width: 225px; + height: 200px; + } + + + .digital-transform .transform-box:last-child { + grid-column: span 1; + } + + .futuretech-sec .pink-txt { + padding-left: 0 !important; + padding-top: 20px !important; + } + + .our-flutter-team-left-img { + width: 100%; + height: auto; + } + + .built-for-left-img img { + width: 100%; + } + + .our-flutter-team-sec .row, + .app-built-for .row { + gap: 20px; + } + + .our-flutter-team-side-content { + margin-top: 20px; + } + + .futuretech-sec .col-md-7 { + border-left: none; + } + + .learn-ai-sec .row, + .app-built-for .row { + flex-direction: column-reverse; + } + + .learn-ai-sec .col-md-6 .head { + font-size: 2.5rem; + margin-top: 20px; + } + + .how_we_leverage .main_box { + grid-template-columns: repeat(2, 1fr); + } + + .why-choose-us-content-main { + grid-template-columns: repeat(1, 1fr); + } + + .fintech-sec { + padding-top: 20px; + } + + .fintech-right-box-main { + padding: 0; + } + + .fintech-sec .row .col-md-8 { + border-left: none; + } + + .our-values-box-main { + grid-template-columns: repeat(2, 1fr); + border-top: none; + } + + .our-values-box:last-child { + border-right: 1px solid #262626; + } + + .web-dev .transform-box-main .transform-box:first-child { + grid-column: span 1; + } + + .look-side-img { + display: none; + } + + .built-for-scale-sec .row { + padding: 0 20px; + } + + .built-for-scale-sec .built-for-ios img { + scale: 1.2; + } + + .company-sets-apart .transform-box-main { + grid-template-columns: repeat(1, 1fr); + } + + .dual-slider .bg-img { + height: 100vh; + } + + .cl-downside-img { + position: inherit; + } + + .solution-tab .nav { + overflow-x: auto; + width: 100%; + flex-wrap: nowrap; + border: none; + height: 100%; + overflow-y: hidden; + } + + .solution-tab .nav { + padding-bottom: 16px; + } + .portfolio-box-main { grid-template-columns: repeat(1, 1fr); } @@ -2833,10 +3118,6 @@ p.btn-sym { width: 100%; } - .dual-slider .bg-img img { - object-fit: fill; - } - .crafting-sec .row, .cloud-sec .row, @@ -2884,7 +3165,7 @@ p.btn-sym { .cmm-inputs-main input, .cmm-inputs-main select, .cmm-inputs-main textarea { - padding: 12px; + padding: 12px 12px 20px 10px; margin-bottom: 20px; } @@ -2952,13 +3233,70 @@ p.btn-sym { @media (max-width:576px) { + .head { + font-size: 2.4rem; + line-height: 120%; + } + + .comp-count-main .comp-count { + padding-right: 0px; + padding-top: 20px; + } + + .consulting-content { + flex-direction: column-reverse; + } + + .consulting-look-sec .left-sec { + max-width: 100%; + } + + .crafting-sec .box { + padding: 12px 18px; + } + + .our-values-box { + padding-right: 20px; + padding-top: 20px; + } + + .built-for-scale-sec .built-for-ios img { + scale: 1; + } + + .flutter-exp-main { + grid-template-columns: repeat(1, 1fr); + grid-gap: 36px 40px; + } + + .four-grid .transform-box-main { + grid-template-columns: repeat(1, 1fr); + } + + .choose-your-path-box { + backdrop-filter: blur(-1px) saturate(180%); + -webkit-backdrop-filter: blur(-1px) saturate(180%); + } + + .industries-we-serve-box { + padding: 28px 20px; + } + + .industries-we-serve-box .mid-para { + margin-bottom: 24px; + } + + .industries-we-serve-box-main { + grid-template-columns: repeat(1, 1fr); + } + .choose-your-path-main { grid-template-columns: repeat(1, 1fr); } .dual-slider .bg-img { - height: 160vh; + height: 100vh; } div#card_slide .prev_arrow { @@ -2993,7 +3331,7 @@ p.btn-sym { } .dual-slider .bg-img img { - height: 62%; + height: -webkit-fill-available; } .mobile-download-main { @@ -3022,6 +3360,9 @@ p.btn-sym { bottom: 12%; } + .how_we_leverage .main_box { + grid-template-columns: repeat(1, 1fr); + } } @media (max-width:420px) { @@ -3030,4 +3371,8 @@ p.btn-sym { grid-template-columns: repeat(1, 1fr); } + .fintech-right-box-main { + grid-template-columns: repeat(1, 1fr); + } + } \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 946889f..f4c2779 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1872,6 +1872,78 @@ button.pdf.btn { +.home-form { + margin-top: 50px; +} +.home-form .form-group { + position: relative; + margin-bottom: 20px; +} + +.home-form .form-group input, +.home-form .form-group select, +.home-form .form-group textarea { + width: 100%; + outline: none; + background: none; + resize: none; +} + +.home-form .form-group label { + position: absolute; + top: 50%; + left: 10px; + transform: translateY(-50%); + font-size: 14px; + color: #ccc; + pointer-events: none; + transition: all 0.3s ease; +} + +.home-form .form-group input:focus + label, +.home-form .form-group input:not(:placeholder-shown) + label, +.home-form .form-group select:focus + label, +.home-form .form-group select:not([value=""]) + label, +.home-form .form-group textarea:focus + label, +.home-form .form-group textarea:not(:placeholder-shown) + label { + top: -10px; + font-size: 16px; + color: #969696; +} + + + + + /* for all social containers*/ + .socialContainer { + width: 50px; + height: 50px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + transition-duration: 1s; + cursor: pointer; + } + + + .socialContainer:hover .socialSvg { + animation: slide-in-top 0.3s both; + } + + @keyframes slide-in-top { + 0% { + transform: translateY(-50px); + opacity: 0; + } + + 100% { + transform: translateY(0); + opacity: 1; + } + } + /* mobile responsive start */ @@ -2367,8 +2439,7 @@ button.pdf.btn { } .why_wdipl_section .container { - gap: 50px; - flex-direction: column; + gap: 20px; } .why_wdipl_section .why_inner, @@ -2397,7 +2468,7 @@ button.pdf.btn { } .why_choose_other_sec .lighting_hand img { - width: 100%; + width: 50%; } } @@ -2407,7 +2478,9 @@ button.pdf.btn { .request_the_price_sec .radio_btn_side ul { grid-template-columns: repeat(1, 1fr); } - + .lets_talk a, .lets_talk button { + font-size: 15px; + } } diff --git a/assets/js/custom.js b/assets/js/custom.js index 41acb55..835eb9b 100644 --- a/assets/js/custom.js +++ b/assets/js/custom.js @@ -79,18 +79,6 @@ window.addEventListener("scroll", () => { // navigate-bar start -const navigate = document.querySelector("#top_navigate_bar"); - -window.addEventListener("scroll", () => { - const currentScroll = window.scrollY; - if (currentScroll > 100) { - navigate.classList.add("other_class"); - } else { - navigate.classList.remove("other_class"); - } -}); - -// navigate-bar end // header accordion start diff --git a/components/footer.php b/components/footer.php index fdb9acc..4824078 100644 --- a/components/footer.php +++ b/components/footer.php @@ -89,21 +89,21 @@

Services

Expertise

-

Success Stories

+

Success Stories

@@ -147,10 +147,10 @@

Company

@@ -164,7 +164,7 @@