/*
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;
    --theme1-light-gray:#F7F9FB;
}

@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;}
.fs-40{font-size: 40px;line-height: 1.2;}
.rounded-t-40{border-top-left-radius: 40px;border-top-right-radius: 40px;}
.rounded-b-40{border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
.home__wrapper .fs-36{font-size: 36px;line-height: 1.2;}
.home__wrapper .fs-32{font-size: 32px;}
.home__wrapper .fs-30{font-size: 30px;}
.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;}
.clr-black-60{color: #1d1d2099;}
.clr-white-80{color: #ffffffcc;}
.clr-black{color: #1D1D20;}
.clr-black-80{color: #1d1d20cc;}
.clr-black-70{color: #1d1d20b3;}
.p-3-5{padding: 20px;}
.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);
}
.gradient__wrapper.text-uppercase{letter-spacing: 0.2em;}

.home__wrapper .py-100{padding-top: 80px;padding-bottom: 80px;}
.bg-light-gray{background-color: #F7F9FB !important;}
.home__wrapper .section_head{font-size: 46px;}
.home__wrapper .clr-black-80{color: #1D1D20CC;}
.home__wrapper .clr-black-70{color: #1d1d20b3;}
.home__wrapper .clr-black-60{color: #1d1d2099;}
.home__wrapper .clr-blue{color: var(--bg-blue);}
.img-fluid{max-width: 100% !important;}

/* logo with animation */
.logo{height: 40px;width: 155px;}
.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;}
.home__wrapper .we-creative .card h5{font-family: 'manrope-medium' !important;}


/* buttons design  */
.home__wrapper .btn, header .btn{border-radius: 10px;padding: 1px;width: fit-content;font-family: 'manrope-semibold';transition: background 0.5s ease !important;overflow: hidden;}
.home__wrapper .btn-blue, header .btn-blue{background: linear-gradient(180deg, var(--blue) 0%, var(--blue) 100%);border: 1px solid #1D1D2026}
.home__wrapper .btn-yellow{background: linear-gradient(180deg, var(--yellow) 0%, var(--yellow) 100%);}
.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{border: none;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%);border: 1px solid #1D1D2000;}
.home__wrapper .btn-inner, header .btn-inner{height: 54px;gap: 8px;padding: 10px 18px;border-radius: 8px;width: fit-content;line-height: 16px;font-family: 'manrope-semibold';font-size: 15px;z-index: 1;}
.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;}
.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;padding-block-start: 2rem;}

/* navbar design  */
header nav{max-height: 98px;}
.site-header{background: rgb(255 255 255 / 80%);}
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;font-weight: 600 !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){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: 66px;}
header #serviceMegaMenu, header #hireMegaMenu{left: 25% !important;transform: translateX(-25%) !important;}
header #hireMegaMenu .nav-menu{height: 580px !important;}
.object-cover{object-fit: cover;}
header .nav-menu{border-bottom-left-radius: 25px;border-bottom-right-radius: 26px !important;background-color: #ffffff;border-top: 1px solid #00206026;width: fit-content;box-shadow: 0px 2px 4px 0px #0000000D;}
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: #1D1D20;font-family: 'manrope-medium';}
header .header-card{padding: 10px 30px !important;}
header .min-w-320{width: 335px !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);font-family: 'manrope-medium';}
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;}
header .internal-menu{overflow: visible;flex-grow: 1;}
header .internal-menu .col-lg-6, header .internal-menu .col-12{padding: 40px 47px;}
header .internal-link .icon_wrapper{height: 30px;width: 30px;border-radius: 7px;background-color: #F7F9FB;border: 1px solid #00206014;margin-right: 18px;}
header .internal-link{color: #1D1D20 !important;padding: 7px 0px;margin: 6px 0px;white-space: nowrap;transition: all 0.5S ease;font-size: 18px;}
header .internal-link:hover, header .internal-link.active{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: 100%;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: 275px;/*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;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 !important;border: 1px solid #FFFFFF26;backdrop-filter: blur(50px);}
.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-card .tab-pane{max-width: 1150px;}
.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 25s 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;}
.blog_head {max-height: 65px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-clamp: 2;}
.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;transition: background-color 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.services_we_offer #serviceAccordion .accordion-item:has(.accordion-button:not(.collapsed)){background-color: var(--bg-blue);}
.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.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);padding-inline: 35px;background-color: transparent !important;border: 0;box-shadow: none;font-size: 20px;font-family: 'manrope-semibold' !important;color: #1D1D20;padding-top: 23px;padding-bottom: 23px;}
/* .services_we_offer .accordion-collapsed .accordion-button{color: #fff;padding-inline: 55px;} */
.services_we_offer .accordion-button:not(.collapsed){color: #fff;padding-inline: 55px;}
.services_we_offer .accordion-button.collapsed:hover{background-color: #F7F9FB;}
.services_we_offer .accordion-collapse{padding-inline: 35px;transition: height 0.8s cubic-bezier(0.4, 0, 0.2, 1); background-color: transparent !important;}
.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-button:not(.collapsed)::after{transform: rotate(90deg);transition: all 0.8s ease;}
.leading_business_industry{background-color: var(--bg-blue);border-radius: 40px;height: 360px;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(34px) !important;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;}
.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;}
.where_ai_belongs .card img{scale: 1.2;margin-bottom: -7px;}
.ctaWithBG{position: relative;overflow: hidden;}
.ctaWithBG::after{content: '';position: absolute;width: 50%;aspect-ratio: 1/1;top: 50%;transform: translateY(-50%);right: 20px;opacity: 30%;;background-image: url('../images/New-Design/home_rotate_logo_bg.png');background-repeat: no-repeat;background-size: contain;animation: rotation 30s infinite linear;}
hr.text-theme-primary-light{margin: 8px 0px !important;}
.scroll-content .info-box{transition: all 0.5s ease;}
.scroll-content .info-box:hover{background: linear-gradient(180deg, rgba(0, 73, 254, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%) !important;}
.benifits_of_iot .benifit_card{border-radius: 25px;border: 1px solid #27282D26;padding: 30px 27px;background-color: #F7F9FB;}
.benifits_of_iot .arrow_wrapper{height: 50px;width: 50px;background-color: #fff;border: 1px solid #27282D26;border-radius: 11px;}
.benifits_of_iot .benifit_card:hover{background-color: var(--bg-blue);}
.benifit_card:hover .arrow_wrapper{background-color: var(--yellow);}
.benifit_card:hover .arrow_wrapper img{rotate: 45deg;}
.benifit_card:hover .clr-black{color: #ffffff;}
.benifit_card:hover .clr-black-80{color: #ffffff;}
.feature_of_iot .tab-content{overflow: hidden;position: relative;}
.feature_of_iot .nav-link, .cloud_services .nav-link{color: #1D1D20 !important;}
.feature_of_iot .nav-link:hover, .feature_of_iot .nav-link.active, .cloud_services .nav-link:hover, .cloud_services .nav-link.active{font-family: 'manrope-semibold';}
.feature_of_iot .nav-link .fa, .cloud_services .nav-link .fa{margin-left: -45px;opacity: 0;color: var(--bg-blue);}
.feature_of_iot .nav-link:hover .fa, .feature_of_iot .nav-link.active .fa, .cloud_services .nav-link:hover .fa, .cloud_services .nav-link.active .fa{margin-left: 0px;opacity: 1;}
.feature-card{border: 1px solid #1D1D2026;padding: 30px;border-radius: 25px;}
.feature-card .icon_wrapper{background-color: var(--bg-blue);height: 70px;width: 70px;border-radius: 13px;}
/* .feature_of_iot .tab-pane {opacity: 0;transform: translateY(50px);transition: opacity 1s ease, transform 1s ease;pointer-events: none;} */
.feature_of_iot .tab-pane.active.show.fadeUp{animation: fadeDown 1.5s ease 0s 1 both;}
.feature_of_iot .tab-pane.active.show.fadeDown{animation: fadeUp 1.5s ease 0s 1 both;}
.hire_iot_card{background-color: #fff;border: 1px solid #1D1D2026;padding: 30px;border-radius: 25px;}
.hire_iot_card .icon_wrapper{background-color: #F7F9FB;border: 1px solid #27282D26;height: 66px;width: 66px;border-radius: 15px;}
.hire_iot_card:hover{background-color: var(--bg-blue);padding: 30px 40px;}
.hire_iot_card:hover .icon_wrapper{background-color: var(--yellow);}
.hire_iot_card:hover .clr-black, .hire_iot_card:hover .clr-black-80{color: #fff;}

.emerging_tech_wrapper .view-sub-content.ai-agent .sec_02,
.emerging_tech_wrapper .view-sub-content.ai-ml .sec_02,
.emerging_tech_wrapper .view-sub-content.blockchain .sec_02,
.emerging_tech_wrapper .view-sub-content.gen-ai-development-company .sec_02,
.emerging_tech_wrapper .view-sub-content.computer-vision .sec_02,
.emerging_tech_wrapper .view-sub-content.ai-integration .sec_02{background-color: var(--theme1-light-gray);}

.emerging_tech_wrapper .view-sub-content.ai-agent .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.ai-ml .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.iot-app-development .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.blockchain .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.gen-ai-development-company .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.computer-vision .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.ai-integration .sec_02 .section_head,
.emerging_tech_wrapper .view-sub-content.ai-consulting .sec_02 .section_head{margin-bottom: 1rem;}

.emerging_tech_wrapper .view-sub-content.ai-agent .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.ai-ml .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.iot-app-development .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.blockchain .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.gen-ai-development-company .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.computer-vision .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.ai-integration .sec_02 .scroll-container,
.emerging_tech_wrapper .view-sub-content.ai-consulting .sec_02 .scroll-container {
    mask-image: linear-gradient(to bottom transparent 0%, white 5%, white 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, white 5%, white 85%, transparent 100%);
}

.emerging_tech_wrapper .view-sub-content.ai-agent .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.ai-ml .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.iot-app-development .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.blockchain .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.gen-ai-development-company .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.computer-vision .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.ai-integration .tech-stack-section .section_head,
.emerging_tech_wrapper .view-sub-content.ai-consulting .tech-stack-section .section_head{margin-bottom: .75rem !important;}

/* clooud and dev ops pages */
.we-creative.cloud .card{height: 246px !important;}
.we-creative.cloud .card .card-img.mb-5{margin-bottom: 85px !important;}
.we-creative.cloud .card:hover .card-img.mb-5{margin-bottom: 110px !important;}
.industry_first_swiper .swiper_img{height: 435px;width: 100%;max-width: 653.46;overflow: hidden;border-radius: 18px;position: relative;opacity: 35% !important;scale: 0.92 0.85;}
.industry_first_swiper .swiper_img .overlay{position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.56%, #000000 97.67%);padding: 26px 30px;}
.industry_first_swiper .swiper_img img{height: 100%;object-fit: cover;width: 100%;object-position: center;}
.industry_first_swiper .swiper-slide-active .swiper_img{opacity: 100% !important;scale: 1;}
.industry_first_swiper .swiper-button-next, .industry_first_swiper .swiper-button-prev{height: 50px;width: 50px;border-radius: 50%;background-color: #fff;transition: all 0.5s ease;border: 1px solid #1D1D2026;}
.industry_first_swiper .swiper-button-next:hover, .industry_first_swiper .swiper-button-prev:hover{background-color: var(--bg-blue);}
.industry_first_swiper .swiper-button-next::after, .industry_first_swiper .swiper-button-prev::after{font-weight: 800;color: var(--bg-blue);font-size: 15px;}
.industry_first_swiper .swiper-button-next:hover::after, .industry_first_swiper .swiper-button-prev:hover::after{color: #ffffff;}
.industry_first_swiper .swiper-button-next{right: 28.5%;}
.industry_first_swiper .swiper-button-prev{left: 28.5%;}
.card_swiper.cloud .card-stack-animate{margin: 300px auto 0;height: 450px;}
.cloud_services .icon-wrap{height: 70px;width: 70px !important;background-color: var(--bg-blue);border-radius: 13px;flex-shrink: 0;}
.cloud_and_dev_ops_cta{background-color: var(--bg-blue);background-image: url('../images/New-Design/cloud-and-devops-cta-bg.png');background-repeat: no-repeat;background-position: right bottom;background-size: auto 100%;border-radius: 40px;}
.cloud_and_dev_ops_cta .fs-40, .cta-section .section_head{font-size: 36px;}
.cloud-process::-webkit-scrollbar {width: 1px;background: #00000000;}
.cloud-process::-webkit-scrollbar-thumb {background: #00000000;}
.cloud-process::-webkit-scrollbar-thumb:hover {background: #000000;}
.cloud-process .icon_wrap{background-color: var(--yellow);padding: 12px 24px;border: 1px solid #1D1D2026;border-radius: 10px;rotate: -5deg;width: fit-content;}
.cloud-process .left-column{top: 100px !important;max-width: 500px !important;}
.cloud-process .process-section{gap: 80px !important;}
.cloud-process .info_box{min-height: 230px;margin-bottom: 0px !important;}
.our-process.cloud-process .step .progress{height: 200px !important;top: 23px !important;}
.cloud-process .info_box .dot{height: 14px;width: 14px;background-color: #D9D9D9;}
.cloud-process .info_box .line{width: 4px;background-color: #D9D9D9;}
.cloud-process .info_box.active .dot{height: 14px;width: 14px;background-color: var(--bg-blue);}
.cloud-process .info_box.active .line{width: 4px;background-color: var(--bg-blue);}
.other-services.cloud-and-dev-ops{background: var(--bg-blue) !important;border-radius: 40px;}
.other-services.cloud-and-dev-ops ul img{background: linear-gradient(146.13deg, #0049FE -0.41%, rgba(0, 73, 254, 0) 101.68%);border-radius: 15px;}
.bg-gradient-white{background: linear-gradient(143.07deg, rgba(247, 249, 251, 0.2) 1.56%, rgba(247, 249, 251, 0) 101.35%);border-radius: 25px;border: 1px solid #ffffff10;transform: translateY(400px);opacity: 0;}
.other-services.cloud-and-dev-ops.active .bg-gradient-white:nth-of-type(even){animation: fade65 1s ease 0s 1 forwards;}
.other-services.cloud-and-dev-ops.active .bg-gradient-white:nth-of-type(odd){animation: fadeFull 1s ease 0s 1 forwards;}


/* Application Development CSS */
.dev-cards{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;}
.dev-cards .card{padding: 26px 41px;height: 100%;border: 1px solid #00206026;border-radius: 25px;}
.dev-cards .w-third{grid-column: span 2;animation: fade-in 1s ease 0s 1 both;}
.dev-cards .w-full .card-text{display: none;}
.dev-cards .w-full .row{flex-direction: column;}
.dev-cards .w-full .row .col-12{width: 100% !important;}
.transform_sub_head{background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);background-color: #27282D26 !important;padding: 10px 12px;border-radius: 10px;width: fit-content;}
.transform_card{border-radius: 30px;padding: 50px 61px;border-color: #27282D26;}
.transform_card .icon_wrapper{height: 86px;width: 86px;background-color: #ffffff;border: 1px solid #27282D26;border-radius: 15px;transition: all 0.5s ease;}
.transform_card .swiper-slide:hover .icon_wrapper{background-color: var(--yellow);}
.transform_card .swiper-slide-next{border-left: 1px solid #00000014;border-right: 1px solid #00000014;}
.transform_card .swiper-slide{padding: 0px 30px !important;}
.transform_card .swiper-wrapper{align-items: stretch !important;}
.transform_card .swiper-wrapper .swiper-slide{min-height: 350px;}
.transform_card .swiper-button-next, .transform_card .swiper-button-prev{height: 50px;width: 50px;border-radius: 50%;background-color: #fff;transition: all 0.5s ease;border: 1px solid #1D1D2026;padding: 15px;}
.transform_card .swiper-button-next::after, .transform_card .swiper-button-prev::after{font-size: 20px;color: #000;font-weight: 800;}
.transform_card .swiper-button-next:hover, .transform_card .swiper-button-prev:hover{background-color: var(--yellow);}
.transform_card .swiper-button-next{right: -26px;}
.transform_card .swiper-button-prev{left: -26px;}
.pricing_sub_head{background-color: #ffffff1a;padding: 10px 15px;border-radius: 15px;width: fit-content;border: 1px solid #ffffff65;}
.web_tech_stack .card{border-radius: 30px;border: 1px solid #1D1D2026;}
.web_tech_stack .first_btn{padding: 20px 35px;border: 1px solid #1D1D201A;width: 242px;}
.web_tech_stack .tech_btn{border: 1px solid #27282D1A;border-radius: 11px;padding: 11px 14px;color: #1D1D20;background-color: #ffffff;cursor: pointer;}
.web_tech_stack .tech_btn:hover{color: #ffffff;background-color: var(--bg-blue);}
.experience_cta{background-color: var(--bg-blue);border-radius: 40px;background-image: url('../images/New-Design/experience_cta_bg.png');background-size: cover;background-repeat: no-repeat;background-position: center;}
.animate-blink{transition: all 0.5s ease;}
.animate-blink:hover{opacity: 0.6;}
.perk_card{padding: 26px 30px;border: 1px solid #1D1D2026;border-radius: 25px;transition: all 0.5s ease;background-color: #ffffff;box-shadow: 0px 1px 4px 0px #0000000D;}
.perk_card:hover{box-shadow: 0px 4px 4px 0px #0000001A;transform: translateY(-8px);background-color: var(--bg-blue);}
.perk_card:hover .clr-black, .perk_card:hover .text-black-60{color: #fff !important;}   
.ui_ux_icon_wrapper{background: linear-gradient(180deg, #FFFFFF -2.44%, #F7F9FB 88.67%);height: 100px;width: 100px;border: 1px solid #27282D26;border-radius: 20px;} 
.info-box.bg-light-gray{background: #F7F9FB !important;}
.sec_02.ui_ux .info-box{border-color: #00000000 !important;border-radius: 0px !important;padding: 0px 0px 0px 40px !important;position: relative;}
.sec_02.ui_ux .info-box::before{content: '';position: absolute;top: 0;left: 0;width: 6px;height: 80%;background: linear-gradient(#0049FE , rgba(0, 73, 254, 0));border-top-left-radius: 20px;border-top-right-radius: 20px;}
.ui-ux-design-services .main_card{border: 1px solid #1D1D2026;border-radius: 30px;padding: 10px;}
.ui-ux-design-services .sub_card{border: 1px solid #1D1D2026;border-radius: 25px;padding: 30px;background: #ffffff;transition: all 0.5s ease;}
.ui-ux-design-services .icon_wrapper{height: 66px;width: 66px;background-color: #F7F9FB;border: 1px solid #27282D26;border-radius: 12px;transition: all 0.5s ease;}
.ui-ux-design-services .sub_card:hover{background: #F7F9FB;box-shadow: 0px 4px 8px 0px #0000000F;}
.ui-ux-design-services .sub_card:hover .icon_wrapper{background: var(--yellow);}
.tech_stack_scalable.full-stack .head{min-height: 95px;display: flex;align-items: center;}
.tech_stack_scalable .body{background: linear-gradient(to bottom, #FFFFFF 81.25%, #F7F9FB 100%) !important;}

/* Application Development New CSS */
.custom_web_dev .row{border: 1px solid #00206026;border-radius: 25px;padding: 14px 15px;}
.custom_web_dev .row .accordion-item{border-radius: 15px;border: 1px solid #00206026;background-color: #F7F9FB;margin-bottom: 12px;}
.custom_web_dev .row .accordion-button{background-color: transparent;border: none;box-shadow: none;color: #000;padding: 20px;}
.custom_web_dev .row .accordion-button:not(.collapsed)::after{background-image: url('../images/New-Design/accr_arrow_up.svg');transform: rotate(0deg);height: 30px;width: 30px;background-size: cover;transition: all 0.5s ease;}
.custom_web_dev .row .accordion-button.collapsed::after{background-image: url('../images/New-Design/accr_arrow_down.svg');height: 30px;width: 30px;background-size: cover;transition: all 0.5s ease;}
.pill_heading{border: 1px solid #00206026;width: fit-content;}
.why_relay_on_ic.web-dev .dot{height: 34px;width: 34px;font-size: 15px;}
.why_relay_on_ic.web-dev .card{max-width: 400px;}
.why_relay_on_ic.web-dev .dot.bg-blue{left: -17px;}
.why_relay_on_ic.web-dev .left-card .dot.bg-yellow{right: -17px;}
.why_relay_on_ic.web-dev .right-card .dot.bg-yellow{left: -17px;}
.why_relay_on_ic.web-dev .right-card::after, .why_relay_on_ic.web-dev .right-card::before, .why_relay_on_ic.web-dev .left-card::after, .why_relay_on_ic.web-dev .left-card::before{height: calc(100% - 55px);top: 40px;}
.why_relay_on_ic.web-dev .card .icon_wrapper{height: 40px;width: 40px;border-radius: 11px;}
.why_relay_on_ic.web-dev .why_img{height: 230px;width: 360px;}
.why_relay_on_ic.web-dev .ab-none img{border-radius: 25px;object-fit: cover;object-position: center;}
.why_relay_on_ic.web-dev .ab-none::before, .why_relay_on_ic.web-dev .ab-none::after{display: none;}
.simplify_challanges .row{border: 1px solid #00206026;border-radius: 25px;padding: 15px;}
.simplify_challanges .card{background-color: #FFFFFF;border: 1px solid #1D1D2026;border-radius: 20px;padding: 25px;}
.simplify_challanges .card .icon_wrapper{background: #F7F9FB;width: 174px;min-height: 181px;border: 1px solid #1D1D2026;border-radius: 25px;transition: all 0.4s ease;}
.simplify_challanges .card:hover{background-color: var(--bg-blue);}
.simplify_challanges .card:hover .clr-black, .simplify_challanges .card:hover .clr-black-60{color: #fff !important;}
.simplify_challanges .card:hover .icon_wrapper{background: #FFFFFF1A;border: 1px solid #356FFE;}
.simplify_challanges .card:hover .icon_wrapper img{filter: invert(1);}
.simplify_challanges .card:hover .icon_wrapper .main_img{rotate: -12deg;scale: 1.05;}
.simplify_challanges .card:hover .icon_wrapper .shadow-img{scale: 1.2;}
.small_cta.web{background-color: var(--bg-blue);border-radius: 20px;margin-top: 45px;position: relative;}
.info-box.common{min-width: 173px;background: #ffffff !important;border: 1px solid #00206026;border-radius: 20px;padding: 30px 20px !important;transition: all 0.5s ease;}
.info-box.common .img-wrapper{height: 70px;width: 70px;border-radius: 15px;border: 1px solid #27282D26;background-color: #ffffff;transition: all 0.5s ease;}
.info-box.common:hover{background: var(--bg-blue) !important;padding: 30px 30px !important;transform: translateY(-5px);}
.info-box.common:hover .clr-black{color: #fff !important;}
.info-box.common:hover .img-wrapper{background-color: var(--yellow);}
.future_ready_swiper .card{min-height: 370px;background-color: #F7F9FB;border: 1px solid #00206026;border-radius: 25px;padding: 25px;transition: all 0.5s ease;z-index: 2;}
.future_ready_swiper .card .icon_wrapper{height: 70px;width: 70px;background-color: #ffffff;border-radius: 15px;border: 1px solid #00206026;z-index: 2;}
.z-2{z-index: 2;}
.future_ready_swiper .blue_back{border-radius: 25px;background-color: var(--bg-blue);z-index: 1;height: 0px;transition: all 0.5s ease;}
.future_ready_swiper .card:hover{background-color: transparent;}
.future_ready_swiper .card:hover .blue_back{height: 100%;}
.future_ready_swiper .card:hover .clr-black, .future_ready_swiper .card:hover .clr-black-60{color: #fff !important;}
.future_ready_swiper .future-pagination{position: static !important;height: 4px !important;width: 100%;display: flex;align-items: center;}
.future-pagination .swiper-pagination-bullet{flex-grow: 1;background-color: #0020601A;border-radius: 0px !important;margin: 0px !important;border: none !important;height: 4px !important;transition: all 0.5s linear;}
.future-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--bg-blue);height: 4px !important;transition: all 0.5s linear;}
.web-dev .technology-section, .mobile-dev .technology-section, .enterprise-dev .technology-section{background-color: #F7F9FB;}


.scroll_card .icon_wrapper{height: 68px;width: 68px;border-radius: 16px;border: 1px solid #27282D26;background-color: #ffffff;}
.scroll_card{border: 1px dashed #1D1D2026;border-radius: 30px;padding: 40px 50px;position: sticky;}
.scroll_card:nth-child(1){top: 100px;}
.scroll_card:nth-child(2){top: 140px;}
.scroll_card:nth-child(3){top: 180px;}
.scroll_card:nth-child(4){top: 220px;}
.scroll_card .point{height: 11px;width: 11px;top: -16px !important;right: -22px;}
.scroll_card .point.blue-point{background-color: var(--bg-blue);outline: 3px solid #0049FE33;}
.scroll_card .point.yellow-point{background-color: var(--yellow);outline: 3px solid #FFCE3333;}
.scroll_card:has(.blue-point){rotate: -2deg;box-shadow: 0px 9px 8px 0px #0049FE0D;}
.scroll_card:has(.yellow-point){rotate: 2deg;box-shadow: 0px 9px 8px 0px #FFCE330D;}
.scroll_card_stack .heading_section{position: sticky !important;top: 100px !important;}
.real_impact .top-img{border: 1px solid #27282D26;padding: 10px;background: #FFFFFF;top: 67px;left: -50px;border-radius: 17px;z-index: 5;}
.real_impact .bottom-img{border: 1px solid #27282D26;padding: 10px;background: #FFFFFF;bottom: -40px;right: -40px;border-radius: 25px;z-index: 5;}
.real_impact .main_img{border: 1px solid #27282D26;padding: 10px;background: #FFFFFF;border-radius: 45px;overflow: hidden;}
.real_impact .main_img::before{content: '';position: absolute;top: 10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);border-radius: 35px;pointer-events: none;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 63.34%, #000000 100%);z-index: 1;transition: all 0.5s ease;opacity: 0;}
.real_impact .main_img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;background: url('../images/New-Design/real-impact-ic-logo.svg') no-repeat center center;z-index: 2;rotate: 15deg;transition: all 0.5s ease;opacity: 0;}
.real_impact .img_wrapper:hover .main_img::before, .real_impact .img_wrapper:hover .main_img::after{opacity: 1;rotate: 0deg;}
.et_for_app .card_wrapper{background-color: #fff;border-radius: 30px;border: 1px solid #1D1D2026;padding: 15px;}
.et_for_app .card{background-color: #F7F9FB;border-radius: 25px;padding: 25px 25px;border: 1px solid #1D1D2026;transition: all 0.5s ease;}
.et_for_app .card img{opacity: 0;transition: all 0.5s ease;}
.et_for_app .card:hover img{opacity: 1;}
.et_for_app .card:hover{background-color: var(--bg-blue);padding: 25px 35px;}
.et_for_app .card:hover .clr-black, .et_for_app .card:hover .clr-black-60{color: #fff !important;} 
.right-card::after {content: '';height: calc(100% - 40px);width: 4px;border: 2px solid transparent;border-image: repeating-linear-gradient(to bottom,#1D1D201A 0 15px,transparent 0px 21px) 33;position: absolute;top: 30px;left: -2px;z-index: 4;border-radius: 50px;}
.left-card::after {content: '';height: calc(100% - 40px);width: 4px;border: 2px solid transparent;border-image: repeating-linear-gradient(to bottom,#1D1D201A 0 15px,transparent 0px 21px) 33;position: absolute;top: 30px;right: -2px;z-index: 4;border-radius: 50px;}
.right-card::before,
.left-card::before {
  content: '';
  height: calc(100% - 40px);
  width: 4px;
  position: absolute;
  top: 30px;
  z-index: 5;
  border-radius: 50px;
  background: linear-gradient(to bottom, var(--line-color) calc(var(--progress, 0) * 100%), #00000000 0);
}

.right-card:has(.bg-blue)::before { left: -2px; --line-color: var(--bg-blue);}
.right-card:has(.bg-yellow)::before {left: -2px; --line-color: var(--yellow);}
.left-card::before {right: -2px; --line-color: var(--yellow); }
.why_relay_on_ic .dot{height: 20px;width: 20px;top: 0;}
.why_relay_on_ic .dot.bg-blue{left: -10px;background-color: var(--bg-blue);}
.why_relay_on_ic .left-card .dot.bg-yellow{right: -10px;background-color: var(--yellow);}
.why_relay_on_ic .right-card .dot.bg-yellow{left: -10px;background-color: var(--yellow);}
.why_relay_on_ic .card{padding: 25px;border-radius: 25px;background-color: #F7F9FB;border: 1px solid #1D1D2026;opacity: 0;transition: all 0.5s ease;}
.why_relay_on_ic .right-card .card{transform: translateX(300px);}
.why_relay_on_ic .left-card .card{transform: translateX(-300px);}
.why_relay_on_ic .card.active{opacity: 1;transform: translateX(0px);transition: all 0.5s ease;}
.why_relay_on_ic .card .icon_wrapper{height: 55px;width: 55px;border-radius: 15px;border: 1px solid #1D1D2026;}
.why_relay_on_ic .icon_wrapper.bg-blue{background-color: var(--bg-blue);}
.why_relay_on_ic .icon_wrapper.bg-yellow{background-color: var(--yellow);}
.tech_stack_scalable .wrapper{border-radius: 25px;overflow: hidden;border: 1px solid #1D1D2026;}
.tech_stack_scalable .head{padding: 20px 30px;background-color: #F7F9FB;border-right: 1px solid #1D1D2026;border-bottom: 1px solid #1D1D2026;}
.tech_stack_scalable .body{padding: 20px 30px;border-right: 1px solid #1D1D2026;}
.engagement_models_new .wrapper{border-radius: 35px;padding: 25px;border: 1px solid #1D1D2026;}
.engagement_models_new .nav-pills{background-color: #F7F9FB;border: 1px solid #1D1D2026;border-radius: 25px;padding: 15px;}
.engagement_models_new .nav-link{border-radius: 15px !important;padding: 25px !important;}
.engagement_models_new .nav-link{color: #00000040 !important;}
.engagement_models_new .nav-link img{filter: grayscale(100%) brightness(278%);opacity: 6;}
.engagement_models_new .nav-link.active{background-color: #ffffff !important;border: 1px solid var(--bg-blue) !important;color: #1D1D20 !important;}
.engagement_models_new .nav-link.active img{filter: none;opacity: 1;}
.engagement_models_new .tab-content .img-fluid{background-color: #F7F9FB;width: 470px !important;height: 420px !important;padding: 10px;border: 1px solid #1D1D2026;object-fit: cover;border-radius: 25px;}
#whatifaccr{border-radius: 25px;border: 1px solid #00206026;}
#whatifaccr .accordion-button{color: #000000 !important;box-shadow: none !important;}
#whatifaccr .accordion-button.collapsed::after{background-image: none !important;content: '+' !important;}
#whatifaccr .accordion-button:not(.collapsed)::after{background-image: none !important;content: '-' !important;}
#whatifaccr .accordion-button img{margin-left: -40px;opacity: 0 !important;transition: all 0.5s ease;}
#whatifaccr .accordion-button:hover img, #whatifaccr .accordion-button:not(.collapsed) img{margin-left: 0px;opacity: 1 !important;transition: all 0.5s ease;}
#whatifaccr .accordion-button{background-color: #ffffff !important;padding: 27px 42px;transition: all 0.5s ease;}
#whatifaccr .accordion-button:hover, #whatifaccr .accordion-button:not(.collapsed){background-color: #F7F9FB !important;padding: 27px 60px;transition: all 0.5s ease;}
#whatifaccr .accordion-body{padding: 0px 60px 27px;}
.app-development-wrapper .services_we_offer #serviceAccordion .accordion-item{background-color: #F7F9FB;}
/* .app-development-wrapper .services_we_offer #serviceAccordion .accordion-item.show{background-color: var(--bg-blue);} */


.feature_of_iot .nav-link, .cloud_services .nav-link{color: #1D1D20 !important;}
.feature_of_iot .nav-link:hover, .feature_of_iot .nav-link.active, .cloud_services .nav-link:hover, .cloud_services .nav-link.active{font-family: 'manrope-semibold';}
.feature_of_iot .nav-link .fa, .cloud_services .nav-link .fa{margin-left: -45px;opacity: 0;color: var(--bg-blue);}
.feature_of_iot .nav-link:hover .fa, .feature_of_iot .nav-link.active .fa, .cloud_services .nav-link:hover .fa, .cloud_services .nav-link.active .fa{margin-left: 0px;opacity: 1;}

.why_relay_on_ic.web_development .header{position: sticky;top: 100px;}
.why_relay_on_ic.web_development .right-card .card{transform: translateX(0px);opacity: 1;background-color: #F7F9FB;}
.why_relay_on_ic.web_development .right-card::after{border-image: none;border: 2px solid hsla(220, 100%, 19%, 0.05);height: calc(100% + 35px);top: 0;}
.why_relay_on_ic.web_development .right-card::before{height: calc(100% + 35px);top: 0;}
.why_relay_on_ic.web_development .right-card .icon_wrapper{height: 76px;width: 76px;border-radius: 16px;background-color: #ffffff;border: 1px solid #27282D26;transition: all 0.5s ease;}
.why_relay_on_ic.web_development .right-card .icon_wrapper img{max-width: 40px;}
.cloud_and_dev_ops_cta.web-dev{background-image: url('../images/New-Design/web-application-cta-bg.png');}


.solution_sec_2{background-image: url('../images/New-Design/sol_sec_2_bg.png');background-repeat: no-repeat;background-size: contain;background-position: bottom right;}
.sol_sec_03 .icon-wrap{height: 70px;width: 70px;border-radius: 13px;background-color: #F7F9FB;border: 1px solid #27282D26;padding: 8px;}
.sol_sec_03 .content-wrapper{position: sticky;top: 150px;}
.sol_sec_03 .info-box{transition: all 0.5s ease;}
.sol_sec_03 .info-box:hover{background: var(--bg-blue) !important;}
.sol_sec_03 .info-box:hover .icon-wrap{background-color: var(--yellow);}
.sol_sec_03 .info-box:hover .clr-black, .sol_sec_03 .info-box:hover .clr-black-60{color: #fff !important;}
.sol_sec_03.asset_management .row{background-color: #fff;border-radius: 30px;border: 1px solid #1D1D2026;padding: 15px;}
.sol_sec_03.asset_management .card{border-radius: 25px;border: 1px solid #1D1D2026;box-shadow: 0px 1px 4px 0px #0000000D;padding: 26px 30px 10px;transition: all 0.5s ease;background: linear-gradient(to bottom, #FFFFFF 46.61%, #ffffff 57.32%);}
.sol_sec_03.asset_management .card:hover{box-shadow: 0px 2px 19.1px 0px #0000001A;background: linear-gradient(to bottom, #FFFFFF 46.61%, rgba(247, 249, 251, 0.8) 57.32%);}
.sol_sec_03.asset_management .card:hover .img_wrapper{transform: translateY(-9px);}
.sol_sec_03.asset_management .card .img_wrapper img{width: calc(100% + 18px) !important;max-width: unset !important;margin-left: -14px;}
.sol_sec_03.asset_management .card .fs-14{font-size: 13px !important;line-height: 24px !important;}
.solution_sec_4 .img_wrapper img{width: 100%;height: 100%;object-fit: cover;object-position: top;transition: all 0.5s ease;}
.solution_sec_4 .sec_4_cards{gap: 28px;transition: all 0.5s ease;}
.solution_sec_4 .sec_4_cards .card{border-radius: 25px;border: 1px solid #1D1D2026;box-shadow: 0px 1px 4px 0px #0000000D;width: calc(33.33% - 14px);height: 370px;transition: width 0.5s ease;}
.solution_sec_4 .sec_4_cards .overlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.57%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));padding: 30px 27px;transition: background 0.5s ease;}
.solution_sec_4 .sub-text{opacity: 0;margin-top: 0px;transition: all 0.8s ease;pointer-events: none;height: 0px;width: calc(600px - 54px);}
.solution_sec_4 .sec_4_cards .card:hover{width: 600px !important;flex-shrink: 0;}
.solution_sec_4 .sec_4_cards .card:hover .overlay{background: linear-gradient(180deg, rgba(247, 249, 251, 0.05) 81.32%, rgba(255, 255, 255, 0.04) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));}
.solution_sec_4 .sec_4_cards .card:hover .sub-text{opacity: 1;margin-top: 10px;height: fit-content;}
.solution_key_feature .card_wrapper{border-radius: 30px;border: 1px solid #1D1D2026;padding: 10px;}
.solution_key_feature .card{border-radius: 25px;border: 1px solid #1D1D2026;padding: 30px;transition: all 0.5s ease;}
.solution_key_feature .icon_wrapper{height: 55px;width: 55px;background-color: #F7F9FB;border-radius: 10px;border: 1px solid #1D1D2026;}
.solution_key_feature .card.bg-light-gray .icon_wrapper{background-color: #ffffff;}
.solution_key_feature .card:hover{box-shadow: 0px 0px 14px 0px #0000001A;}
.solution_key_feature .card:hover .icon_wrapper{background-color: var(--yellow);}
.solution_key_feature .card:hover .img_wrapper img{scale: 1.05;}
.solution_key_feature .card:has(.img_wrapper){padding-bottom: 10px;}
.solution_key_feature .fs-14{font-size: 16px;}
.implement_solution_main_card{margin-top: 80px;}
.implement_solution_main_card.asset_management{margin-top: 145px;margin-bottom: 127px;}
.implement_solution_main_card .row{--bs-gutter-x: 52px;}
.implement_solution_main_card .card{border-radius: 15px;border: 1px solid #1D1D2026;transition: all 0.5s ease;padding: 15px;max-width: 420px;}
.implement_solution_main_card .parent_card{height: 84px;border-radius: 20px;border: 2px dashed #1D1D2026;padding: 0px;}
.implement_solution_main_card .parent_card.h-84{height: 88px;}
.implement_solution_main_card.asset_management .parent_card .card{width: 380px;}
.implement_solution_main_card .parent_card.first_left{width: calc(100% - 160px);}
.implement_solution_main_card .parent_card.first_left .card{left: -160px;top: unset;bottom: 40px;}
.implement_solution_main_card .parent_card.first_left .dot{position: absolute;left: 153px;bottom: -6px;}
.implement_solution_main_card .parent_card.first_left .yellow_dot.left{left: 77%;top: unset;bottom: -3px;}
.implement_solution_main_card .parent_card.second_left{width: calc(100% - 160px);}
.implement_solution_main_card .parent_card.second_left .card{left: -160px;top: 45px;}
.implement_solution_main_card .parent_card.second_left .blue_dot.left{left: 57%;top: -3px;bottom: unset;}
.implement_solution_main_card .parent_card.second_left .dot{position: absolute;left: 153px;top: -9px;}
.implement_solution_main_card .parent_card.first_right{width: calc(100% - 160px);}
.implement_solution_main_card .parent_card.first_right .card{right: -160px;top: unset;bottom: 40px;}
.implement_solution_main_card .parent_card.first_right .dot{position: absolute;right: 153px;bottom: -6px;}
.implement_solution_main_card .parent_card.first_right .blue_dot.right{right: 40%;top: unset;bottom: -3px;}
.implement_solution_main_card .parent_card.second_right{width: calc(100% - 160px);}
.implement_solution_main_card .parent_card.second_right .card{right: -160px;top: 45px;}
.implement_solution_main_card .parent_card.second_right .dot{position: absolute;right: 153px;top: -9px;}
.implement_solution_main_card .parent_card.second_right .yellow_dot.right{right: 80%;top: -3px;bottom: unset;}
.implement_solution_main_card .top-40{top: -40%;}
.implement_solution_main_card .top-50{top: -50% !important;}
.implement_solution_main_card .card.ms-auto{right: 0px;}
.implement_solution_main_card .dot{height: 12px;width: 12px;border: 1px solid #27282D26;flex-shrink: 0;}
.implement_solution_main_card .dot.mr-21{margin-top: 3px;margin-right: -21px;}
.implement_solution_main_card .dot.ml-21{margin-top: 3px;margin-left: -21px;}
.implement_solution_main_card .center_icon{height: 156px;width: 156px;border: 1px solid var(--dark-yellow);background-color: var(--yellow);position: absolute;top: 38%;right: 50%;transform: translate(50%, -50%);padding: 15px;}
.implement_solution_main_card .blue_dot{height: 6.42px;width: 6.42px;background-color: var(--bg-blue);border-radius: 50%;position: absolute;}
.implement_solution_main_card .yellow_dot{height: 6.42px;width: 6.42px;background-color: var(--yellow);border-radius: 50%;position: absolute;}
.implement_solution_main_card .blue_dot.left{left: 80%;top: -3px;}
.implement_solution_main_card .blue_dot.right{right: 80%;top: -3px;}
.implement_solution_main_card .yellow_dot.left{left: 90%;top: -3px;}
.implement_solution_main_card .yellow_dot.right{right: 90%;top: -3px;}
.faq_accr_item:has(.collapsing) button{box-shadow: none !important;outline: none !important;border: none !important;}
.faq_accr_item{border: 1px solid #00206026;border-radius: 20px;overflow: hidden;}
.faq_accr_item button{gap: 6px;font-size: 16px !important;}
.faq_accr_item .accordion-body{font-size: 15px !important;}
.faq_accr_item .accordion-button:not(.collapsed)::after{transform: rotate(0deg) !important;}
.faq_accr_item button::after{background-color: #F7F9FB !important;}
.grad_line_faq{height: 1px;background: linear-gradient(90deg, rgba(29, 29, 32, 0) 0%, rgba(29, 29, 32, 0.15) 47.6%, rgba(29, 29, 32, 0) 100%);}
.cta-bg.solutions{background-image: url('../images/New-Design/home_rotate_logo_bg.png');opacity: 0.2;background-position: center;background-size: 100%;animation: rotation 25s infinite linear;aspect-ratio: 1 / 1 !important;height: unset !important;top: 50% !important;transform: translateY(-50%);}
.ev_across_industries .card_wrapper{border-radius: 30px;border: 1px solid #00206026;padding: 10px;}
.ev_across_industries .card{border-radius: 25px;border: 1px solid #1D1D2026;transition: all 0.5s ease;padding: 30px;background-color: #ffffff;}
.ev_across_industries .icon_wrapper{height: 66px;width: 66px;background-color: #F7F9FB;border-radius: 12px;border: 1px solid #1D1D2026;}
.ev_across_industries .right_arrow{opacity: 0;transition: all 0.5s ease;}
.ev_across_industries .card:hover{background-color: var(--bg-blue);padding: 30px 40px;}
.ev_across_industries .card:hover .icon_wrapper{background-color: var(--yellow);}
.ev_across_industries .card:hover .clr-black, .ev_across_industries .card:hover .clr-black-70{color: #fff !important;}
.ev_across_industries .card:hover .right_arrow{opacity: 1;}
.ev-industries-swiper .swiper-slide .card{min-height: 360px;}
.card_wrapper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: -25px;height: 60px;width: 60px;border-radius: 50%;border: 1px solid #27282D26;background-color: #ffffff;}
.card_wrapper .swiper-button-prev, .swiper-rtl .swiper-button-next {left: -25px;height: 60px;width: 60px;border-radius: 50%;border: 1px solid #27282D26;background-color: #ffffff;}
.card_wrapper .swiper-button-next:after, .card_wrapper .swiper-button-prev:after {font-size: 20px;color: #000000;font-weight: 900;-webkit-text-stroke: 1px #000;text-stroke: 1px #000;}
.card_wrapper .swiper-button-next:hover, .card_wrapper .swiper-button-prev:hover {background-color: var(--yellow);}

.hire_hero_vector{transform: translateY(200px);opacity: 0;animation: fadeFull 1.5s ease 1s 1 forwards;}
.desktop-hd-form{position: sticky;top: 100px;}
.hire-form-feild{border: 1px solid #1D1D2014 !important;border-radius: 11px !important;}
.hire-btn.btn-theme-primary:hover{background: var(--bg-blue) !important;}
.section-two.hire .eyebrow{background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);border-radius: 10px;padding: 10px 12px;border: 1px solid #27282D26;width: fit-content;}
.benefits.hire .icon_wrapper{height: 71px !important;width: 71px !important;border-radius: 15px !important;border: 1px solid #1D1D2026 !important;background-color: #ffffff !important;align-items: center !important;justify-content: center !important;}
.benefits.hire .card{border-radius: 30px;border: 1px solid #1D1D2026;padding: 10px;}
.benefits.hire .card-body{background-color: #F7F9FB;border-radius: 20px;border: 1px solid #1D1D2026;padding: 30px;}
.benefits.hire h4{width: fit-content;}
.benefits.hire .card:hover .grad_line_faq{background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);}
.benefits.hire .card:hover .icon_wrapper{background-color: var(--yellow) !important;}
.benefits.hire .card:hover .card-body{background-color: var(--bg-blue);padding: 30px 35px;}
.benefits.hire .card:hover .clr-black, .benefits.hire .card:hover .clr-black-80{color: #fff !important;}
.we-app-development.hire .iconBox{height: 71px;width: 71px;border-radius: 15px;border: 1px solid #1D1D2026;background-color: #F7F9FB;}
.we-app-development.hire .card{border-radius: 20px;padding: 25px;border: 1px solid #1D1D2000;transition: all 0.5s ease;}
.we-app-development.hire .right_arrow{opacity: 0;transition: all 0.5s ease;margin-right: 60px;}
.we-app-development.hire .card:hover{background-color: #F7F9FB;border: 1px solid #1D1D2026;}
.we-app-development.hire .card:hover .iconBox{background-color: #ffffff;}
.we-app-development.hire .card:hover .right_arrow{opacity: 1;margin-right: 0px;}
.cloud-process::-webkit-scrollbar {width: 1px;background: #00000000;}
.cloud-process::-webkit-scrollbar-thumb {background: #00000000;}
.cloud-process::-webkit-scrollbar-thumb:hover {background: #000000;}
.cloud-process .icon_wrap{background-color: var(--yellow);padding: 12px 24px;border: 1px solid #1D1D2026;border-radius: 10px;rotate: -5deg;width: fit-content;}
.cloud-process .left-column{top: 100px !important;max-width: 500px !important;}
.cloud-process .process-section{gap: 80px !important;}
.cloud-process .info_box{min-height: 230px;margin-bottom: 0px !important;}
.our-process.cloud-process .step .progress{height: 200px !important;top: 23px !important;}
.cloud-process .info_box .dot{height: 14px;width: 14px;background-color: #D9D9D9;}
.cloud-process .info_box .line{width: 4px;background-color: #D9D9D9;}
.cloud-process .info_box.active .dot{height: 14px;width: 14px;background-color: var(--bg-blue);}
.cloud-process .info_box.active .line{width: 4px;background-color: var(--bg-blue);}
.account-type.hire{background-color: var(--bg-blue);border-radius: 40px;background-image: none !important;}
.ctaWithBG{position: relative;overflow: hidden;}
.ctaWithBG::after{content: '';position: absolute;width: 50%;aspect-ratio: 1/1;top: 50%;transform: translateY(-50%);right: 20px;opacity: 30%;;background-image: url('../images/New-Design/home_rotate_logo_bg.png');background-repeat: no-repeat;background-size: contain;animation: rotation 30s infinite linear;}
.ai-cta-section.ctaWithBG{padding: 60px 0;}
.ai-cta-section.ctaWithBG .ai-cta-img.w-50 img{max-width: 330px;z-index: 5;position: relative;}
.ai-integration .ai-cta-img.w-50 img, .ai-consulting .ai-cta-img.w-50 img{max-width: 330px !important;}
.ai-cta-img.w-50 img{margin-top: 20px;}
.ctaWithBG.hire{background-image: none !important;}
.other-services.cloud-and-dev-ops{background: var(--bg-blue) !important;border-radius: 40px;}
.other-services.cloud-and-dev-ops ul img{background: linear-gradient(146.13deg, #0049FE -0.41%, rgba(0, 73, 254, 0) 101.68%);border-radius: 15px;}
.bg-gradient-white{background: linear-gradient(143.07deg, rgba(247, 249, 251, 0.2) 1.56%, rgba(247, 249, 251, 0) 101.35%);border-radius: 25px;border: 1px solid #ffffff10;transform: translateY(400px);opacity: 0;}
.other-services.cloud-and-dev-ops.active .bg-gradient-white:nth-of-type(even){animation: fade65 1s ease 0s 1 forwards;}
.other-services.cloud-and-dev-ops.active .bg-gradient-white:nth-of-type(odd){animation: fadeFull 1s ease 0s 1 forwards;}
.hire_cta_1{transition: all 0.5s ease;max-width: 300px !important;}
.hire_cta_2{transition: all 0.5s ease;max-width: 300px !important;opacity: 0;position: absolute;bottom: 0;right: 50%;transform: translateX(50%) translateY(20px);}
.hire_cta_1.js, .hire_cta_2.js{min-width: 500px !important;} 
.ai-cta-section.hire:hover .hire_cta_1{opacity: 0;transform: translateY(-20px);transition: all 0.5s ease;}
.ai-cta-section.hire:hover .hire_cta_2{opacity: 1;transition: all 0.5s ease;transform: translateX(50%) translateY(0px);}
.main_div_hire_qa{width: 50%;height: 350px;min-width: 550px;}
.qa_screen{bottom: 0px;width: 400px;max-width: unset !important;left: 0 !important;transform: translateX(0) !important;}
.qa_status{top: 0;right: -10px;transform: translateX(0) !important;transition: all 0.5s 1.8s ease !important;}
.qa_glass{bottom: 0px;left: 250px;transform: translateX(0) !important;transition: all 0.5s ease !important;height: 180px;width: 180px;}
.ai-cta-section.hire:hover .qa_glass{animation: scan 2s linear 0.1s 1 normal forwards;}


/* 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, .hire-btn.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, .hire-btn.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;}
footer .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;}

.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;width: 410px;height: 246px;max-width: 95%;object-fit: cover;object-position: center;}
.card-stack-animate .card{position: absolute;width: 100%;height: 100%;cursor: pointer;transition: transform 0.4s ease, z-index 0.4s ease;background: linear-gradient(180deg, #FFFFFF 81.32%, rgba(247, 249, 251, 0.8) 100%);}
.card-stack-animate .card[data-pos="0"]{transform: translateY(0) scale(1);z-index: 4;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: 3;}
.card-stack-animate .card[data-pos="2"]{transform: translateY(-197px) scale(0.90);z-index: 2;}
.card-stack-animate .card[data-pos="3"]{transform: translateY(-290px) scale(0.85);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 .accordion-header{cursor: pointer;}
.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; cursor: auto; pointer-events: none; }
.service-hover-accordion .accordion-panel-item.show .panel-content{max-height: 1000px;opacity: 1;visibility: visible;transition: all 0.5s ease-in-out;}
/* .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.show .panel-icon-after{background: rgba(255, 206, 51, 1);}
.service-hover-accordion .accordion-panel-item.show .panel-icon-after img{transform: rotate(90deg);}

.ai-cta-section.ctaWithBG{padding: 60px 0;}
.ai-cta-section.ctaWithBG .ai-cta-img.w-50 img{max-width: 330px;z-index: 5;position: relative;}
.ai-integration .ai-cta-img.w-50 img, .ai-consulting .ai-cta-img.w-50 img{max-width: 330px !important;}
.ai-cta-img.w-50 img{margin-top: 20px;}


/* .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 .swiper-slide{transition: .5s transform ease-in-out;}
.testimonial-carousel-container .swiper-slide:hover{transform: translateY(-20px);}
.testimonial-carousel-container .swiper-slide:hover .slider-content{background: linear-gradient(360deg, #FFFFFF 0%, #F7F9FB 91.11%);}
.testimonial-carousel-container .slider-content{height: 310px;transition: background 0.5 ease;}
.view-sub-content.iot-app-development .testimonial-section, .app-development-wrapper .testimonial-section, .testimonial-section.bg-white{background: #ffffff !important;}
.emerging_tech_wrapper .testimonial-section .slider-content, .ui-ux .slider-content{background: linear-gradient(360deg, #FFFFFF 0%, #ffffff 91.11%);}
.index_page .testimonial-section .slider-content, .emerging_tech_wrapper .testimonial-section,.emerging_tech_wrapper .iot-app-development .testimonial-section .slider-content,.emerging_tech_wrapper.app-development-wrapper .testimonial-section .slider-content, .testimonial-section.enterprise .slider-content{background: linear-gradient(360deg, #F7F9FB 0%, #F7F9FB 91.11%);}
.testimonial-carousel-container .card-slider{border-radius: 16.19px;}
.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: invert(1);}
.testimonial-carousel-container .controls button:hover{color: #ffffff;background-color: var(--yellow);}
.testimonial-section .text-md-end{text-align: start !important;}
.img-quote{top: -68px;}
#captcha_contactus{width: 270px !important;}
.blur__content{filter: blur(2px);pointer-events: none;}
.mask-gradient-right {
    mask-image: linear-gradient(to right transparent 0%, white 5%, white 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, white 5%, white 85%, transparent 100%);
}

.controls{display: flex; align-items: center; justify-content: center;gap: 0 1rem;margin-block-start: 2rem;}
.controls .testimonials-button-prev,.controls .testimonials-button-next{display: flex; align-items: center;justify-content: center;  height: 50px; width: 50px; border-radius: 50%;border: 1px solid #1D1D2026;transition: background-color .5s ease-in-out;}
.controls .testimonials-button-prev:hover,.controls .testimonials-button-next:hover{background-color: #FFD029;}
.controls .testimonials-button-prev img,.controls .testimonials-button-next img{filter: invert(1);}
.controls .testimonials-button-prev img{transform: rotate(180deg);}
.trustedSwiperNew .swiper-wrapper{align-items: center;}
.hero_content{padding: 0px 6% !important;}



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


/* animations  */
@keyframes blink {
    0% {
        opacity: 1;
    } 
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade65 { 
    0% {
        opacity: 0;
        transform: translateY(400px);
    }
    100% {
        opacity: 1;
        transform: translateY(65px);
    }
}
@keyframes fadeFull { 
    0% {
        opacity: 0;
        transform: translateY(400px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeDown {
    0% {
        opacity: 0; 
        transform: translateY(-50%);
    }
    100% {
        opacity: 1; 
        transform: translateY(0);
    }
}
@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(0deg);
    } 
    50% {
        transform: translateY(-50%) rotate(180deg);
    }
    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}
@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); }
}
@keyframes scan {
    0%{
        bottom: 0px;left: 250px;
    }
    50%{
        bottom: 50px;left: 0px;
    }
    100%{
        bottom: -20px;left: 0px;
    }
}


/* media queries  */
@media screen and (min-width: 1921px) {
    .listing__wrapper .home .bg-part-3 img{
        width: 24.83vw !important;
    }
    .listing__wrapper .home .bg-part-2 img {
        width: 29.19vw !important;
        max-height: calc(614px - 98px) !important;
        object-fit: cover;
        object-position: top left;
    }
    .listing__wrapper .home .bg-part-1 img {
        width: 91.5vw !important;
        top: -1367px !important;
        left: -532px !important;
        object-fit: cover;
        object-position: top right;
    }
    .case-study-slide .card-img{height: 430px;}
    header.header-sticky .dropdown-menu:has(.nav-menu){padding-top: 90px;}
    .testimonial-carousel-container .slider-content{height: 270px;}
    .industry_first_swiper .swiper-button-next{right: 35%;}
    .industry_first_swiper .swiper-button-prev{left: 35%;}
    .hero_content{padding: 0px 9% !important;}
}
@media screen and (max-width: 1920) {
    .case-study-slide .card-img{height: 324px;}
}
@media (max-width: 2560px) and (min-width: 1800px) {
    .listing__wrapper .home .bg-part-1 img {width: 73.5vw;top: -571px;left: -333px;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;}
    header .min-w-320{width: 370px !important;}
    .tech-stack-card .tab-pane .gap-4{gap: 36px !important;}
    header.header-sticky .dropdown-menu:has(.nav-menu){padding-top: 89px;}
    .leading_business_industry img.leading-business{transform: translateY(62px) !important;max-width: 400px;}
    .case-study-slide .card-img{height: 350px;}
    .implement_solution_main_card .card{max-width: 465px;}
    .mt-7{margin-top: -7px !important;}
    .solution_key_feature .card .img_wrapper img{scale: 1.06;}
    .solution_key_feature .card:hover .img_wrapper img{scale: 1.09;}
}
@media only screen and (max-width: 1540px) {
    .testimonial-card{min-height: 520px;}
    .testimonial-carousel-container .slider-content{height: 280px;}
    .hero_content{padding: 0px 0px !important;}
    .industry_first_swiper .swiper_img{height: 390px;}
}
@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: 57.5vw;}
    .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;}
    .leading_business_industry{height: 420px;}
    header.header-sticky .dropdown-menu:has(.nav-menu){padding-top: 68px;}
    .industry_first_swiper .swiper-button-next{right: 28%;}
    .industry_first_swiper .swiper-button-prev{left: 28%;}
    .solution_sec_4 .sub-text{width: calc(500px - 54px);}
    .solution_sec_4 .sec_4_cards .card:hover{width: 500px !important;}
    .implement_solution_main_card.asset_management .parent_card .card{width: 324px;}
}
@media screen and (max-width: 1440px) {
    header .first-button .nav-link{font-size: 17px !important;}
    header .sub-links .nav-link, header .internal-link{font-size: 15px !important;}
    .btn-inner{padding: 8px 16px;height: unset;}
    /* .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;}
    .case-study-slide .card-img{height: 327px;}
    header.header-sticky .dropdown-menu:has(.nav-menu){padding-top: 70px;}
    .testimonial-carousel-container .slider-content{height: 300px;}
    header .internal-link .icon_wrapper{height: 30px;width: 30px;}
    header #hireMegaMenu .nav-menu{height: 500px !important;}
}
@media screen and (max-width: 1366px) {
    .industry_first_swiper .swiper-button-next{right: 26%;}
    .industry_first_swiper .swiper-button-prev{left: 26%;}
    .transform_card .swiper-wrapper .swiper-slide{min-height: 280px;}
    header .min-w-320{width: 320px !important;}
}
@media screen and (min-width: 1560px) {
    .sol_sec_03.asset_management .card .fs-14{font-size: 15px !important;}
    .simplify_challanges .fs-20{font-size: 22px !important;}
    .simplify_challanges .fs-14{font-size: 16px !important;line-height: 1.6;}
}
@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;}
    .leading_business_industry{height: 368px;}
    .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;}
    .tech_stack_scalable.full-stack .head{min-height: unset !important;}
    .implement_solution_main_card .parent_card{border: none;height: unset;padding: 10px 0px;}
    .implement_solution_main_card .parent_card{border: none;height: unset;padding: 10px 0px;width: 100% !important;}
    .implement_solution_main_card .card{position: static !important;max-width: unset ;height: 100%;width: 100%;}
}
@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-36{font-size: 22px !important;}
    .fs-20{font-size: 18px !important;}
    .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_swiper.cloud .card-stack-animate{height: 650px;}
    .card-stack-animate .card[data-pos="1"]{transform: translateY(-75px) scale(0.95);}
    .card-stack-animate .card[data-pos="2"]{transform: translateY(-147px) scale(0.90);}

    .creative-card h1{font-size: 44px;}
    .creative-card p{font-size: 17px;}
    .cloud_and_dev_ops_cta, .cloud_and_dev_ops_cta.web-dev{background-image: none;}

    /* .testimonial-carousel-container .card-slider{width: 100%;} */
    .testimonial-carousel-container .slider-content{height: 250px;}
    .img-quote{top: -50px;}
    /* .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;}

    .dev-cards .w-third, .dev-cards .w-full{grid-column: span 3;animation: fade-in 1s ease 0s 1 both;}
    .dev-cards .w-full .card-text{display: block;}
    .transform_card{padding: 40px 20px;}
    .web_tech_stack .first_btn{padding: 20px 35px;border-bottom: 1px solid #1D1D201A !important;width: 100%;border-right: none !important;justify-content: center !important;}
    .real_impact .top-img, .real_impact .bottom-img{scale: 0.7;}
    .tech_stack_scalable .head{border-top: 1px solid #1D1D2026;}
    .engagement_models_new .tab-content .img-fluid{max-height: unset !important;max-width: 100% !important;}
    @keyframes fade65 { 
        0% {
            opacity: 0;
            transform: translateY(400px);
        }
        100% {
            opacity: 1;
            transform: translateY(0px);
        }
    }
    .solution_sec_4 .sec_4_cards .card{width: 100%;pointer-events: none;}
    .solution_sec_4 .sec_4_cards .card{width: 100%;pointer-events: none;height: 390px;}
    .solution_sec_4 .sec_4_cards .ev_last_card{height: 440px;}
    .solution_sec_4 .sec_4_cards .overlay{background: linear-gradient(to top, #000000, #0000000f);}
    .solution_sec_4 .sub-text{opacity: 1;height: fit-content;width: 100%;}
    .ev-industries-swiper .swiper-slide .card{min-height: 537px;}
    .card_wrapper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: -17px;height: 40px;width: 40px;}
    .card_wrapper .swiper-button-prev, .swiper-rtl .swiper-button-next {left: -17px;height: 40px;width: 40px;}
    .card_wrapper .swiper-button-next:after, .card_wrapper .swiper-button-prev:after{font-size: 16px;}
    .main-card .w-50{flex-grow: 1 !important;width: 100% !important;}
    .hire_cta_1, .hire_cta_2, .hire_cta_1.js, .hire_cta_2.js{min-width: unset !important;}
    @keyframes fade65 { 
    0% {
        opacity: 0;
        transform: translateY(400px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
}


@media screen and (min-width: 767px) {
    .site-header{backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);}
}

@media screen and (max-width: 576px) {
    .rounded-t-40{border-top-left-radius: 20px;border-top-right-radius: 20px;}
    .rounded-b-40{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
    .home h1{font-size: 38px;}
    .fs-24{font-size: 18px !important;}
    .fs-40{font-size: 30px !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: 48px 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{padding-inline: 2rem;}
    .testimonial-carousel-container .slider-content {height: 290px;}
    .client-info .img-quote{display: none;}
    /* .testimonial-carousel-container .card-slider{width: 273px;} */
    /* .testimonial-carousel-container .controls{top: -30px;} */
    .site-header{background-color: #fff !important;}
    #captcha_contactus{width: 100% !important;}
    .industry_first_swiper .swiper-button-next{right: 0.25%;height: 30px;width: 30px;}
    .industry_first_swiper .swiper-button-prev{left: 0.25%;height: 30px;width: 30px;}
    .we-creative.cloud .card:has(p.clr-black) .card-img.mb-5{margin-bottom: 38px !important;}
    .we-creative.cloud .card:hover .card-img.mb-5{margin-top: -86px !important;}
    .card-stack-animate{margin: 140px auto 0;}
    .card-stack-animate .card[data-pos="3"]{transform: translateY(-213px) scale(0.85);}
    .card_swiper.cloud .card-stack-animate{margin: 212px auto 0;height: 740px;}
    .leading_business_industry{height: 525px;}
    .leading_business_industry .col-xxl-7:has(.section_head), .ai-cta-box{padding-top: 48px !important;}
    .ctaWithBG .ai-cta-box{padding-top: 0px !important;padding-inline: 20px;}
    .ctaWithBG .content-box{position: relative;z-index: 11;}
    .ctaWithBG::after{width: 100%;z-index: 1;right: unset;}
    .ai-cta-box .text-nowrap{white-space: wrap !important;}
    .transform_card .border-end{border: none !important;}
    .accordion-panel-item .accordion-header span{white-space: wrap;}
    .accordion-panel-item .accordion-header{padding-right: 30px;display: flex;align-items: center;}
    .ctaWithBG .ai-cta-box{padding-top: 0px !important;padding-inline: 20px;}
    .ctaWithBG .content-box{position: relative;z-index: 11;}
    .ctaWithBG::after{width: 100%;z-index: 1;right: unset;}
    #captcha_contactus-error{position: static;}
}
@media only screen and (max-width: 380px) {
    .why-us-card{padding: 28px 20px !important;}
    .fs-20{font-size: 16px !important;}
    .our-process .step{margin-bottom: 0px;}
    .our-process .step .right{padding-bottom: 0px;}
    .solution_sec_4 .sec_4_cards .card{height: 400px;}
    .solution_sec_4 .sec_4_cards .card .sub-text{font-size: 14px;}
    .info-box.common{min-width: unset;}
}