/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 12-Jul-2023, 2:44:28 PM
    Author     : iconflux
*/
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); */

/* variables  */
:root{
    --blue : #2966FF;
    --bg-blue : #0049FE;
    --dark-blue : #0034B7;
    --yellow : #FFCE33;
    --dark-yellow : #DDA907;
}

@font-face {font-family: 'inter-medium';src: url('../fonts/Inter-Medium.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'inter-semibold';src: url('../fonts/Inter-SemiBold.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'inter-regular';src: url('../fonts/Inter-Regular.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'inter-bold';src: url('../fonts/Inter-Bold.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-light';src: url('../fonts/Manrope-Light.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-medium';src: url('../fonts/Manrope-Medium.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-regular';src: url('../fonts/Manrope-Regular.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-semibold';src: url('../fonts/Manrope-SemiBold.ttf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'manrope-bold';src: url('../fonts/Manrope-Bold.ttf');font-weight: normal;font-style: normal;}

body{height: 100vh;width: 100%;overflow-y: auto;overflow-x: hidden;font-family: 'manrope-regular';}

/* global classes  */
.ff-manrope-medium{font-family: 'manrope-medium';}
.ff-manrope-semibold{font-family: 'manrope-semibold' !important;}
.ff-manrope-bold{font-family: 'manrope-bold' !important;}
.ff-inter-bold{font-family: 'inter-bold' !important;}
.ff-inter-medium{font-family: 'inter-medium' !important;}
.ff-inter{font-family: 'inter-regular';}
.home__wrapper .fs-32{font-size: 32px;}
.home__wrapper .fs-24{font-size: 24px;}
.home__wrapper .fs-22{font-size: 22px;}
.home__wrapper .fs-20{font-size: 20px;}
.home__wrapper .fs-17{font-size: 19px;}
.home__wrapper .fs-18{font-size: 18px;}
.home__wrapper .fs-17{font-size: 17px;}
.home__wrapper .fs-14{font-size: 14px;}
.home__wrapper .fs-12{font-size: 12px;}
.home__wrapper .fs-10{font-size: 10px;}
.home__wrapper .fs-5{font-size: 5px !important;}
.home__wrapper .clr-dark, .home__wrapper .nav-link{color: #1D1D20;}
.clr-black-90{color: #1d1d20e6;}
.home__wrapper .transition{transition: all 0.5s ease;}
.home__wrapper .bg-white-gradient {
  padding: 15px;
 border: double 3px transparent;
  border-radius: 15px;
  background-image: linear-gradient(270deg, rgb(255 255 255 / 6%) 20%, rgb(255 255 255 / 11%) 80%), 
                    linear-gradient(270deg, rgb(255 255 255 / 12%) 20%, rgb(255 255 255 / 22%) 80%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.home__wrapper .gradient-border {
    border-radius: 12px;
    position: absolute;
    inset: 0;
    color: #fff;
}

.home__wrapper .gradient-border:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(270deg, rgb(255 255 255 / 6%) 20%, rgb(255 255 255 / 22%) 100%);
    border-radius: inherit;
    mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
}

.home__wrapper .gradient-background {
    background: linear-gradient(270deg, rgb(255 255 255 / 6%) 20%, rgb(255 255 255 / 11%) 80%);
    border-radius: 12px;
    position: absolute;
    inset: 0;
}

.home__wrapper .gradient__wrapper{
    position: relative;
    padding: 10px 15px;
    color: #fff;
    border-radius: 12px;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
}
.home__wrapper .build_your_team .card::before{
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(143.07deg, rgba(247, 249, 251, 0.05) 1.56%, rgba(247, 249, 251, 0.3) 101.35%);
    border-radius: inherit;
    mask: conic-gradient(#fff 0 0) content-box exclude, conic-gradient(#fff 0 0);
}
.home__wrapper .build_your_team .card.yellow::before{
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(143.07deg, rgb(255, 206, 51) 1.56%, rgb(255, 206, 51) 101.35%);
    border-radius: inherit;
    mask: conic-gradient(#fff 0 0) content-box exclude, conic-gradient(#fff 0 0);
}

.home__wrapper .py-100{padding-top: 80px;padding-bottom: 80px;}
.bg-light-gray{background-color: #F7F9FB;}
.home__wrapper .section_head{font-size: 46px;}
.home__wrapper .clr-black-80{color: #1D1D20CC;}
.home__wrapper .clr-black-70{color: #1d1d20b3;}
.home__wrapper .clr-blue{color: var(--bg-blue);}

/* logo with animation */
.logo{height: 40px;width: 138px;}
.logo img{position: absolute;object-fit: contain;}
.logo-part-1{opacity: 0;animation: fade-in 0.3s ease 1s forwards;}
.logo-part-2{opacity: 0;left: -50px;animation: fade-left 0.3s ease 1.5s forwards;}
.logo-part-3{opacity: 0;right: -50px;animation: fade-right 0.3s ease 1.5s forwards;}


/* buttons design  */
.home__wrapper .btn, header .btn{border-radius: 10px;padding: 1px;width: fit-content;font-family: 'manrope-semibold';background: #00000000;}
.home__wrapper .btn-yellow:hover, .view-sub-content .btn-yellow{background: linear-gradient(180deg, var(--yellow) 0%, var(--dark-yellow) 100%);}
.home__wrapper .btn-white{background: linear-gradient(180deg, #1D1D2026 0%, #1D1D2026 100%);}
.home__wrapper .btn-blue:hover, header .btn-blue:hover{background: linear-gradient(180deg, var(--blue) 0%, var(--dark-blue) 100%);}
.home__wrapper .btn-inner, header .btn-inner{height: 54px;gap: 8px;padding: 8px 20px;border-radius: 10px;width: fit-content;line-height: 16px;font-family: 'manrope-semibold';font-size: 15px;z-index: 1;}
/* .home__wrapper a.btn:hover .btn-inner, header a.btn:hover .btn-inner{padding: 7px 19px;} */
.home__wrapper .btn .img, header .btn .img{fill: black;width: 30px;height: 30px;background-color: #ffffff80;}
header .extraBtn .btn .img{background-color: #ffffff10;}
.home__wrapper .btn-yellow .btn-inner{background: var(--yellow);}
.home__wrapper .btn-white .btn-inner{background: #F7F9FB;}
.home__wrapper .btn-blue .btn-inner, header .btn-blue .btn-inner{background: var(--blue);max-height: 50px;}
.home__wrapper .btn:hover, header .btn:hover{box-shadow: 0px 8px 8px -4px #FFCE33B2;border-radius: 10px;}
.home__wrapper .btn-white:hover{background: linear-gradient(180deg, var(--yellow) 0%, var(--dark-yellow) 100%);}
.home__wrapper .btn-blue:hover, header .btn-blue:hover{box-shadow: 0px 8px 8px -4px #2966FFB2;}
.home__wrapper .btn-white:hover .btn-inner{background: var(--yellow);}
.home__wrapper .btn::after, header .btn::after{content: '';height: 97.37px;width: 36.98px;position: absolute;top: 50%;left: -100px;background: linear-gradient(78.84deg, #CFCFCF -19.28%, #FFFFFF 42.04%, #BABABA 97.53%);filter: blur(24px);mix-blend-mode: Plus-lighter;transform: skewX(-17deg) translateY(-50%);transition: all 0.8s ease;border-radius: 60px;opacity: 80%;z-index: 9;}
.home__wrapper .btn:hover::after, header .btn:hover::after{left: calc(100% + 100px);}
.home__wrapper .swiper-wrapper {transition-timing-function: linear !important;}

/* navbar design  */
header nav{max-height: 100px;}
.site-header{background: rgb(255 255 255 / 80%);backdrop-filter: blur(50px);}
header .nav-link{color: #1D1D20;padding-inline: 2px;margin-inline: 8px;/*white-space: nowrap;*/}
header .main-link::before{content: '';position: absolute;width: 0px !important;height: 2px !important;background-color: var(--blue);bottom: 0;left: -1px;top: unset !important;transition: all 0.5s ease;}
header .main-link:hover::before, .main-link.active::before{width: calc(100% + 10px) !important;}
header .main-link:hover, .main-link.active{color: var(--blue) !important;}
header .dropdown-toggle span{position: relative;}
header .dropdown-toggle span::after{content: '' !important;border-top: none !important;border-right: 1px solid black;border-bottom: 1px solid black;border-left: none;height: 5px !important;width: 5px !important;transform: rotate(45deg) translateY(-50%);transition: all 0.5s ease;position: absolute;top: 50%;right: -11px;}
header .dropdown-toggle:hover span::after, .dropdown-toggle.active span::after{transform: rotate(-135deg);border-bottom-color: var(--blue);border-right-color: var(--blue);}
header .dropdown-menu:has(.nav-menu){height: 100dvh;position: fixed !important;left: 0px !important;top: 0px !important;border-radius: 0px;padding-top: 98px;}
header .dropdown-menu:has(.nav-menu) .container-fluid{background-color: #00000066 !important;backdrop-filter: blur(10px);}
header.header-sticky .dropdown-menu:has(.nav-menu){padding-top: 67px;}
header #serviceMegaMenu{left: 25% !important;transform: translateX(-25%) !important;}
header .nav-menu{border-bottom-left-radius: 25px;border-bottom-right-radius: 25px !important;background-color: #ffffff;border: 1px solid #00206026;box-shadow: 0px 4px 20px 0px #0000000D;width: fit-content;}
header .first-button .nav-link{padding: 40px 30px 25px !important;font-size: 20px !important;font-family: 'manrope-bold';color: #0049FE;}
header .sub-links .nav-link{padding: 10px 30px !important;color: #1D1D2099;font-family: 'manrope-medium';}
header .header-card{padding: 10px 30px !important;}
header .min-w-320{width: 320px !important;}
header .sub-links .fa{margin-left: -47px;margin-right: 30px;width: 12px !important;transition: all 0.5s ease;}
header .sub-links .nav-link:hover, .sub-links .nav-link.active{color: var(--bg-blue);}
header .sub-links .nav-link:hover .fa, .sub-links .nav-link.active .fa{margin-left: 0px;margin-right: 6px;}
header .mobile-navbar .first-button a{padding-top: 15px !important;}
header .accordion-button:not(.collapsed), header .accordion-button:focus{background-color: #ffffff;box-shadow: none;}
header .accordion.mobile-navbar{max-height: 90vh;overflow: auto;}
header .nav-item.dropdown.w-full .nav-menu{width: 100%;}
header .nav-item.dropdown.w-half .nav-menu{width: 580px;}
header .stretched-link{color: #1D1D20 !important;}
header .stretched-link:hover{color: var(--bg-blue) !important;}

.primary-nav{justify-content:flex-start!important}
.second-level-nav{width:400px!important;right:0;margin:0!important}
.primary-nav,.primary-nav ul{position:fixed;bottom:0;right:-2px;top:70px;height:100vh;overflow-y:scroll!important;width:400px;max-width:100%;background:#fff;-webkit-overflow-scrolling:touch;z-index:9999;-webkit-transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;overflow:hidden}
.primary-nav li{border-bottom:1px solid #e3e3e3}
.primary-nav li.go-back a,.primary-nav li.go-back-second-level a{font-weight:700;margin-left:20px}
.primary-nav li.go-back a .fa,.primary-nav li.go-back-second-level a .fa{font-size:25px;position:absolute;left:15px;top:5px}
.primary-nav li a{font-size:14px;text-decoration:none}
.primary-nav li .sub-menu-dropdown-block,.primary-nav li a{-webkit-transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}
.primary-nav .third-level-nav-list li a{padding-left:15px}
.primary-nav .third-level-nav-list li a .nav-link{padding-left:0;font-size:14px}
.primary-nav .third-level-nav-list li a img{width:30px}
.primary-nav .second-level-nav.is-hidden,.primary-nav .third-level-nav-list.is-hidden,.primary-nav.moves-out-nav>li>.social-media a,.primary-nav.moves-out-nav>li>.sub-menu-dropdown-block,.primary-nav.moves-out-nav>li>a,.second-level-nav.moves-out-nav>li>.sub-menu-dropdown-block,.second-level-nav.moves-out-nav>li>a{-webkit-transform:translateX(300%);transform:translateX(300%)}
.sub-menu-dropdown-block{justify-content:space-between}
.mobile-navbar .submenu-dropdown-arrow{transform:rotate(270deg);top:0;right:10px;width:auto;z-index:999}

/* home page design */
.home{background-color: var(--bg-blue);height: calc(100vh - 100px);width: 100vw;max-height: 682px;min-height: 682px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
.home .bg-part-1{top: -100%;animation: bgFromTop 1.5s ease 1s 1 forwards;}
.home .bg-part-2{bottom: -100%;animation: bgFromBottom 1.5s ease 1s 1 forwards;right: 0;}
.home .bg-part-3{top: -100%;animation: bgFromTop 1.5s ease 1s 1 forwards;}
/* .home .bg-part-1 img{width: 44.83vw;max-height: 682px;object-fit: cover;object-position: top right;} */
/* .home .bg-part-1 img{width: 50%;object-fit: cover;object-position: top right;top: -36px;position: relative;left: -65px;} */
.home .bg-part-1 img{width: 44.7%; /*object-fit: cover;*/object-position: top right;top:0; position: relative;}
.home .bg-part-2 img{width: 55.19vw;max-height: calc(682px - 100px);object-fit: cover;object-position: top left;}
.home .bg-part-3 img{width: 46.83vw;height: 100px;object-fit: cover;object-position: bottom center;}
.home .bg-white-gradient.text-uppercase{letter-spacing: 14.5%;}
.home h1{font-size: 60px;line-height: 110%;max-width: 1000px;transform: translateY(100px);opacity: 0;animation: fade-in 1s ease 1s forwards, fade-up 1s ease 1s forwards;}
.client-section{padding: 50px 0px 53px;}
.core-service-card{border-radius: 35px;border: 1px solid #1D1D2026;}
.core-service-card .nav-link{padding: 46px 40px !important;border-color: #1D1D2026 !important;}
.core-service-card .nav-link.active, .core-service-card .nav-link:hover{background-color: var(--blue) !important;color: #ffffff;}
.core-service-card .nav-link .icon_wrapper{height: 60px;width: 60px;background-color: #FFFFFF1A;border: 1px solid #ffffff80;border-radius: 12px;}
.core-service-card .nav-link.active img, .core-service-card .nav-link:hover img{filter: invert(1);}
.core-service-card .tab-pane{padding: 36px 40px !important;}
.creativity-section{background: var(--bg-blue);border-radius: 40px;}
.creativity-section .card_wrapper{border: 1px solid #FFFFFF80;border-radius: 45px;padding: 25px;}
.creative-card{background-color: rgba(255, 255, 255, 10%);min-height: 231px;min-width: 251px;border: 1px solid rgba(255, 255, 255, 50%);border-radius: 30px;aspect-ratio: 251 / 231;}   
.creative-card h1{font-size: 50px;}
.creative-card p{font-size: 18px;}
.creative-card-data *, .creative-card-data{color: #ffffff;font-family: 'Manrope', sans-serif;margin: 0px;text-align: center;transition: all 0.5s ease;}
.creative-card:hover .creative-card-data{scale: 1.2;}
.creative-card-top, .creative-card-bottom{position: absolute;height: 100%;width: 100%;left: 0;transition: all 0.5s ease;}
.creative-card-top{background: url('../images/New-Design/creative-card-top-bg.png') no-repeat top right;top: 0;background-size: 84.86% auto;}
.creative-card-bottom{background: url('../images/New-Design/creative-card-bottom-bg.png') no-repeat bottom left;bottom: 0;background-size: 100% auto;}
.creative-card:hover .creative-card-top{top: -100%;}
.creative-card:hover .creative-card-bottom{bottom: -100%;}
.creative-card::before, .creative-card::after{content: '';position: absolute;width: 60px;height: 11px;border-radius: 10px;background-color: #FFCE33;right: 50%;transform: translateX(50%);transition: all 0.5s ease;}
.creative-card::before{top: 0;}
.creative-card::after{bottom: 0;}
.creative-card:hover::before{right: 25%;}
.creative-card:hover::after{right: 75%;}
.technology-card, .tech-stack-card{border-radius: 45px;border: 1px solid #0000000D;}
.technology-card .nav-link{border-radius: 0;border-top:0;  border-bottom: 4px solid transparent !important;transition: all 0.4s ease;border-right: 1px solid transparent !important;border-left: 1px solid transparent !important;}
/* .technology-card .nav-link.active, .technology-card .nav-link:hover{border-radius: 0 !important; border-top:0; background: linear-gradient(180deg, #F7F9FB 81.32%, rgba(255, 255, 255, 0.8) 100%);border-bottom: 4px solid var(--bg-blue) !important;border-right: 1px solid #00206026;border-left: 1px solid #00206026;} */
.technology-card .tab-content{padding: 34px 40px;}
.technology-card .nav-link.active, .technology-card .nav-link:hover{background: linear-gradient(180deg, #F7F9FB 81.32%, rgba(255, 255, 255, 0.8) 100%);border-bottom-color: var(--bg-blue) !important;border-right-color: #00206026 !important;border-left-color: #00206026 !important;}
.case-study-slide{border: 1px solid #1D1D2026;border-radius: 30px;padding: 20px 20px;width: fit-content;}
.case-study-slide .card-img{height: 324px;/*width: 512px;*/overflow: hidden;border-radius: 20px;}
.case-study-slide:hover img{scale: 1.2;}
.case-study-slide:hover{background-color: #f5f7fa !important;}
.sector-card{border-radius: 20px;border: 1px solid #1D1D2026;padding: 31px 30px;max-width: 362px;min-height: 427px;}
.sector-card .icon_wrapper{border-radius: 15px;height: 71px;width: 71px;background-color: var(--bg-blue);border: 1px solid var(--bg-blue);flex-shrink: 0 !important;}
.sector-card .labels{padding: 10px 14px;border-radius: 10px;border: 1px solid #1D1D201A;width: fit-content;}
.sector-card::after, .sector-card::before{content: '';height: 100%;width: 100%;position: absolute;left: 0;transition: all 0.5s ease;}
.sector-card::before{background: url('../images/New-Design/sector-card-top-bg.png') no-repeat top right;top: -100%;}
.sector-card::after{background: url('../images/New-Design/sector-card-bottom-bg.png') no-repeat bottom left;bottom: -100%;}
.sector-card:hover{background-color: var(--bg-blue) !important;}
.sector-card:hover .clr-black{color: #ffffff;}
.sector-card:hover .clr-black-70{color: #ffffffb3;}
.sector-card:hover .labels{background: #F7F9FB33;border: 1px solid #FFFFFF26;}
.sector-card:hover hr{border-color: #ffffffa0 !important;}
.sector-card:hover .icon_wrapper{background: #fff;border: 1px solid #fff;}
.sector-card:hover .icon_wrapper img{filter: invert(41%) sepia(100%) saturate(6000%) hue-rotate(215deg) brightness(105%) contrast(105%);}
.sector-card:hover::before{animation: bgFromTop 1s ease 0s 1 forwards;}
.sector-card:hover::after{animation: bgFromBottom 1s ease 0s 1 forwards;}
.tech-stack-card .nav-link.active, .tech-stack-card .nav-link:hover{background-color: var(--bg-blue) !important;color: #fff !important;} 
.tech-stack-tabs{padding: 26px 30px 37px;}
.tech-stack-tabs .img_wrapper .upper{height: 91px;width: 91px;border-radius: 15px;border: 1px solid #27282D1A;padding: 5px;}
.tech-stack-tabs .img_wrapper .inner{border-radius: 12px;border: 1px solid #27282D1A;}
.why-us-card{padding: 28px 28px;box-shadow: 0px 1px 4px 0px #0000000D;border: 1px solid #27282D26 !important;border-radius: 30px;}
.hire-labels{min-height: 150px;}
.hire-labels .label{border-radius: 10px;border: 1px solid #27282D1A;width: fit-content;min-width: 199px;margin-top: -10px;}
.hire-labels .label-1{left: 0;top: 0;}
.hire-labels .label-2{left: 50%;top: 41px;transform: translateX(-50%);}
.hire-labels .label-3{left: calc(100% - 199px);top: 82px;}
.hire-us-card:hover .label{scale: 1.1;left: 50%;transform: translateX(-50%) !important;}
.hire-us-card:hover .label-1{top: -18px;}
.hire-us-card:hover .label-3{top: 100px;}
.timezone-card img{border-top-left-radius: 26px;border-top-right-radius: 26px;margin-bottom: -20px;margin-top: 10px;transform: translateY(12px);}
.timezone-card:hover img{background-color: var(--bg-blue);scale: 1.01;transform: translateY(2px);}
.ce-team-wrapper .card{width: 110px;border-radius: 7px;border: 1px solid #0020601A;padding: 7px 10px;box-shadow: 0px 0px 0px 5px #ffffff;height: fit-content;}
.ce-team-wrapper .card-1{margin-top: 25px;z-index: 1;}
.ce-team-wrapper .card-2{margin-top: 50px;margin-left: -20px;z-index: 3;}
.ce-team-wrapper .card-3{margin-top: 0px;margin-left: -28px;z-index: 2;}
.ce-team-card .card:hover{scale: 1.1;z-index: 4;}
.testimonial-card{width: 361px;min-height: 520px;background-color: var(--bg-blue);border-radius: 30px;padding: 25px;}
.testimonial-card .rating-icon{height: 15px;width: 15px;}
.testimonail-round-img{height: 54px;width: 54px;}
.testimonial-card .client-img{padding: 25px;height: 100%;}
.testimonial-card:hover .client-img{height: 0px;padding: 0px;}
.testimonial-card .client-img.aston{background: url('../images/New-Design/aston.png');}
.testimonial-card .client-img.john{background: url('../images/New-Design/john.png');}
.testimonial-card .client-img.bhavik{background: url('../images/New-Design/bhavik.png');}
.cta-section{border-radius: 40px;background-color: var(--bg-blue);}
.cta-section .cta-bg{max-width: 96%;left: 2%;}
.cta-section .rotate-bg{top: 50%;transform: translateY(-50%) rotate(0deg);opacity: 0.15;animation: rotation 8s infinite linear;}
.blog-link-card{border-radius: 18.15px;border: 1px solid #1D1D2026;}
.blog-link-card:hover{background-color: #f5f7fa !important;}
.blog-link-card .card-img{max-height: 221px;}
.blog-link-card .card-img img{object-position: left;transform-origin: left;}
.blog-link-card:hover .card-img img{transform: scale(1.5);}
.blog-link-card .card-body{padding: 22px 26px;}
.blog-link-card:hover .blue-arrow-btn{opacity: 1 !important;}
.faq-section .accordion-item{border-radius: 20px;border: 1px solid #1D1D2026;}
.faq-section .accordion-button:not(.collapsed){background-color: #fff;box-shadow: none;color: #1D1D20;}
.faq-section .accordion-button::after{background-image: none;height: 40px;width: 40px;border-radius: 12px;display: flex;align-items: center;justify-content: center;border: 1px solid #1D1D2026;font-size: 22px;font-weight: 700;content: '-';background-color: #F7F9FB;color: #1D1D20;}
.faq-section .accordion-button.collapsed::after{content: '+';background-color: #fff;}

/* details page hero section  */
.listing__wrapper .home{background-color: var(--bg-blue);height: calc(100vh - 100px);width: 100vw;max-height: 614px;min-height: 614px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
.listing__wrapper .home .bg-part-1 img{width: 55.83vw;top: -150px;left: -200px;object-fit: cover;object-position: top right;}
.listing__wrapper .home .bg-part-2 img{width: 55.19vw;max-height: calc(614px - 100px);object-fit: cover;object-position: top left;}
.listing__wrapper .home .bg-part-3 img{width: 46.83vw;height: 100px;object-fit: cover;object-position: bottom center;}

/* emerging-technologies css */
.services_we_offer .accordion-item{border-radius: 20px;border: 1px solid #1D1D2026;}
.services_we_offer .accordion-button:not(.collapsed){box-shadow: none;outline: none !important;background: transparent;color: #212529;transition: all 0.8s ease;}
.services_we_offer .accordion-button{transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);padding-inline: 35px;}
.services_we_offer .accordion-collapsed .accordion-button{background-color: var(--bg-blue);color: #fff;padding-inline: 55px;}
.services_we_offer .accordion-button.collapsed:hover{background-color: #F7F9FB;}
.services_we_offer .accordion-collapse{background-color: var(--bg-blue);padding-inline: 35px;transition: height 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
.services_we_offer .accordion-button::after{background-image: url('../images/New-Design/yellow_arrow.svg');height: 30px;width: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-size: cover;transform: rotate(0);transition: all 0.8s ease;}
.services_we_offer .accordion-collapsed .accordion-button::after{transform: rotate(90deg);transition: all 0.8s ease;}
.leading_business_industry{background-color: var(--bg-blue);border-radius: 40px;height: 450px;padding: 157px 0;}
.leading_business_industry.ai.bottom-cta{padding: 131px 0;}
/* .leading_business_industry img{transform: translateY(100px);opacity: 0;;animation: fade-in 1s ease 1s forwards, fade-up 1s ease 1s forwards;} */
.leading_business_industry img.leading-business{transform: translateY(100px);opacity: 0;transition: none;}
.leading_business_industry img.animate-in{animation: lead-fade-in 0.5s ease 0.5s forwards, lead-fade-up 0.5s ease 0.5s forwards;}
.engagement_model_card{border-radius: 30px;border: 1px solid #1D1D2026;}
.engagement_model_card .card-head{padding: 28px 40px;border-bottom: 1px solid #1D1D2026;box-shadow: 0px 1px 4px 0px #0000000D;border-top-right-radius: 30px;border-top-left-radius: 30px;}
.engagement_model_card .card-body{padding: 40px;}
.build_your_team{background-color: var(--bg-blue);border-radius: 40px;}
.build_your_team .card{border-radius: 25px;background: linear-gradient(180deg, rgba(247, 249, 251, 0.05) 81.32%, rgba(255, 255, 255, 0.04) 100%) !important;box-shadow: 0px 5px 8px 0px #00000014;backdrop-filter: blur(49px)}
.build_your_team .card-upper{border-bottom: 2px solid rgba(247, 249, 251, 0.2) !important;padding: 40px 20px 27px;}
.build_your_team .card-bottom{padding: 27px 20px 40px;}
.build_your_team .card.yellow, .build_your_team .card.card-upper{border-color: #FFCE33;}
.build_your_team .card.yellow .position-absolute{border-bottom-left-radius: 25px;border-bottom: 2px solid #FFCE33;border-left: 2px solid #FFCE33;background: linear-gradient(276.48deg, rgba(255, 206, 51, 0) 0%, rgba(255, 206, 51, 0.3) 166.07%);padding: 14px 28px;}
.dream__project{background-color: var(--bg-blue);background-image: url('../images/New-Design/dream_project_img.png');background-size: cover;background-repeat: no-repeat;border-radius: 40px;}

/* ai-agent css */
.home__wrapper .we-creative .card{height: 313px !important;overflow: hidden !important;transition: all 0.5s ease;border: 1px solid #1D1D201A !important;border-radius: 15px !important;}
.home__wrapper .we-creative .card:hover{background-color: var(--yellow) !important;}
.home__wrapper .we-creative .card:hover .card-img.mb-5{margin-top: -100px !important;margin-bottom: 170px !important;}
.home__wrapper .we-creative .card:hover .card-img.mt-5{visibility: visible;opacity: 1;}
.home__wrapper .we-creative .card .card-img.mb-5{margin-bottom: 143px !important;transition: all 0.5s ease;}
.home__wrapper .we-creative .card .card-img.mt-5{margin-top: 15px !important;visibility: hidden;opacity: 0;transition: all 0.5s ease;}
.home__wrapper .info-box{background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%) !important;border: 1px solid #1D1D2026 !important;border-radius: 20px !important;padding: 27px 37px !important;}
.home__wrapper .card_swiper .red_dot{width: 18px;height: 18px;background-color: #FF725D;}
.home__wrapper .card_swiper .yellow_dot{width: 18px;height: 18px;background-color: #FFB84B;}
.home__wrapper .card_swiper .green_dot{width: 18px;height: 18px;background-color: #55CD3E;}
.home__wrapper .card_swiper .card{border: 1px solid #1D1D2026;border-radius: 30px;}
.home__wrapper .card_swiper .card_header{padding: 30px 45px;border-bottom: 1px solid #1D1D2026;}
.home__wrapper .card_swiper .card_body{padding: 41px 45px;background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);}
.home__wrapper .leading_business_industry.ai{height: unset !important;}
.services_we_offer.ai .accordion-button::after{background-image: url('../images/New-Design/clear_arrow.svg');height: 50px;width: 50px;}
.where_ai_belongs .card{border: 1px solid #1D1D2026;padding: 27px 37px;border-radius: 20px;background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);transition: all 0.5s ease;}
.where_ai_belongs .card:hover{background: var(--bg-blue);}
.where_ai_belongs .card:hover .clr-black{color: #fff;}
.ctaWithBG{background-image: url('../images/New-Design/cta-bg.png');background-repeat: no-repeat;background-position: right;}


/* footer css */
.footer-form{border: 1px solid #1D1D2026;border-radius: 30px;padding: 30px 34px;}
.footer-icon-wrapper{height: 50px;width: 50px;background: linear-gradient(93.38deg, rgba(41, 102, 255, 0.04) -11.31%, rgba(41, 102, 255, 0.02) 63.62%);border: 1px solid #00206014;border-radius: 10px;}
.footer-btn{height: 38px;width: 38px;background: linear-gradient(93.38deg, rgba(41, 102, 255, 0.04) -11.31%, rgba(41, 102, 255, 0.02) 63.62%);border: 1px solid #00206014;transition: all 0.4s ease;}
.footer-card:hover .footer-btn{transform: rotate(45deg);transition: all 0.4s ease;}
.footer-card:hover{background-color: var(--bg-blue) !important;}
.footer-card:hover .clr-black{color: #fff;}
.footer-card:hover .footer-icon-wrapper, .footer-card:hover .footer-btn{background: #fff;}
.footer-card:hover .footer-icon-wrapper img{scale: 1.15;}
.footer-card .de-box{translate: 0px;transition: all 0.4s ease;}
.footer-card:hover .de-box{translate: 6px;transition: all 0.4s ease;}


.footer-form .card-form{border-radius: 25px;border: 1px solid #1D1D2026;}
.footer-form .card-form .form-control{background-color: #F7F9FB !important;border-radius: 11px !important;}
.footer-form .btn-theme-primary{box-shadow: 0px 4.24px 7.41px 0px #0049FD33;background-color: var(--bg-blue) !important;border-radius: 15px !important;padding: 10px 21px !important;}
.footer-form .btn-theme-primary::after{display: none !important;}
.footer-form .fa-angle-down.position-absolute{right: 10px;top: 50%;transform: translateY(-50%);}
.presence .row{border-radius: 30px !important;overflow: hidden;border: 1px solid #1D1D2026;}
.presence .row .col-12{border-right: 1px solid #1D1D2026;padding: 27px 30px;}
.presence .row .col-12:hover{background: #F7F9FB;}
.presence .clr-black{color: #1D1D20 !important;}
.followus a{height: 40px;width: 40px;border-radius: 10px;background-color: #2C303D;flex-shrink: 0;display: flex;align-items: center;justify-content: center;}
.followus svg{width: 17px;fill: #FFFFFF;}
.followus a:hover{background-color: var(--bg-blue) !important;}
.followus a:hover svg{fill: #ffffff !important;}
.last-row{background-color: var(--bg-blue);border-top-left-radius: 40px;border-top-right-radius: 40px;padding: 24px;}

label.error{color: red;font-size: 13px;}
.tech-banner-twid{width: 70%;}
.tech-banner-head{width: 80%;}

.our-process .process-section{align-content: flex-start;align-items: flex-start;display: flex;flex: none;flex-direction: row;flex-wrap: nowrap;gap: 100px;height: min-content;justify-content: flex-start;overflow: visible;padding: 0;position: relative;width: 100%;}
.our-process .left-column{align-content: flex-start;align-items: flex-start;display: flex;flex: 1 0 0px;flex-direction: column;flex-wrap: nowrap;height: min-content;justify-content: flex-start;max-width: 450px;overflow: visible;padding: 32px 0 0;position: sticky;top: 116px;width: 1px;z-index: 1;}
.our-process .left-column .heading{text-align: center;margin-bottom: 20px;}
.our-process .left-column .heading p{font-size: 1.2rem;color: #1D1D20;font-weight: 600;}
.our-process .left-column h2{font-size: 2.5rem;font-weight: bold;margin-bottom: 20px;text-align: left;}
.our-process .left-column h2 span{color: #697289;}
.our-process .left-column .description p{font-size: 1rem;color: #697289;line-height: 1.6;text-align: left;}
.our-process .right-column{align-content: center;align-items: center;display: flex;flex: 1 0 0px;flex-direction: column;flex-wrap: nowrap;gap: 0px;height: min-content;justify-content: center;overflow: visible;padding: 0;position: relative;width: 1px;}
.our-process .step{display: flex;align-items: flex-start;margin-bottom: 40px;opacity: 0;transform: translateY(32px);transition: opacity 0.5s ease, transform 0.5s ease;}
.our-process .step.active{opacity: 1;transform: translateY(0);}
.our-process .step .left{flex: 0 0 60px;display: flex;flex-direction: column;align-items: center;position: relative;}
.our-process .step .circle{width: 40px;height: 40px;border: 1px solid #D9DFE8;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;font-size: 14px;font-weight: 600;color: #1D1D20;z-index: 1;background-color: #f5f5f5;}
.our-process .step .progress{width: 4px;height: 115px;background: linear-gradient(to bottom, #ECEFF4 0%, #ECEFF4 100%);position: absolute;top: 50px;transition: background 0.5s ease;}
.our-process .step .right{flex: 1;padding-left: 20px;padding-bottom: 20px;}
.our-process .step .content{background-color: transparent;border-radius: 24px;padding: 10px 20px 15px;}
.our-process .step .title{display: flex;align-items: center;margin-bottom: 10px;}
.our-process .step h5{font-size: 1.5rem;font-weight: 700;color: #1D1D20;margin-right: 10px;}
.our-process .step .arrow{width: 24px;height: 24px;}
.our-process .step .arrow svg{width: 100%;height: 100%;fill: #1461FC;}
.our-process .step p{font-size: 1rem;color: #697289;line-height: 1.6;}

.stack-cards__item {position: sticky;top: 110px;transform-origin: center top;border-radius: 8px;margin-bottom: 1em;will-change: transform;border-radius: 30px;}
.stack-cards__item:nth-child(1) { transform: translateY(0); }
.stack-cards__item:nth-child(2) { transform: translateY(1em); }
.stack-cards__item:nth-child(3) { transform: translateY(2em); }
.stack-cards__item:nth-child(4) { transform: translateY(3em); }


.scroll-container{height: 400px;overflow: hidden;position: relative;}
.scroll-content{display: flex;flex-direction: column;animation: scroll-loop 15s linear infinite;}
.scroll-container:hover .scroll-content{animation-play-state: paused;}

.card-stack-animate{position: relative;width: 100%;height: 500px;margin: 200px auto 0;}
.card-stack-animate .col-xl-5 img{background-color: #F7F9FB;border: 1px solid #1D1D2026;border-radius: 30px;padding: 15px 13px;}
.card-stack-animate .card{position: absolute;width: 100%;height: 100%;cursor: pointer;transition: transform 0.4s ease, z-index 0.4s ease;}
.card-stack-animate .card[data-pos="0"]{transform: translateY(0) scale(1);z-index: 3;box-shadow: 0 0px 17px rgba(0, 0, 0, 0.09);}
.card-stack-animate .card[data-pos="1"]{transform: translateY(-100px) scale(0.95);z-index: 2;}
.card-stack-animate .card[data-pos="2"]{transform: translateY(-200px) scale(0.90);z-index: 1;}

.service-hover-accordion .accordion-panel-item{padding: 25px;border: 1px solid rgba(29, 29, 32, 0.15);border-radius: 20px;transition: all 0.5s ease-in-out;overflow: hidden;position: relative;transform-origin: top;background-color: #ffffff !important;}
.service-hover-accordion .accordion-panel-item .panel-content{max-height: 0;opacity: 0;visibility: hidden;transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;overflow: hidden;}
.service-hover-accordion .accordion-panel-item:hover .panel-content{max-height: 1000px;opacity: 1;visibility: visible;transition: all 0.5s ease-in-out;}
.service-hover-accordion .accordion-panel-item:hover{animation: panelBounce 0.7s ease;transform-origin: top;}
.service-hover-accordion .accordion-panel-item:hover + .accordion-panel-item{animation: siblingNudge 0.7s ease;transform-origin: bottom;}
.service-hover-accordion .accordion-panel-item .panel-icon-after{position: absolute;right: 25px;top: 30px;border: 0.83px solid rgba(39, 40, 45, 0.15);background: rgba(247, 249, 251, 1);border-radius: 50px;width: 50px;height: 50px;text-align: center;transition: all 0.5s ease-in-out;}
.service-hover-accordion .accordion-panel-item .panel-icon-after img{display: block;transform: rotate(0deg);transition: transform 0.5s ease-in-out;will-change: transform;padding: 16px;}
.service-hover-accordion .accordion-panel-item:hover .panel-icon-after{background: rgba(255, 206, 51, 1);}
.service-hover-accordion .accordion-panel-item:hover .panel-icon-after img{transform: rotate(90deg);}

.ai-cta-section{padding: 60px 0;}


.testimonial-carousel-container{position: relative;width: 100%;height: 600px;overflow: visible;}
.testimonial-carousel-container .carousel-box{display: flex;justify-content: center;align-items: center;height: 100%;}
.testimonial-carousel-container .card-slider{position: absolute;width: 780px;border: 1.08px solid #1D1D2026;border-radius: 21.58px;background: #F7F9FB;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding: 9px;transition: all 0.5s ease;}
.testimonial-carousel-container .slider-content{height: 400px;}
.testimonial-carousel-container .card-slider .slider-content{border-radius: 16.19px;border: 1.08px solid #1D1D2026;padding: 32px 35px;display: grid;}
.testimonial-carousel-container .card-slider.left{transform: translateX(-800px);opacity: 0.7;z-index: 1;}
.testimonial-carousel-container .card-slider.center{transform: translateX(0) scale(1);opacity: 1;z-index: 2;}
.testimonial-carousel-container .card-slider.right{transform: translateX(800px);opacity: 0.7;z-index: 1;}
.testimonial-carousel-container .card-slider.hidden{transform: translateX(0) scale(0.5);opacity: 0;z-index: 0;pointer-events: none;}
.testimonial-carousel-container .controls{position: absolute;display: flex;justify-content: space-between;transform: translateX(-50%);left: 50%;bottom: 0px;gap: 10px;}
.testimonial-carousel-container .client-info{border-top: 1.08px solid #1D1D2014}
.testimonial-carousel-container .controls button.prev-btn{transform: rotate(180deg);}
.testimonial-carousel-container .controls button{width: 50px;height: 50px;background: #ffffff;color: var(--blue);border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.3s;outline: none;border: 1px solid #00000026;}
.testimonial-carousel-container .controls button img{filter: invert(0.2);}
.testimonial-carousel-container .controls button:hover img{filter: none;}
.testimonial-carousel-container .controls button:hover{background: var(--bg-blue);color: #ffffff;border: 1px solid var(--blue);}
.img-quote{top: -60px;}

@media (prefers-reduced-motion: reduce) {
    .stack-cards__item {transform: none !important;}
}


/* animations  */
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade-up {
    from {
        transform: translateY(100px);
    }
    to {
        transform: translateY(0px);
    }
}
@keyframes fade-left {
    from {
        opacity: 0;
        left: -50px;
    }
    to {
        opacity: 1;
        left: 0;
    }
}
@keyframes fade-right {
    from {
        opacity: 0;
        right: -50px;
    }
    to {
        opacity: 1;
        right: 0;
    }
}
@keyframes bgFromTop {
    0% {
        top: -100%;
    }
    /* 50%{
        top: 1.5%;
    } */
    100% {
        top: 0;
    }
}
@keyframes bgFromBottom {
    0% {
        bottom: -100%;
    }
    /* 50%{
        bottom: 1.5%;
    } */
    100% {
        bottom: 0;
    }
}
@keyframes rotation {
    0% {
        transform: translateY(-50%) rotate(-10deg);
    } 
    50% {
        transform: translateY(-50%) rotate(55deg);
    }
    100% {
        transform: translateY(-50%) rotate(-10deg);
    }
}
@keyframes lead-fade-in {
    to {
        opacity: 1;
    }
}
@keyframes lead-fade-up {
    to {
        transform: translateY(0);
    }
}
@keyframes scroll-loop {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-50%);
    }
}

@keyframes panelBounce {
    0% { transform: scaleY(1); }
    40% { transform: scaleY(0.98); }
    70% { transform: scaleY(1.03); }
    100% { transform: scaleY(1); }
}

@keyframes siblingNudge {
    0% { transform: scaleY(1); }
    40% { transform: scaleY(0.98); }
    70% { transform: scaleY(0.95); }
    100% { transform: scaleY(1); }
}


/* media queries  */
@media (max-width: 2560px) and (min-width: 1800px) {
    .listing__wrapper .home .bg-part-1 img {width: 73.5vw;top: -571px;left: -318px;object-fit: cover;object-position: top right;}
    .listing__wrapper .home .bg-part-2 img {width: 43.19vw;max-height: calc(614px - 98px);object-fit: cover;object-position: top left;}
    .listing__wrapper .home .bg-part-3 img {width: 34.83vw;}
    .ce-team-wrapper .card{scale: 1.18;}
    footer .ff-manrope-medium{font-weight: 400 !important;}
    .clr-black-90{color: #1d1d20cc;}
}
@media only screen and (max-width: 1540px) {
    .testimonial-card{min-height: 520px;}
}
@media screen and (max-width: 1537px) {
    /* .home .bg-part-1 img{width: 44.83vw;max-height: 682px;} */
    .home .bg-part-2 img{width: 55.19vw;max-height: calc(682px - 81px);}
    .home .bg-part-3 img{width: 46.83vw;height: 81px;}
    .listing__wrapper .home .bg-part-1 img{width: 57vw;}
    .listing__wrapper .home .bg-part-2 img{width: 55.19vw;max-height: calc(614px - 81px);}
    .listing__wrapper .home .bg-part-3 img{width: 46.83vw;height: 81px;}
}
@media screen and (max-width: 1440px) {
    header .first-button .nav-link{font-size: 17px !important;}
    header .sub-links .nav-link{font-size: 15px !important;}
    .btn-inner{padding: 8px 16px;height: unset !important;}
    /* .home .bg-part-1 img{width: 44.83vw;max-height: 682px;} */
    .home .bg-part-2 img{width: 55.19vw;max-height: calc(682px - 73px);}
    .home .bg-part-3 img{width: 46.83vw;height: 73px;}
    .listing__wrapper .home .bg-part-1 img{width: 58.9vw;}
    .listing__wrapper .home .bg-part-2 img{width: 55.19vw;max-height: calc(614px - 73px);}
    .listing__wrapper .home .bg-part-3 img{width: 46.83vw;height: 73px;}
    .home__wrapper .py-100{padding-top: 100px;padding-bottom: 100px;}
    .creative-card h1{font-size: 36px;}
    .creative-card p{font-size: 16px;}
}
@media (max-width: 1400px) and (min-width: 1200px) {
    /* .home .bg-part-1 img{width: 44.83vw;min-height: 682px;} */
    .home .bg-part-1 img{top: 0px;height: 834px;}
    .home .bg-part-2 img{width: 55.19vw;min-height: calc(682px - 73px);}
    .home .bg-part-3 img{width: 43.1vw;height: 73px;}
    .listing__wrapper .home .bg-part-1 img{width: 58.83vw;}
    .listing__wrapper .home .bg-part-2 img{width: 55.19vw;min-height: calc(614px - 73px);}
    .listing__wrapper .home .bg-part-3 img{width: 43.1vw;height: 73px;}

    .nav-menu .min-w-320{min-width: 284px !important;}
    #serviceMegaMenu{transform: translateX(-24%) !important;}
    .sub-links .nav-link {padding: 10px 15px !important;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-menu .min-w-320{min-width: 225px !important;}
    .sub-links .nav-link {padding: 10px 15px !important;}
    #serviceMegaMenu{transform: translateX(-20%) !important;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 10px !important;padding-left: 10px !important;}
}
@media only screen and (max-width: 1200px) {
    .our-process .process-section{gap: 20px;}
    .our-process .left-column h2{font-size: 1.5rem;}
    .our-process .step .content{padding: 0;}
    .home__wrapper .we-creative .card h5{font-size: 16px;}
    .testimonial-carousel-container .card-slider{width: 700px;}
    .testimonial-carousel-container .slider-content{height: 450px;}
    .testimonial-carousel-container .card-slider.left{transform: translateX(-105px) scale(0.8);}
    .testimonial-carousel-container .card-slider.right{transform: translateX(105px) scale(0.8);}
}
@media screen and (max-width: 1024px) {
    /* .home .bg-part-1 img{width: 44.83vw;min-height: 682px;} */
    .home .bg-part-2 img{width: 55.19vw;min-height: calc(682px - 60px);}
    .home .bg-part-3 img{width: 45.83vw;}
    .listing__wrapper .home .bg-part-1 img{width: 83vw;}
    .listing__wrapper .home .bg-part-2 img{width: 55.19vw;min-height: calc(614px - 60px);}
    .listing__wrapper .home .bg-part-3 img{width: 45.83vw;}
    .tech-banner-head, .tech-banner-twid{width: 100%;}
    .emerging_tech_wrapper .bg-part-2{display: none !important;}
}
@media only screen and (max-width: 991px) {
    .card-stack-animate{height: 800px;}
    .home__wrapper .we-creative .card .card-img.mb-5{margin-bottom: 100px !important;}
    .ai-cta-section h2.section_head{font-size: 30px;}

    .testimonial-carousel-container .card-slider{width: 470px;}
    .testimonial-carousel-container .slider-content{height: 520px;}
    .testimonial-carousel-container .card-slider.left{transform: translateX(-80px) scale(0.8);}
    .testimonial-carousel-container .card-slider.right{transform: translateX(80px) scale(0.8);}
    .testimonial-carousel-container .t-short{font-size: 17px;margin-bottom: 20px !important;}
    .testimonial-carousel-container .t-title, .testimonial-carousel-container .t-desig, .testimonial-carousel-container .t-rating {font-size: 15px;}
}
@media screen and (max-width: 768px) {
    .home h1{font-size: 46px;}
    .py-100{padding-top: 50px !important;padding-bottom: 50px !important;}
    .section_head{font-size: 36px !important;}
    .fs-20{font-size: 18px;}
    .fs-18{font-size: 16px;}
    .stack-cards__content {flex-direction: column;}

    .our-process .process-section{flex-direction: column;gap: 40px;}
    .our-process .left-column, .our-process .right-column{position: static;transform: none;margin-bottom: 20px;height: auto;}
    .our-process .right-column{padding-top: 0;}
    .our-process .step .progress{height: 80px;}
    .our-process .left-column, .our-process .right-column{flex: none;width: 100%;}
    .our-process .step .progress{height: 120px;}
    .our-process .step .content{padding: 10px 20px 20px;}

    .home__wrapper .card_swiper .card_header{padding: 25px 20px 20px;}
    .home__wrapper .card_swiper .card_header .fs-22{font-size: 16px;}
    .home__wrapper .card_swiper .card_body{padding: 20px;}
    .container.cmw-100{max-width: 100%;}
    .card-stack-animate{height: 740px;}

    .service-hover-accordion .accordion-panel-item{padding: 12px;}
    .service-hover-accordion .accordion-panel-item h2.fs-20{font-size: 15px;}
    .service-hover-accordion .accordion-panel-item h2 > img{margin-right: 0.5rem !important;width: 34px;}
    .service-hover-accordion .accordion-panel-item .panel-icon-after{right: 12px;top: 15px;width: 30px;height: 30px;}
    .service-hover-accordion .accordion-panel-item .panel-icon-after img{padding: 8px;}
    .scroll-container{margin-top: 20px !important;}
    .home__wrapper .info-box{padding: 20px !important;}

    .ai-cta-wrapper{display: block !important;text-align: center;}    
    .ai-cta-wrapper .content-box, .ai-cta-wrapper .ai-cta-img{width: 100%;margin: 0 auto;}
    .ai-cta-wrapper .content-box{margin-bottom: 25px;}
    .ai-cta-wrapper .btn{margin-left: auto;margin-right: auto;}
    .ai-cta-wrapper .w-50{width: 100% !important;}

    .card-stack-animate .card[data-pos="1"]{transform: translateY(-75px) scale(0.95);}
    .card-stack-animate .card[data-pos="2"]{transform: translateY(-150px) scale(0.90);}

    .creative-card h1{font-size: 44px;}
    .creative-card p{font-size: 17px;}

    .testimonial-carousel-container .card-slider{width: 100%;}
    .testimonial-carousel-container .slider-content{height: 390px;}
    .testimonial-carousel-container{height: 600px;}
    .testimonial-carousel-container .card-slider.right{transform: translateX(35px) scale(0.9);}
    .testimonial-carousel-container .card-slider.left{transform: translateX(-35px) scale(0.9);}
    .testimonial-carousel-container .card-slider .slider-content{padding: 15px;}
    .testimonial-carousel-container .controls{position: relative;top: -55px;justify-content: center;gap: 15px;}
    .testimonial-carousel-container .t-short{font-size: 15px;}
}
@media screen and (max-width: 576px) {
    .home h1{font-size: 38px;}
    .fs-24{font-size: 18px !important;}
    .section_head{font-size: 32px !important;}
    .bg-white-gradient.fs-14{font-size: 10px;}
    .technology-card .tab-content, .tech-stack-tabs{padding: 24px 10px;}
    .tech-stack-card .nav-item{min-width: 50% !important;}
    .case-study-slide .card-img{height: 196px !important;}
    .we-creative.py-60{padding: 60px 0 30px !important;}
    .home__wrapper .we-creative .card{height: 245px !important;}
    .home__wrapper .we-creative .card:hover .card-img.mb-5{margin-top: -138px !important;}
    .testimonial-carousel-container{height: 700px;}
    .testimonial-carousel-container .slider-content {height: 545px;}
    .client-info .img-quote{display: none;}
    .testimonial-carousel-container .card-slider{width: 273px;}
    .testimonial-carousel-container .controls{top: -30px;}
}
/* @media only screen and (max-width: 359px) {
    .card-stack-animate{height: 1050px;}   
} */