@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@100..1000&display=swap');
html {
  scroll-behavior: smooth;
}
body {
/*   font-family: "Lexend Deca", sans-serif;*/
font-family: "DM Sans", Arial, sans-serif;
  color: black;
          overflow-x: hidden;
}
:root {
  --primary-color: #06B6D4;
  --secondary-color:#24465B;
}
h1,h2,h3{ /* font-family: "Parkinsans", sans-serif; */font-family: "DM Sans", Arial, sans-serif;color: black;}
p{font-size: 17px;font-weight: 400;line-height: 27px;color: #555555;}
.container { max-width: 1300px;}
.bigcontainer { max-width: 1600px;}
section {padding-top: 70px;padding-bottom: 70px;}
.text-16{font-size: 16px;font-weight: 400;line-height: 26px;}
.text-18{font-size: 18px;line-height: 28px;}
.mt-30{margin-top: 30px;}
.mb-30{margin-bottom: 30px}
.mt-40{margin-top: 40px;}
.mb-40{margin-bottom: 40px}
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px}
.section-heading h3{font-weight: 500;font-size: 40px;line-height: normal;color: #262626;}
ul li{list-style: none;}
.btn{ font-size: 16px;font-weight: 400;padding:0px 24px !important;border-radius: 10px;text-decoration: none;border: none;height: 50px;line-height: 50px;}

.white-btn{background-color: #Fff !important;color: #000000 !important;}
.blue-btn:hover{background-color: #0891B2 !important;}
.white-btn:hover{background-color: #0891B2 !important;color: #fff !important;}
/* ------------------------------------------------------------- */
/* header start */
header {background-color: #ffffff00;width: 100%;position: absolute;top: 0;padding: 10px 0px;    z-index: 99;}
.header-item a {color: #000 !important;font-size: 16px;font-weight: 400;margin-right: 38px;padding: 30px;}
.header-item a:hover ,.header-item a:focus{color: #Fff;}
.header-item  .dropdown-item{color: black !important;margin-right: 0px;padding: 8px 20px;
    font-size: 15px;text-wrap: wrap;}
.header-sticky{background-color: #fff;position: sticky;box-shadow: 0px 4px 15px 0px #0000001A;
 animation: slideDown 0.9s ease-in-out;z-index: 99;top: 0;
}
.header-sticky .header-item a{color: #000000 !important; }
.header-sticky .light-logo{display: none}
.dark-logo{display: none;}
.header-sticky .dark-logo{display: block;}
.blue-btn{background-color: var(--primary-color) !important;color: #fff !important;}


/* footer style*/
footer{padding-top: 70px; background-color:#1D1D1B; color: #ffffff;background-image: url("../images/footer-bg.png");background-repeat: no-repeat;background-size: cover;background-position: bottom;}
.footer-item h4{font-size: 18px;font-weight: 600;line-height: 21.76px;}
.footer-links{list-style: none;padding-left: 0;}
.footer-links li a{font-size: 16px;font-weight: 400;line-height: 40px;color: #DCDCDC;text-decoration: none;}
.footer-links span{margin-right: 11px;}
.footer-links span img{width: 6px;}
.footer-content h4{font-size: 18px;font-weight: 600;line-height: 24px;color: #ffffff;}
.right-contact a{font-size: 16px;font-weight: 600; text-decoration: none;color: rgb(255, 255, 255);}
.right-contact span{ font-size: 14px; font-weight: 400;}
.footer-bottom { border-top: 1px solid #FFFFFF1A; padding-top: 26px; padding-bottom: 30px; margin-top: 30px;
}.footer-bottom p{font-size: 16px;font-weight: 400;color: rgb(255, 255, 255);}
.footer-bottom-content{display: flex;}
.flogo{max-width: 353px;}
.ficon-box {width: 48px;height: 48px;border-radius: 12px;background-color: #00b5d2;flex-shrink: 0;}
.fc-infodata h4{font-size: 13px;font-weight: 600;text-transform: uppercase;color: #819DAE;}
.fc-infodata h3{font-size: 16px;font-weight: 600;color: #fff;}
/* footer end */
/* banner section start */
.banner-section{background-color: var(--secondary-color);padding: 70px 0px;min-height: 815px; display: flex;flex-direction: column;align-items: center  ;    justify-content: center;}
.banner-left-content h1{font-size: 55px;font-weight: 600;line-height: 67px;color: #fff;}
.border-text{ color: var(--secondary-color); font-weight: 600;
 text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff, -1px  1px 0 #fff,1px  1px 0 #fff;}
.banner-left-content p{max-width: 620px;}
.banner-topic{font-size: 14px;font-weight: 400;text-transform: uppercase;color: #fff;}
header .dropdown-toggle::after {border: none; background-image: url("../images/down.svg"); background-repeat: no-repeat; width: 18px; height: 19px; position: absolute;    filter: invert(1);
    opacity: 0.8;}
.marque-section{padding: 15px 10px;border-top: 1px solid #FFFFFF1F;background-color:var(--secondary-color);  overflow: hidden;}
.marque-section p{font-size: 15px;font-weight: 500;color: #FFFFFFBF;/* font-family: "Parkinsans", sans-serif; */font-family: "DM Sans", Arial, sans-serif;text-transform: uppercase;margin: 0px;}
.marques-sec-data{gap: 60px;    animation: marquee 20s linear infinite; padding-right: 60px;}
.marques-track{display: flex;width: max-content;animation: marquee 20s linear infinite;}
.marques-sec-data span{margin-right: 15px;}
/* Infinite Scroll Animation */
@keyframes marquee{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(-50%);
    }
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.counting-item h5{font-size: 80px;font-weight: 300;color: #0A223C;margin: 0;}
.counting-container{border-bottom: 1px dashed #00000033;padding-bottom: 50px;}
.counting-item{gap: 20px;}
.counting-item {
    justify-content: center;
    border-right: 1px solid #DDDDDD;    padding: 0 10px;}
.counting-item:last-child{border: none;padding-right: 0px;}
.counting-item:first-child{padding-left: 0px;}
.section-heading span{font-size: 14px;font-weight: 600;color: #64869A;}
.ihelp-card{border-radius: 20px;border: 1px solid #DDDDDD;padding: 30px;min-height: 412px;transition: all 0.4s ease-in-out;height: 100%;}
.ihelp-icon-box{width: 66px;height: 66px;flex-shrink: 0;background-color: #e1fbff;border-radius: 12px;margin-bottom: 80px !important;}
.ihelp-content h3{font-size: 18px;font-weight: 600;}
.ihelp-content p{font-size: 15px;}
.ihelp-card:hover{background: #64869A1A;border: 1px solid #64869A33;  transform: translateY(-10px);
}
.ihelp-card:hover .ihelp-icon-box{background-color: #fff;}
/* .ihelp-content{margin-top: auto;} */
.our-services-sec{background-color: var(--secondary-color);}
.section-heading p{max-width: 784px;}
.s-icon-box{width: 55px;height: 55px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;background-color: #7192A6B2;border-radius: 15px;}
.s-box-content{text-align: start;color: #fff;}
.s-box-content p ,.service-banner p{font-size: 13px;color: #FFFFFFB2;}
.ai-service-nav {padding-right: 70px;}
.ai-service-nav .nav-link{width: 100%;margin-bottom: 20px;}
.ai-service-nav .nav-link.active .service-box{background: #FFFFFF33;border: 1px solid #7192A64D;box-shadow: 0px 4px 24px 0px #FFFFFF33;
border-radius: 15px;padding: 12px;
}
.ai-service-nav .nav-link.active .s-icon-box{background-color: #1A3A4D;}
.arrow-icon{display: none;}
.ai-service-nav .nav-link.active .arrow-icon{display: inline-block;}
.service-banner{background-image: url("../images/s-img.png");background-repeat: no-repeat;background-size: cover;min-height: 160px;border-radius: 20px;padding: 20px;position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: end;}
.service-banner::before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
}
.service-card-item{background: #FFFFFF33;border: 1px solid #7192A64D;font-size: 15px;font-weight: 500;color: #Fff;border-radius: 15px;padding: 17px 18px;
}
.w-icon-box{width: 75px;height: 75px;flex-shrink: 0;box-shadow: 0px 4px 24px 0px #00000012;border-radius: 10px;    background-color: #fff;
}
.work-cards{border-radius: 30px; border: 1px solid #DDDDDD;padding: 40px;height: 100%;position: relative;transition: 0.5s all ease;top: 0;}
.work-cards:hover{top: -10px;}
.main-card{border: none;background-color: #819DAE1A;padding: 50px;}
.work-card-content h3{font-size: 24px;font-weight: 500;}
.w-icon-box{margin-bottom: 70px;}
.main-card .work-card-content{max-width: 467px;}
.client-video video{height: 393px; width: 100%;object-fit: cover;border-radius: 20px;}
.video-play{opacity: 0;cursor: pointer;width: 74px;height: 74px;flex-shrink: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translate(-50% , -50%);    left: 50%;background-color: #000000B2;}
.text-14{font-size: 14px;line-height: 23px;}
.clinet-profile-image{width: 56px;height: 56px;flex-shrink: 0;border-radius: 50%;}
.client-info{border-radius: 20px;box-shadow: 0px 4px 10px 0px #64869A33;padding: 12px;
}
.video-play.hide{
    opacity:0;
    visibility:hidden;
}
.client-card:hover .video-play{opacity: 1;}
.why-choose-container{background-color: #24465B;padding: 60px 0px;border-radius: 30px;max-width: 1540px;margin: auto;background-image: url('../images/why-choose-bg.png');background-repeat: no-repeat;background-position: bottom;}
.case-card{background: #819DAE1A;border: 1px solid #819DAE26;border-radius: 20px;padding: 30px;    height: 100%;}
.case-card-content h3{font-size: 22px;font-weight: 500;margin-bottom: 15px;}
.gradient-border{width: 100%;background: linear-gradient(90deg, rgba(113, 146, 166, 0.018) 0%, rgba(113, 146, 166, 0.3) 50%, rgba(113, 146, 166, 0.018) 100%);height: 2px;margin: 20px 0px;
}
.case-bottom-image{overflow: hidden;}
.case-bottom-inner-image{height: 239px;object-fit: fill;border-radius: 20px;width: 100%;}
.all_services .case-bottom-inner-image{height: 209px;width: 100%;object-fit: cover;}
.case-arrow{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background-color: #1A3A4D; border-radius: 10px 0px 10px 0px;    outline:8px solid #F7F9FA;position: absolute;bottom: 0;right: 0;}
.news-image img{height: 229px;object-fit: cover;width: 100%;}
.news-card.single .news-image img{height: 475px;object-fit: cover;}
 .news-image{overflow: hidden;border-radius: 16px;}
.news-image::before{content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.16%, rgba(0, 0, 0, 0.8) 100%);top: 0;left: 0;
}
.case-card:hover .case-arrow{    background-color: var(--primary-color) !important;}
.news-content{padding: 30px;position: absolute;bottom: 0;left: 0;width: 100%;}
.news-date{font-size: 14px;background-color: #00b5d2;border-radius: 8px;padding: 7px 12px;color: #fff;}
.news-content h3{font-size: 20px;font-weight: 600;color: #fff;margin: 20px 0px 12px;line-height: 28px;}
.news-card.single .news-content h3{font-size: 24px;line-height: 32px;}
.breadcrumb-section{padding-top: 30px;}
.breadcrumb-item a{font-size: 15px;font-weight: 400;color: #000000;text-decoration: none;}
.breadcrumb-item.active{font-size: 15px;color: #06B6D4;}
.darkblue-btn{background-color: #24465B !important;color: #Fff !important;}
.ai-btn-sec .btn{min-width: 185px;}
.dasshed-border-bottom{border-bottom: 1px dashed #00000033;padding-bottom: 70px;}
.strategy-list p span{width: 25px;height: 25px;flex-shrink: 0;border-radius: 50%;border: 1px solid #24465B33;background-color: #24465B1A;display: inline-flex;align-items: center;justify-content: center;}
.section-heading.small h3{font-size: 32px;}
.roadmap-card{background: #819DAE1A;border: 1px solid #819DAE26;padding: 25px;border-radius: 20px;overflow: hidden;height: 100%;
}
.road-icon{flex-shrink: 0;width: 65px;height: 65px;border-radius: 10px;box-shadow: 0px 4px 24px 0px #00000012;background-color: var(--secondary-color);
}
.road-top{margin-bottom: 40px;}
.r-count{font-size: 40px;color: #0000001A;font-weight: 500;/* font-family: "Parkinsans", sans-serif; */font-family: "DM Sans", Arial, sans-serif;}
.roadmap-card-content h3{font-size: 22px;font-weight: 500;line-height: 30px;}
.road-list{padding-left: 22px;}
.road-list li{font-size: 14px;list-style: disc;margin-bottom: 8px;}
.as-card{box-shadow: 0px 4px 24px 0px #3B82F633;background-color: #fff;border-radius: 15px;padding: 16px 20px;
}
.as-card p{font-size: 15px;font-weight: 500;color: #000000CC;}
.cta-container{box-shadow: 0px 4px 24px 0px #00000026;border-radius: 48px;padding: 50px;position: relative;min-height: 412px;
  background-image: url('../images/start-journey.png');background-repeat: no-repeat;background-position: right bottom;display: flex;flex-direction: column;justify-content: center;
}
.cta-content{max-width: 545px;}
.cta-content h3{font-size: 36px;font-weight: 600;color: #262626;}
.contact-card{background-color: #123042;height: 100%;    padding: 50px 35px;position: relative;overflow: hidden;    border: none;
}
.contact-card::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;   background-image: url('../images/globe-bg.png');
background-repeat: no-repeat;background-size: cover;
}

.globe-img{position: absolute;bottom: 0;right: 0;}
.globe-img img{display: block;}
.contact-card-content .btn{min-width: 151px;}
.development-process-sec{background-color: #24465B;}
.development-process-main{align-items: flex-start;gap: 22px;}
.dp-card{flex: 1 1 0;min-width: 150px;text-align: center;position: relative;}
.dp-icon{   width: 82px;
    height: 82px;
    background: #514e4e00;
    background-image: url('../images/shape.png');background-repeat: no-repeat;
    box-shadow: 0 4px 24px rgba(36,70,91,.15);
margin: auto;
margin-bottom: 25px;box-shadow: 0px 4px 24px 0px #24465B26;

}
.dp-content p{color: #D4D4D4;margin-bottom: 0px;}


.dp-card::before{content: '';position: absolute;width: 100%;height: 100%;background-image: url("../images/arrow.png");background-repeat: no-repeat; 
      background-size: 125px;
    top: 15%;
    left: 183px;}
.dp-card:last-child::before{display: none;}
.technology-main{max-width: 1148px;margin: 30px auto 0;}
.tech-work-tabs{background-color:#F2F5F7;border-radius: 10px;padding: 8px;margin: auto;gap: 20px;}
.tech-work-tab-item{flex: 1;display: flex;align-items: center;justify-content: center;}
.tech-work-tab-link{    border: none;background-color: transparent;    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    border-radius: 10px;
    padding: 10px 20px;}
.tech-work-tab-link.active{background-color: #6F91A5;color: #fff;}
.tech-work-tab-content{padding-top: 42px;}

.tech-item{text-align: center;}

.tech-item p{font-size: 18px;line-height: 1.3;color: #000000;margin: 0;}
.tech-icon{
    width: 100px;
    height: 109px;
    background: #ffffff00;
background-image: url('../images/shape2.png');background-repeat: no-repeat;
        margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

.tech-icon:hover{
    transform: translateY(-4px);

}
.tech-work-items{    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px 80px;
    flex-wrap: wrap;}
.healthcare-sec{background-image: url('../images/industy_bg.png');background-repeat: no-repeat;background-size: cover;}
.h-topic{font-size: 14px;font-weight: 400;padding: 6px 15px;background-color: #3BD4F6;border-radius: 10px;color: #fff;}
.healthcare-content h4{font-size: 26px;font-weight: 600;color: #Fff;margin: 20px 0px;}
.healthcard-slider-item{min-height: 470px;border-right: 1px solid #FFFFFF66;display: flex !important;flex-direction: column;justify-content: end;padding: 40px;transition: all 0.4s ease-in-out;}
.healthcare-content{max-width: 307px;}
.healthcard-slider-item .h-topic,
.healthcard-slider-item p{max-height: 0;opacity: 0;visibility: hidden;overflow: hidden;transform: translateY(24px);transition: max-height .35s ease,opacity .35s ease,transform .35s ease,visibility .35s ease;}
.healthcard-slider-item .h-topic{display: inline-block;padding-top: 0;padding-bottom: 0;}
.healthcard-slider-item:hover .h-topic{max-height: 40px;opacity: 1;visibility: visible;transform: translateY(0);padding-top: 6px;padding-bottom: 6px;}
.healthcard-slider-item:hover p{max-height: 220px;opacity: 1;visibility: visible;transform: translateY(0);}
.slick-prev:before, .slick-next:before{display: none;}
.healthcard-slider .slick-next{right: 20px;border: 1px solid #FFFFFF33;width: 64px;height: 64px;background-color: #FFFFFF1A;border-radius: 10px;}
.healthcard-slider .slick-next img{filter: invert(1);}


.healthcard-slider-item:hover{backdrop-filter: blur(34px);background: #FFFFFF03;
}
.healthcare-exp-card{min-height: 350px;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
}
.healthcare-exp-card h5{font-size: 64px;color: #0000001A;font-weight: 600;}
.healthcare-exp-card h4{font-size: 20px;color: #000000;font-weight: 400;}
.healthcare-exp-card-content{max-width: 268px;margin: auto;}
.healthcare-exp-card::before{content: '';position: absolute;width: 50px;height: 50px;background-color: #F5F5F5;background-image: url('../images/h-arrow.svg');background-repeat: no-repeat;border-radius: 50%;    background-position: center;    right: -26px;
    z-index: 9;}
.col-lg-3:last-child .healthcare-exp-card::before{display: none;}
.col-lg-3:last-child .healthcare-exp-card{border-right:none;}

.g-dot{width: 8px;height: 8px;background-color: #FFFFFF;border-radius: 50%;position: absolute;left: 0;top: 0;z-index: 2;offset-position: 0 0;offset-anchor: center;offset-rotate: 0deg;}
.g-dot-one{offset-path: path("M 285 22 C 260 2, 223 -4, 177 5 C 95 22, 5 89, 0 198");animation: globeDotMoveOne 6s linear infinite;}
.g-dot-two{offset-path: path("M 35 206 C 31 117, 82 55, 166 27 C 235 4, 282 72, 284 172");animation: globeDotMoveTwo 7s linear infinite;}

@keyframes globeDotMoveOne{
    0%{offset-distance: 0%;opacity: 0;}
    8%{opacity: 1;}
    92%{opacity: 1;}
    100%{offset-distance: 100%;opacity: 0;}
}

@keyframes globeDotMoveTwo{
    0%{offset-distance: 0%;opacity: 0;}
    8%{opacity: 1;}
    92%{opacity: 1;}
    100%{offset-distance: 100%;opacity: 0;}
}
.service-dropdown{width: 100%;border-radius: 0px;left:0;right:0;background: rgb(239 249 255);}
.text-17{font-size: 17px;}

.mega-menu-item .dropdown-item {
  padding: 8px 0;
  position: relative;
  transition: transform 0.3s ease, background 0.3s ease;
      display: block;
}

.mega-menu-item .dropdown-item:hover {
  transform: translateX(8px);
  background: transparent;
}

.divide_items {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  gap: 8px 30px;
}

.divide_items .dropdown-item {
  padding: 6px 0;
  display: flex;
    align-items: center;
}
.divide_items .dropdown-item img{
	left: -8px;
	    max-width: 23px;
    position: relative;
    top: -2px;
}

/*Added by Madan*/
.news-content p {font-size: 14px;
    line-height: 23px;--bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;    margin-bottom: 0 !important;}

/*26-05-26    */
.contact-list{border-radius: 20px;text-align: center;padding:30px 20px;height: 100%;    display: flex;flex-direction: column;align-items: center;justify-content: center;}
.contact-icon{margin-bottom: 15px;}
.contact-list-title{font-size: 16px;font-weight: 600;text-transform: uppercase;}
.contact-list-desc{font-size: 16px;font-weight: 400; line-height: 26px;color: rgba(0, 2, 41, 1);}
.contact-list.blue{background-color: rgba(112, 106, 76, 0.1);color: rgba(112, 106, 76, 1);}
.contact-list.orange{background-color: rgba(242, 247, 255, 1);color: rgba(126, 157, 176, 1);}
.contact-list.grey{background-color: rgba(175, 175, 171, 0.1);color: rgba(175, 175, 171, 1);}
.contact-form-section{-webkit-box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 12px;
    padding: 50px;
    background-color: #fff;}
.contact-form .form-control{background-color: rgb(255 255 255);border: 1px solid #dddddd;border-radius: 10px;color: rgba(85, 85, 85, 1);height: 55px;line-height: 55px;padding: 0 20px;  }
  .contact-left-heading h5{font-size: 26px;font-weight: 600;}
  .map-layout{border-radius: 20px; height: 100%;}
  .map-layout iframe{width: 100%;height: 100%;border-radius: 20px;}
  .contact-form textarea{height: auto !important;}
  .portfolio-image{height: 538px;box-shadow: 0px 4px 24px 0px #3B82F633;
}
.portfolio-image img{width: 100%;height: 100%;object-fit: cover;}
.pp-profile-content img{width: 74px;height: 74px;flex-shrink: 0;border-radius: 7px;object-fit: cover;}
.pp-profile-content h3{font-size: 22px;font-weight: 500;color: #000000;}
.portfolio-main{padding-top: 50px;}
.portfolio-profile{max-width: 862px;}
.portfolio-category{background-color: #193C51;padding: 30px;border-radius: 20px;max-width: 394px;    margin-top: -110px;}
.portfolio-category h3{color: #Fff;font-size: 20px;font-weight: 500;border-bottom: 2px solid #D9D9D9;padding-bottom: 15px;margin-bottom: 20px;}
.cat-list li{list-style: disc;color: #Fff;font-size: 16px;font-weight: 400;margin-bottom: 10px;}
.cat-list{padding-left: 20px;}

.pd-info{background-color:#193C51;border-radius:25px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:35px;}
.pd-info-item{display:flex;align-items:center;gap:14px;min-width:0;}
.pd-info-icon{width:40px;height:40px;flex-shrink:0;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;}
.pd-info-icon img{width:20px;height:20px;object-fit:contain;}
.pd-info-content h4{   
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 4px;}
.pd-info-content p{font-size:14px;font-weight:400;line-height:16px;color:#fff;margin:0;white-space:nowrap;}

.the-process-sec{background-color:#819DAE1A;border-radius:25px;padding:40px;margin-top:45px;overflow:hidden;}
.process-heading span{display:block;font-size:10px;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:2px;color:var(--primary-color);margin-bottom:20px;}
.process-heading h3{font-size:40px;font-weight:500;line-height:1.05;color:#000000;margin:0;}

.process-item h4{font-size:56px;    font-weight: 500;
    line-height: 1;
    color: #0000001A;;margin:0 0 30px;}
.process-item h5{   
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: #24465B;
    margin: 0 0 18px;}
.process-item p{font-size:16px;line-height:24px;margin:0;}

.app-feature-list{padding-left:20px;margin-top: 30px;}
.app-feature-list li{list-style:disc;font-size:16px;font-weight:400;line-height:1.45;color:#555555;margin-bottom:10px;}
.app-feature-list li::marker{font-size:12px;color:#555555;}

.app-feature-slider{
    display:flex;
    align-items:end;
	    justify-content: end;
}



.app-phone-wrap{
    width:288px;
    height:611px;

    flex-shrink:0;

    background-image:url('../images/iphone-frame.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    padding:42px 22px 43px;

    position:relative;

    filter:drop-shadow(0 20px 16px rgba(0,0,0,.12));
}



.phone-screen{
    width:100%;
    height:100%;

    position:relative;

    overflow:hidden; 

    border-radius:30px;

    background:#fff;
}



.app-phone-carousel{
    width:100%;
    height:100%;

    position:relative;
}

.app-phone-carousel .carousel-inner{
    width:100%;
    height:100%;
}

.app-phone-carousel .carousel-item{
    width:100%;
    height:100%;

    transition:transform .7s ease-in-out;
    backface-visibility:hidden;
}


.app-screen-img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:30px;
}



.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end{
    transform:none;
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start{
    transform:none;
}



.app-phone-carousel .carousel-item-next,
.app-phone-carousel .carousel-item-prev,
.app-phone-carousel .carousel-item.active{
    display:block;
}



.app-phone-carousel .carousel-item-next{
    transform:translateY(100%);
}


.app-phone-carousel .carousel-item-start.active{
    transform:translateY(-100%);
}


.app-phone-carousel .carousel-item-start.carousel-item-next{
    transform:translateY(0);
}

.app-phone-carousel .carousel-item-prev{
    transform:translateY(-100%);
}


.app-phone-carousel .carousel-item-end.active{
    transform:translateY(100%);
}


.app-phone-carousel .carousel-item-end.carousel-item-prev{
    transform:translateY(0);
}

.app-slider-controls{
    display:flex;
    align-items:center;
    gap:24px;

    background:var(--secondary-color);

    border-radius:30px;

    padding:8px 20px;

    margin-right:20px;
    margin-bottom:52px;
}

.app-slider-controls img{
    filter:invert(1);
}

.app-slider-arrow{
    position:static;

    width:30px;
    height:38px;

    opacity:1;

    background:transparent;
    border:0;
    padding:0;
}

.about-left{height: 400px;}
.about-left img{    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    box-shadow: 5px 4px 0px 2px #06b6d4;
}
.perfect-product-sec{background-image: url('../images/about2.png');position: relative;background-position: center;    padding: 100px 0px;}
.perfect-product-sec::before{content: '';width: 100%;height: 100%;position: absolute;top:0;left:0;    background-color: #24465bd1;}
.pp-product-container{max-width: 950px;background-color: var(--primary-color);margin: auto;}
.pp-product-container{border-radius: 30px;padding:60px 30px;}
.miss0n-vission-inner{background-color: #62B2F11A;border: 1px solid #62B2F133;box-shadow: 0px 4px 24px 0px #00000026;
border-radius: 30px;padding: 40px;position: relative;}
.mv-nav-tab .nav-link.active{background-color: transparent;border-bottom: 3px solid var(--primary-color);font-weight: 500;}
.mv-nav-tab .nav-link{border: none;font-size: 18px;padding: 14px 18px;color: black;border-bottom: 3px solid transparent;}
.mv-content h3{font-size: 22px;font-weight: 500;}
.mv-image img{border-radius: 30px;height: 300px;object-fit: cover;width: 100%;}
.mv-nav-tab{    position: absolute;
    left: 0;
    right: 0;
    margin-left: 40px;
    max-width: 47%;
 z-index:9999;}
.mv-content{padding-top: 80px;}
.client-sec{padding:70px 0;}
.client-dark-panel{background:var(--secondary-color);border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 60px rgba(6,24,34,.28);border-radius:28px;padding:44px 54px;display:flex;align-items:center;gap:52px;overflow:hidden;position:relative;}
.client-dark-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(6,182,212,.22),transparent 34%),radial-gradient(circle at 86% 80%,rgba(129,157,174,.16),transparent 32%);pointer-events:none;}
.client-title{position:relative;z-index:1;min-width:165px;}
.client-title span{display:block;font-size:30px;font-weight:300;line-height:1;color:rgba(255,255,255,.82);}
.client-title h3{font-size:42px;font-weight:500;line-height:1.05;color:#fff;margin:4px 0 0;}
.client-logo-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;flex:1;}
.client-logo-item{min-height:126px;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.22);}
.client-logo-item img{width:74px;height:75px;object-fit:contain;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.25);transition:transform .3s ease,box-shadow .3s ease;}
.client-logo-item:hover img{transform:translateY(-5px);box-shadow:0 18px 36px rgba(6,182,212,.22);}

.ai-year-sec{position:relative;max-width:520px;margin-left:auto;}
.ai-year-image img{display:block;max-width:100%;height:auto;object-fit:cover;}
.ai-year-lines{position:absolute;left:0;top:30px;width:76px;height:556px;z-index:2;}
.ai-year-lines img{display:block;width:100%;height:100%;object-fit:contain;}
.ai-year-badge{
    position: absolute;
    left: -110px;
    bottom: 45px;
    width: 171px;
    height: 210px;
    background: #143D55;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 3;
    border: 11px solid #FFFFFF;
}
.ai-year-badge h4{font-size:40px;font-weight:600;color:#fff;margin:0 0 8px;}
.ai-year-badge p{font-size:16px;font-weight:400;text-transform:uppercase;color:#fff;margin:0;line-height: 21px;}
.ai-year-image::before{content: '';position: absolute;width: 100%;height: 100%;background-image: url('../images/two-line.png');background-repeat: no-repeat;    left: -60px;top: 20px;}

/* 8 June */
.dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity .3s ease, transform .3s ease, visibility .3s;
}

/* Desktop only */
/* Your existing animation */
@media (min-width: 1200px) {
  .dropdown-menu {
    display: block;
    opacity: 0;
    transform: translateY(-10px) scaleY(0);
    transform-origin: top;
    visibility: hidden;
    pointer-events: none;

    transition: 
      opacity 0.25s ease,
      transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 0.35s;
  }

  .dropdown:hover > .dropdown-menu,
  .dropdown-menu.show {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    visibility: visible;
    pointer-events: auto;

    transition: 
      opacity 0.25s ease,
      transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s;
  }
}

/* Bootstrap default on mobile */
@media (max-width: 1199px) {
  .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
    transition: none;
  }
  .navbar-nav{display:block !important;}
  header .dropdown-toggle::after{right:30px;}
  .navbar-nav .dropdown-menu.service-dropdown .bigcontainer{padding: 0px 12px;}
  .navbar-nav .dropdown-menu.service-dropdown .py-5{padding: 15px 0px !important;}
  .mega_menu_scale {padding-left: 12px;}
  .divide_items{gap: 6px 15px;}
}

.scale h3 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0px 0px 10px;
    display: block;
}

.scale h3 span {
    color: var(--primary-color);
}

.scale p {
    color: #323232;
    font-size: 15px;
    line-height: 22px;
}

.scale .served {
    background: linear-gradient(90deg, #fdd4a4, #ebb6ec, #a5afee);
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 25px;
    margin-top: 20px;
}

.scale .served label {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0px;
    border-bottom: 2px solid rgb(255 255 255 / 50%);
    padding-bottom: 10px;
    margin-bottom: 14px;
}
.scale .served span {
    display: block;
    font-size: 15px;
    color: #000;
    line-height: 28px;
}

.mega-menu-items h3{    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;margin-bottom: 15px;}
.mega_menu_scale{padding-left: 40px;}
.header-sticky .header-item a.btn{color: #fff !important;}
.reveal-card {
  opacity: 1;
  transform: none;
}

.client-card {
  transition: all 0.4s ease;
  transform: scale(1);
}

.client-card.active {
  transform: scale(1.05);
  z-index: 2;
}

.client-card.active .clinet-profile-image {
  transform: scale(1.1);
  transition: 0.4s ease;
}

.client-card .clinet-profile-image {
  transition: 0.4s ease;
}


/* active state */
.client-card.active .video-play {
	background-color: #06b6d4;
  border-radius: 50%;
}

.news-image {
  overflow: hidden; /* IMPORTANT */
}



/* hover zoom */
.news-card:hover .news-image img {
  transform: scale(1.1);
}

.news-card:hover .news-image:before{transform: scale(1);}
.menu_img{overflow: hidden;border-radius: 20px;}

.banner-left-content span {font-size: 25px;}

.banner-right img {
  opacity: 0;
  transform: scale(0.9);
}



/* background circles wrapper */
.banner-shapes {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 0;
	opacity: 0.4;
}


/* common circle */
.circle {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 1.45;
}


/* different colors */
.circle-1 {
    width: 350px;
    height: 350px;
    background: #06b6d4;
    top: 10%;
    left: 10%;
}


.circle-2 {
    width: 280px;
    height: 280px;
    background: #24465b ;
    top: 50%;
    right: 10%;
}


.circle-3 {
    width: 250px;
    height: 250px;
    background: #06b6d4;
    bottom: 5%;
    left: 40%;
}


.circle-4 {
    width: 200px;
    height: 200px;
    background: #24465b ;
    top: 20%;
    right: 40%;
}


/* keep content above circles */
.banner-section .container {
    position: relative;
    z-index: 2;
}

.banner-section {
    position: relative;
    overflow: hidden;
    
}

.banner-section.new_home{background-color: #ffffff;}
.banner-section.new_home .banner-left-content h1{color: #000000;font-size: 70px;line-height: 85px;margin-bottom:15px;}
.banner-section.new_home .banner-left-content p {max-width: 100%;color: #000 !important;font-size: 20px;}

.banner-section.new_home .banner-topic {color: #000000;}
.banner-section.new_home .banner-btns {justify-content: center;}
.banner-section.new_home .banner-btns .white-btn {background-color: #24465b !important;color: #ffffff !important;}



.border-text {
    position: relative;
}

/* .typing-text::after {
    content: "|";
    animation: blink 0.8s infinite;
    margin-left: 3px;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
} */


.ai-service-nav .nav-link {
    transition: all .35s ease;
}

.ai-service-nav .nav-link.active {
    transform: translateX(10px);
}

.ai-service-nav .arrow-icon {
    transition: transform .35s ease;
}

.ai-service-nav .nav-link.active .arrow-icon {
    transform: translateX(6px);
}
.ai-service-content {
    position: relative;
}

.tab-pane {
    will-change: transform, opacity;
}

@media(max-width:1400px){
	body{zoom: 95%;}
	.banner-section.new_home{padding: 70px 0px 0;min-height: 595px;}
	.banner-section.new_home .banner-left-content h1 {color: #000000;font-size: 55px;line-height: 63px;}
	.banner-section.new_home .banner-left-content p{max-width:1100px;margin:0 auto;}
	.header-item a{margin-right: 26px;font-size: 15px;}
	.bigcontainer{padding: 0px 30px;}
}
.light-logo {height: 80px;}
.dark-logo {height: 60px;}

.tech-icon img{
height: 40px;
}

.blog_card h3{height: 52px;overflow: hidden;}
.blog_card p{height: 46px;overflow: hidden;}

.scale .served{background: linear-gradient(90deg, #53daf18c, #06b6d487);}
.scale .served span img{max-width: 20px;}
.cky-btn{border-color: #0891B2 !important;color:#0891B2 !important;}
.cky-btn.cky-btn-accept{color: #fff !important;background-color:#0891B2 !important;}
.cky-btn-revisit-wrapper{background-color:#0891B2 !important;}

/*Case Studies*/

.case-banner{background:linear-gradient(90deg, rgba(7,14,27,.94) 0%, rgba(7,14,27,.75) 0%, rgba(7,14,27,.01) 100%),url(../images/case_banner.jpg);background-size: cover;background-position: center;min-height: 500px;}
.case_banner h1, .case_banner p{color:#fff;}
.case_banner p{margin-top:20px;}
.case_heading span{color: #06b6d4;font-size: 14px;margin-bottom: 10px;display: block;}
.case_overview{display:flex;gap:60px;}
.left_overview{flex: 0 0 25%;max-width: 25%}
.challenges .case_heading, .challenges .right_overview{padding-left: 50px;}
.challenges .right_overview p{margin-bottom: 0px;font-size: 15px;line-height: 36px;color: #dfd7d7;}
.challenges .right_overview span{color: #06b6d4;padding-right: 5px;}
.challenge_image{border-radius: 30px;overflow: hidden;}
.case-banner.call_action{min-height:auto;background:linear-gradient(90deg, rgba(7, 14, 27, .94) 0%, rgb(7 14 27 / 95%) 0%, rgb(7 14 27 / 34%) 100%), url(../images/call_action.jpg);    background-size: cover;background-position: center;}
.case-banner h2{font-size: 2.5rem;color:#fff;}
.why_bullet {border-radius: 20px;box-shadow: 0px 4px 24px 0px #64869A33;padding: 15px;text-align: center;margin-top: 20px;border-bottom: 1px solid #06b6d4;}

.case_solution{border-top:1px dashed #ddd;}
.solution_des{background: #819DAE1A;padding: 30px 0px;}
.solution-content{gap: 40px;}
.solution-content .case_number{font-size: 36px;}
.solution-content .case_dec ul{padding: 0px;display: flex;flex-wrap: wrap;gap: 10px;margin-top: 30px;}
.solution-content .case_dec li{background: #e7e9eb;padding: 4px 15px;border-radius: 6px;font-size: 14px;}
.feature_option{border-radius: 20px;box-shadow: 0px 4px 24px 0px #64869A33;padding: 30px;margin-bottom: 25px;border: 1px solid #ddd;}
.feature_option h5{font-size: 18px;border-bottom: 1px solid #ddd;padding-bottom: 17px;margin-bottom: 15px;}
.feature_option ul{padding: 0px;margin-bottom:0px;}
.feature_option ul li{position: relative;padding-left: 20px;font-size: 15px;line-height: 30px;color: #555;}
.feature_option ul li:before{content: '';position: absolute;width: 8px;height: 8px;background: #06b6d4;left: 0;top: 11px;}

.outcomes_bg{background: #24465b;}
.outcomes{background: #FFFFFF33;padding: 40px;border-radius: 30px;}
.outcomes h5, .outcomes p{color:#fff;}
.outcomes .ihelp-icon-box{}
.outcomes ul{padding: 0px;margin-bottom:0px;}
.outcomes ul li{color: #fff;line-height: 36px;font-size: 15px;}
.outcomes h5{font-size:24px;}
.bottom_outcomes{text-align: center;margin-top: 30px;color: #fff;background: #506b7c;padding: 40px 60px;border-radius: 30px;}
.accordion-button{box-shadow: 0px 4px 24px 0px #64869A33;border-bottom: none;border-radius: 10px !important;padding: 20px 20px;font-weight: 500;}
.accordion-item{border:none;margin-bottom:15px;}
.solution-image img{opacity:0;transition: 0.5s all ease;}
.solution_des:hover .solution-image img{opacity:1;}

.testimonial_slider .slick-list {margin: 0 -6px;padding-bottom: 20px;}
.testimonial_slider .slick-slide {margin: 0 6px;}
.client-text h5{font-size:14px;}
.testimonial_slider .slick-next.custom-arrow{background: #06b6d4;width: 40px;height: 40px;border-radius: 6px;top: 30%;transform: translateY(30%);}
.testimonial_slider .slick-next.custom-arrow img{filter: brightness(0) invert(1);}

/*case Studies New*/


/* ---------- Variables ---------- */
:root {
  --color-surface: #f9f9ff;
  --color-surface-container: #e7eefe;
  --color-surface-container-low: #f0f3ff;
  --color-surface-container-high: #e2e8f8;
  --color-surface-dim: #d3daea;
  --color-primary: #000000;
  --color-on-primary: #ffffff;
  --color-brand-dark: #121826;
  --color-aura-gray: #f5f5f7;
  --color-teal-accent: #06b6d4;
  --color-outline-variant: #c6c6cc;
  --color-gray: #6b7280;
  --color-gray-light: #4b5563;

  --gutter: 32px;
  --section-gap: 120px;
  --margin-mobile: 20px;
  --container-max: 1280px;
}

/* ---------- Reset / base ---------- */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Shared layout helpers */
.section-label {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-gray);
  margin-bottom: 0px;
}

.section-title {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--color-brand-dark);
  line-height: 1.2;
}

.case-slider-section .section-title{  font-weight: 600;}

.section-title-lg {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--color-brand-dark);
  line-height: 1.2;
  margin: 12px 0 24px;
}

.lead-text {
  font-size: 1.125rem;
  color: var(--color-gray-light);
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0px;
}

.body-text {
  font-size: 1rem;
  color: var(--color-gray);
  line-height: 1.6;
  margin-bottom: 0px;
}

/* Animations */
@keyframes float-slow {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-20px); }
}

@keyframes float-fast {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-35px); }
}

@keyframes scroll-loop {
  0%   { transform: translateX(0); }
  100% { transform: translateX(calc(-100% - 2rem)); }
}

.reveal-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-on-scroll.active {
  opacity: 1;
  transform: translateY(0);
}


/* =========================================================
   Hero
   ========================================================= */
.hero {
  position: relative;
  min-height: 90vh;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  padding-top: 80px;
}

.hero-container {
  max-width: var(--container-max);
  margin: 0 auto;
  width: 100%;
  padding: 96px var(--margin-mobile);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gutter);
  align-items: center;
}

.hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.hero-badge {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

.badge-label {
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-teal-accent);
}

.badge-label-alt {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #ffffff;
}

.badge-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
}

.hero-heading-row {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.icon-box {
  width: 96px;
  height: 96px;
  border-radius: 12px;
  background: linear-gradient(to bottom right, #06b6d4, #096372);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 40px -5px rgba(0, 209, 193, 0.4);
  flex-shrink: 0;
}

.icon-box-icon {
  color: #ffffff;
  font-size: 48px !important;
  font-variation-settings: 'FILL' 1;
}

.hero-title {
  font-size: 2.5rem;
  color: #ffffff;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.title-underline {
  height: 6px;
  width: 64px;
  background-color: var(--color-teal-accent);
  margin-top: 16px;
}

.hero-description {
  font-size: 1.125rem;
  max-width: 40rem;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.tag {
  padding: 6px 16px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.75rem;
      font-weight: 500;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}

.hero-card-wrap {
  margin-top: 48px;
}

.snapshot-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  color: #ffffff;
  backdrop-filter: blur(12px);
  background: rgb(0 0 0 / 50%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.3);
}

.snapshot-bg-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px;
  opacity: 0.1;
  font-size: 120px;
  pointer-events: none;
}

.snapshot-heading {
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--color-teal-accent);
}

.snapshot-grid {
  display: grid;
      gap: 15px;
  position: relative;
  z-index: 1;
}

.snapshot-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.snapshot-item .material-symbols-outlined{font-size:20px;}

.snapshot-label {
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}

.snapshot-value {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
}

.platform-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.platform-icon {
  font-size: 18px;
  color: var(--color-teal-accent);
}

.platform-sep {
  color: rgba(255, 255, 255, 0.3);
}

.card-footer {
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.view-case-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-teal-accent);
      text-decoration: none;
}

.view-case-text {
  font-size: 0.875rem;
  font-weight: 700;
}

.view-case-link:hover .view-case-text {
  text-decoration: underline;
}

.view-case-arrow {
  transition: transform 0.2s ease;
}

.view-case-link:hover .view-case-arrow {
  transform: translateX(4px);
}

/* =========================================================
   Challenges section
   ========================================================= */
.challenges {
  background-color: var(--color-surface-container);
  padding: var(--section-gap) 0;
  overflow: hidden;
}

.challenges-grid {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--margin-mobile);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gutter);
  align-items: center;
}

.section-heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.section-title .title-accent {
  display: block;
  position: relative;
}

.section-title {
  position: relative;
  margin-top: 8px;
}

.title-accent {
  position: absolute;
      bottom: -12px;
    left: 0;
    width: 96px;
    height: 6px;
    background: rgb(6 182 212 / 37%);
    border-radius: 9999px;
}

.challenges-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
      margin-top: 30px;
}

.checklist {
      display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 16px;
    padding: 0px;
}

.check-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.check-item p {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-brand-dark);
      margin-bottom: 0px;
}

.check-icon {
  color: var(--color-teal-accent);
  margin-top: 0px;
}

.challenges-visual {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.visual-glow {
  position: absolute;
  width: 400px;
  height: 400px;
  background: rgba(0, 209, 193, 0.1);
  border-radius: 50%;
  filter: blur(64px);
}

.device-main {
  position: relative;
  z-index: 2;
  animation: float-slow 6s ease-in-out infinite;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(198, 198, 204, 0.3);
  max-width: 85%;
}

.device-mobile {
  position: absolute;
  bottom: -40px;
  right: -16px;
  z-index: 3;
  animation: float-fast 4s ease-in-out infinite;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  border-radius: 2rem;
  overflow: hidden;
  border: 8px solid #ffffff;
  max-width: 190px;
}

/* =========================================================
   Solution Showcase (phone slider)
   ========================================================= */
.showcase {
  background-color: var(--color-aura-gray);
  padding: 96px var(--margin-mobile);
  overflow: hidden;
}

.showcase-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.showcase-intro {
  max-width: 40rem;
  margin-bottom: 64px;
}



/* =========================================================
   The Solution (dashboard mockups)
   ========================================================= */
.solution {
  background-color: var(--color-surface);
  padding: 96px var(--margin-mobile);
  overflow: hidden;
}

.solution-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.solution-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
}

.solution-visual {
  display: flex;
  justify-content: center;
}

.mockup-stack {
  position: relative;
  width: 100%;
  max-width: 28rem;
}

.mockup-web {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  border: 1px solid #f3f4f6;
  overflow: hidden;
  transform: rotate(-3deg) translateX(-10%) translateY(16px);
}

.mockup-mobile {
  position: absolute;
  top: 0;
  right: 0;
  width: 66.6667%;
  background: #000;
  border-radius: 2.5rem;
  border: 8px solid var(--color-brand-dark);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transform: rotate(6deg) translateX(15%) translateY(-10%);
}

.solution-description {
  font-size: 1.125rem;
  color: var(--color-gray-light);
  line-height: 1.6;
  font-weight: 500;
  margin: 16px 0 40px;
}

.feature-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.feature-icon-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--color-surface-dim);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 20px;
  color: var(--color-brand-dark);
}

.feature-label {
  font-size: 0.875rem;
  color: var(--color-brand-dark);
}
.bento-card--large .bento-bg-icon{font-size: 160px;}
.bento-wide-visual .material-symbols-outlined{font-size: 120px;}

/* =========================================================
   Delivered Features (bento grid)
   ========================================================= */
.features {
  background-color: var(--color-surface-container);
  padding: var(--section-gap) 0;
  overflow: hidden;
}

.features-inner {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--margin-mobile);
}

.features-header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 64px;
}

.features-description {
  max-width: 28rem;
}

.bento-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.bento-card {
  background: #ffffff;
  padding: 40px;
  border-radius: 1rem;
  border: 1px solid rgba(198, 198, 204, 0.3);
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
}

.bento-card:hover {
  border-color: rgba(0, 209, 193, 0.5);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.bento-card--large {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bento-bg-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 32px;
  opacity: 0.05;
  font-size: 160px;
  color: var(--color-teal-accent);
}

.bento-card-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.bento-icon-box {
  width: 56px;
  height: 56px;
  border-radius: 1rem;
  background: rgba(0, 209, 193, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  color: var(--color-teal-accent);
  font-size: 1.5rem;
}

.bento-icon-box--sm {
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  font-size: 1.25rem;
}

.bento-icon-box--dark {
  background: rgba(0, 209, 193, 0.2);
}

.bento-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-brand-dark);
  margin-bottom: 16px;
}

.bento-title--sm {
  font-size: 1.25rem;
  margin-bottom: 12px;
}

.bento-text {
  color: var(--color-gray);
  font-size: 1.125rem;
  line-height: 1.6;
  max-width: 32rem;
  margin-bottom: 32px;
}

.bento-text--sm {
  font-size: 0.875rem;
  margin-bottom: 24px;
}

.bento-text--muted {
  color: rgba(255, 255, 255, 0.6);
}

.tag-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: auto;
}

.tag-pill {
  padding: 8px 16px;
  background: var(--color-aura-gray);
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-gray-light);
}

.progress-bar {
  width: 100%;
  height: 4px;
  background: var(--color-surface-container);
  border-radius: 9999px;
  overflow: hidden;
}

.progress-fill {
  width: 66%;
  height: 100%;
  background: var(--color-teal-accent);
}

.bento-card--dark {
  background: var(--color-brand-dark);
  border-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.bento-arrow {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  opacity: 0.3;
}

.bento-card--wide {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.bento-wide-visual {
  display: none;
  background: var(--color-surface-container);
  border-radius: 0.75rem;
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
  font-size: 120px;
}

.avatar-stack {
  display: flex;
  margin-top: 16px;
}

.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-left: -12px;
}

.avatar:first-child {
  margin-left: 0;
}

.avatar--1 { background: var(--color-surface-dim); }
.avatar--2 { background: var(--color-surface-container-high); }
.avatar--count {
  background: rgba(0, 209, 193, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: 700;
}

/* =========================================================
   Testimonial
   ========================================================= */
.testimonial {
  background-color: var(--color-surface);
  padding: 96px 24px;
}

.testimonial-inner {
  max-width: 56rem;
  margin: 0 auto;
  text-align: center;
}

.testimonial-card {
  position: relative;
}

.testimonial .section-label{display: inline-flex;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0px;
    background: #06b6d4;
    border-radius: 6px;
    padding: 3px 12px;}

.quote-icon {
     position: absolute;
    top: -40px;
    left: -30px;
    color: rgb(6 182 212 / 9%);
    font-size: 80px !important;
}



.testimonial-content {
  position: relative;
  z-index: 1;
      margin-top: 30px;
}

.testimonial-quote {
      font-size: 20px;
    font-weight: 500;
    font-style: italic;
    color: var(--color-brand-dark);
    line-height: 1.6;
    margin-bottom: 40px;
    display: block;
    /* font-family: "Parkinsans", sans-serif; */
    font-family: "DM Sans", Arial, sans-serif;
}

.testimonial-author {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.author-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--color-surface-dim);
  border: 4px solid #ffffff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author-info {
  display: flex;
  flex-direction: column;
}

.author-name {
  font-family: 'Lexend', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-brand-dark);
}

.author-role {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-teal-accent);
}

/* =========================================================
   CTA
   ========================================================= */
.cta {
  padding: 96px 24px;
}

.cta-inner {
  max-width: var(--container-max);
  margin: 0 auto;
}

.cta-box {
  position: relative;
  background: linear-gradient(to bottom right, var(--color-brand-dark), #1a2333);
  border-radius: 3rem;
  padding: 48px 24px;
  text-align: center;
  overflow: hidden;
}

.cta-box:before{    content: '';
    background: url(../images/h1-bg05.png) no-repeat center center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.2;}

.cta-glow {
  position: absolute;
  width: 384px;
  height: 384px;
  border-radius: 50%;
  filter: blur(100px);
}

.cta-glow--top {
  top: 0;
  right: 0;
  background: rgba(0, 209, 193, 0.05);
  transform: translate(33%, -50%);
}

.cta-glow--bottom {
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.05);
  transform: translate(-33%, 50%);
}

.case_study .cta-content {
  position: relative;
  z-index: 1;
  max-width: 50rem;
  margin: 0 auto;
}

.cta-title {
  font-size: 2.5rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 24px;
}

.cta-description {
  font-size: 1.125rem;
  color: #fff;
    font-weight: 400;
  line-height: 1.6;
  margin-bottom: 40px;
}

.cta-buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}

/* =========================================================
   Other case studies slider
   ========================================================= */
.case-slider-section {
  padding: 96px 0;
  background-color: var(--color-surface);
  overflow: hidden;
}

.case-slider-header {
  max-width: var(--container-max);
  margin: 0 auto 30px;
  padding: 0 var(--margin-mobile);
}

.case-slider-viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
}



.case-card {
 background: #ffffff;
  border-radius: 2rem;
  padding: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(198, 198, 204, 0.1);
  transition: all 0.5s ease;
      opacity: 1 !important;
	      transform: unset !important;
}

.case-card:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  transform: translateY(-8px);
}

.case-image {
  aspect-ratio: 4 / 3;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 24px;
}

.case-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.case-card:hover .case-image img {
  transform: scale(1.05);
}

.case-content {
  padding: 0 16px 16px;
}

.case-meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}

.case-category {
  font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-teal-accent);
    letter-spacing: 0.5px;
}

.case-tags {
  display: flex;
  gap: 8px;
}

.case-tag {
      padding: 4px 12px;
    background: var(--color-surface-container);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

.goto{    display: flex;
    align-items: center;
    justify-content: space-between;margin-top:30px;}
.goto a{    text-decoration: none;
    color: #06b6d4;}

.case-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-brand-dark);
  margin-bottom: 8px;
}

.case-description {
  font-size:16;
  color: var(--color-gray);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ======================= CLIENT VIDEO MODAL ======================= */
.cs-modal-overlay{display:none;position:fixed; inset:0; z-index:9999;background:rgba(5,10,18,.82);align-items:center; justify-content:center;padding:24px;}
.cs-modal-overlay.active{ display:flex; }
.cs-modal{position:relative;background:#24465B;border-radius:20px;width:100%;max-width:960px;display:flex;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);}

.cs-modal-close{position:absolute; top:16px; right:16px; z-index:5;width:36px; height:36px; border-radius:50%;background:rgba(255,255,255,.08); border:none; color:#fff;display:flex; align-items:center; justify-content:center; cursor:pointer;}
.cs-modal-close svg{ width:18px; height:18px; }
.cs-modal-close:hover{ background:rgba(255,255,255,.16); }
.cs-modal-video-col{ background:#24465B; flex:0 0 340px; display:flex; align-items:center; justify-content:center; padding:24px; }
.cs-phone-frame{position:relative; width:260px; aspect-ratio:9/16;background:#000; border-radius:22px; overflow:hidden;border:3px solid #1c2733;}
.cs-phone-progress{ position:absolute; top:0; left:0; right:0; height:3px; background:rgba(255,255,255,.2); z-index:3; }
.cs-phone-progress-bar{ height:100%; width:0%; background:#4fc3ff; }
.cs-modal-video{ width:100%; height:100%; object-fit:cover; display:block; }
.cs-video-controls{position:absolute; left:0; right:0; bottom:0;display:flex; align-items:center; gap:10px;padding:10px 12px;background:linear-gradient(to top, rgba(0,0,0,.75), transparent);}
.cs-ctrl-btn{width:30px; height:30px; border-radius:50%;background:rgba(255,255,255,.15); border:none; color:#fff;display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0;}
.cs-ctrl-btn svg{ width:15px; height:15px; }
.cs-ctrl-btn:hover{ background:rgba(255,255,255,.28); }
.cs-speed-group{ display:flex; gap:4px; margin-left:auto; }
.cs-speed-btn{background:rgba(255,255,255,.1); border:none; color:rgba(255,255,255,.8);font-size:11px; padding:4px 7px; border-radius:6px; cursor:pointer;}
.cs-speed-btn.active{background:#fff; color:#111; font-weight:700;}
.cs-modal-info-col{ flex:1; padding:40px 36px; color:#e7edf3; min-width:0; }
.cs-info-top{ display:flex; align-items:flex-start; gap:14px; }
.cs-avatar{width:52px; height:52px; border-radius:50%; flex-shrink:0;background:#1fae7a; color:#fff; font-weight:700; font-size:16px;display:flex; align-items:center; justify-content:center; overflow:hidden;}
.cs-avatar img{ width:100%; height:100%; object-fit:cover; }
.cs-name-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.cs-name-row h4{ margin:0; font-size:19px; color:#fff; font-weight:700; }
.cs-stars{ color:#f5b400; font-size:13px; letter-spacing:1px; }
.cs-role-line{ margin:4px 0 0; color:#c3ccd6; font-size:14px; }
.cs-location-line{ margin:2px 0 0; color:#8a97a6; font-size:12.5px; text-transform:uppercase; letter-spacing:.04em; }
.cs-divider{ border-color:rgba(255,255,255,.12); margin:20px 0; }
.cs-quote-icon{ color:#4fc3ff; font-size:34px; line-height:1; font-family:Georgia, serif; margin-bottom:6px; }
.cs-quote-heading{ color:#fff; font-size:20px; font-weight:700; margin:0 0 12px; }
.cs-quote-body{ color:#b9c3cd; font-size:15px; line-height:1.7; margin:0 0 20px; }
.cs-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.cs-tags span{background:rgba(255,255,255,.08); color:#dbe3ea;font-size:12.5px; padding:6px 13px; border-radius:999px;}
.cs-nav-arrows{position:absolute; right:24px; top:50%; transform:translateY(-50%);display:flex; flex-direction:column; gap:10px;}
.cs-nav-btn{width:34px; height:34px; border-radius:50%;background:rgba(255,255,255,.08); border:none; color:#fff;display:flex; align-items:center; justify-content:center; cursor:pointer;}
.cs-nav-btn svg{ width:16px; height:16px; }
.cs-nav-btn:hover{ background:rgba(255,255,255,.18); }
.cs-counter{position:absolute; right:24px; bottom:16px;color:rgba(255,255,255,.5); font-size:13px;}
.device-main img, .mockup-web img{max-width: 100%;}
.tablinks{ text-decoration:none; }
.healthcard-link{ text-decoration:none; }


/*post section*/
.post-card{
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #DDDDDD;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 .post-image img{height: 229px;object-fit: cover;width: 100%;border-radius: 20px}
 .post-title{font-size:20px;}
 .title-trim{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
 .post-link{text-decoration: none; display: block;
    text-decoration: none;
    color: inherit;}
 .post-text {height:70px;}
.post-text h5{font-size:14px;}
.author-profile-image{width: 56px;height: 56px;flex-shrink: 0;border-radius: 50%;}
.post-card-slider .slick-next.custom-arrow {
    background: #06b6d4;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    top: 40%;
    transform: translateY(30%);
}
.post-card-slider .slick-next.custom-arrow img {
    filter: brightness(0) invert(1);
}

.post-card-slider .slick-list {margin: 0 -6px;padding-bottom: 20px;}
.post-card-slider .slick-slide {margin: 0 6px;}
.case-study-categories {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

.case-study-category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    min-height: 36px;
    border: 1px solid #e5e7eb;
    border-radius: 30px;
    background: #fff;
    color: #374151;
    line-height: 1;
    white-space: nowrap;
    transition: all 0.25s ease;
    cursor: pointer;
}

.case-study-category:hover {
    border-color: #06B6D4;
    color: #06B6D4;
}
.case-study-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;margin-top: 15px;}

.case-study-filter {background: #fff;border: 1px solid #e5e7eb;border-radius: 30px;padding: 9px 20px;color: #374151;font-size: 14px;line-height: 1.2;cursor: pointer;transition: all 0.25s ease;}
.case-study-filter:hover, .case-study-filter.active {border-color: #06B6D4;color: #06B6D4;background: #fff;}
.case-study-filter.active {box-shadow: 0 0 0 1px #06B6D4;}



.testimonial-item {background-color: #62B2F11A;border: 1px solid #62B2F133;color: #fff;position: relative;border-radius: 20px;padding: 30px;margin-right: 18px;}
.inner-testimonial .slick-prev, .inner-testimonial .slick-next {border-radius: 50%;bottom: -100px;width: 47px;height: 47px;padding: 0;top: auto;}
.inner-testimonial .slick-prev:hover , .inner-testimonial .slick-prev:hover{background: #06B6D4;color: #ffffff;}
.inner-testimonial .slick-next {left: 60px;background: var(--secondary-color);}
.inner-testimonial .slick-prev {left: 0;background: #06B6D4;}
.main_testimonial{position: relative;}
.progress_bar {position: absolute;bottom: -56px;height: 3px;background: #333;right: 0;left: auto;width: calc(100% - 130px);}
.prgress_perchentage {position: absolute;width: 30%;background: #06B6D4;height: 100%;left: 0;}
.inner-testimonial .slick-next img{filter: invert(1);}
.inner-testimonial .testimonial-item .road-icon img{max-height:28px;filter: invert(1);}

.all_service .case-card-content p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.all_service .case-card-content h3{height: 53px;overflow: hidden;}


.inner-testimonial h4{font-size: 22px;margin-bottom: 12px;}


/* About US new section */
.why-choose-card {border-radius: 20px;padding: 24px 26px;min-height: 220px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;position: relative;overflow: hidden;}
.why-choose-card.light-card {background: linear-gradient(135deg, rgba(6, 182, 212, 0.10) 0%, #ffffff 100%);
    border: 1px solid rgba(6, 182, 212, 0.15);}
.wc-card-content p {max-width: 250px;}
.why-choose-card.dark-card .wc-card-content p {color: #cfd8de;}
.why-choose-card.light-card {border-top-left-radius: 0;}
.why-choose-card.dark-card {background: linear-gradient(160deg, #2C5470 0%, #1B3547 100%);}
.wc-card-content h3 {font-size: 34px;font-weight: 700;margin: 0;}
.why-choose-card.dark-card .wc-card-content h3 {color: #ffffff;}
.why-choose-card.light-card .wc-card-content h3 {color: var(--secondary-color);}
.wc-card-image {margin-top: 14px;display: flex;justify-content: flex-end;align-items: flex-end;}
.wc-card-image img {width: 200px;max-width: 55%;height: auto;border-radius: 10px;object-fit: contain;}


.carrer-section-heading h3{color:var(--main-color);font-size: 64px; line-height: 72px;padding-bottom: 10px;}
.carrer-section-heading p{color:var(--main-color); font-size: 20px;}
.career-work-section{padding: 80px 0 100px;}
/* .career-gradient-bg {background: url('../images/gradient-1@2x.jpg') no-repeat right center; background-size: cover;} */
.career-gradient-bg{background-color: #F4F6F8;}
.career-images-wrapper {padding-bottom: 60px;padding-right: 40px; max-width: 500px; margin: 0 auto;}
.career-img-top { border-radius: 24px;z-index: 1;}
.career-img-bottom { border-radius: 24px; bottom: -45px; right: -45px; z-index: 2;}
.career-heading { font-size: 36px;font-weight: 500;}
.career-text {color: #555; font-size: 18px;}
.btn-career-linkedin { background-color: var(--main-color);  color: #ffffff; border-radius: 30px; padding: 9px 25px; font-size: 18px;  }

/* Testimonials Section */
.testimonials-section { background-color: #F4F6F8; position: relative; z-index: 10; padding-top: 50px;}
.testimonial-card { max-width: 320px; margin: 0 auto; }
.Quote { width: 37px;}
.empolyee { border-radius: 24px;}
.testimonial-text { font-size: 18px; color: color: #262626;   }
.testimonial-name { font-size: 16px; color: var(--main-color); }
.testimonial-role { font-size: 14px; color: var(--main-color); }


/* Management Collage Section */
.management-section{ background-color: #F4F6F8; }
.management-collage { min-height: 130vh; margin: 0 auto;padding: 60px 0;}
.mc-img {position: absolute;border-radius: 24px; object-fit: cover;}
.mc-img-3 { width: 53%; top: 231px; left: 316px;  z-index: 1;}
.mc-img-1 { width: 26%;   left: 86px; top: 0px;  z-index: 1;}
.mc-img-2 {  width: 30%; bottom: 49px;  left: 87px;  z-index: 2;}
.mc-img-4 {  width: 22%; top: 265px; right: 0px; z-index: 1;}
.mc-img-5 { width: 34%;  bottom: 0px;  right: 87px; z-index: 3;}

/* Why Work Section */
.why-work-section, .page-id-1936 .cta-sec{background-color: #F4F6F8;}
 .why-heading p {font-size: 18px !important; }
.why-card {background-color: #ffffff; border-radius: 24px; padding: 40px 30px; height: 100%;overflow:hidden;}
.why-card h4 { font-size: 20px; font-weight: 700; color: var(--main-color);}
.why-card p { font-size: 16px; color:var(--main-color); line-height: 24px; margin: 0;}

.why-card-img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: 0.5s all ease;}
.why-card:hover .why-card-img{opacity: 1;}
.why-card-img img{height:100%;}

/* industry page */
.industry-hero-title {color: var(--main-color); font-size: 64px; line-height: 72px; }
.btn-dark-talk { border-radius: 8px; padding: 12.8px 44.8px !important; font-size: 19.5px; font-weight: 500; height: auto !important; line-height: normal !important;}

/* Explore Industries Section */
.explore-subtitle {  font-size: 14px; }
.explore-heading { font-size: 32px; font-weight: 500; color: #333; line-height: 45px; }
.explore-heading strong { color: #111; }
.explore-desc { font-size: 18px; color: #555; max-width: 900px; margin: 0 auto 3rem auto; }

.explore-slider { display: flex; margin: 0; padding: 0; }
.explore-card {  height: 480px;  padding: 40px;   position: relative;  overflow: hidden; text-align: left; display: flex;align-items: flex-start;flex-direction: column;justify-content: center;transition: all 0.3s ease;}
.explore-card-top {   z-index: 2;  margin-bottom: 20px; 
}
.explore-num { font-size: 20px; font-weight: 300; color: #ffffff; }
.explore-arrow img { width: 30px; filter: brightness(0) invert(1); }
.explore-title { font-size: 28px; font-weight: 600; color: #ffffff; z-index: 2; margin: 0; }
.explore-bg-img { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; object-fit: cover; z-index: 1; }

.card-health { background: linear-gradient(209deg, #9795f0, #fbc8d4); }
.card-real-estate { background: linear-gradient(150deg, #86b3f9, #bddafb, #90c3fa); }
.card-digital { background: linear-gradient(211deg, #d9a7c7, #fffcdc); }

/* Industries Grid Section */
.industries-grid-section { padding: 40px 0; }
.industry-item { background-color: #F8F9FA; border-radius: 20px; padding: 20px 20px 20px 28px; font-size: 16px; color: #333; font-weight: 500; position: relative;}
.industry-item::before { content: ''; border-left: 1px solid #86b3f9; position: absolute; left: 16px; bottom: 17px; height: 30px;
}

/* Rapid Growth Section */
.rapid-growth-section { background-color: #ffffff; }
.rg-title { font-size: 35px; font-weight: 600; color: #333; line-height: 45px; }
.rg-desc { font-size: 20px; color: #555; line-height: 1.6; }
.rg-card { background-color: #f5f5f7; border-radius: 20px; padding: 32px; display: flex; align-items: flex-start; gap: 20px;}
.rg-icon {padding: 16px;border-radius: 50%; position: relative; z-index: 2;}
.rg-icon-research {    background: linear-gradient(223deg, #9795f0, #fbc8d4) }
.rg-icon-design {    background: linear-gradient(107deg, #86b3f9 0, #bddafb 61%, #90c3fa 100%) #fff;}
.rg-icon-dev { background: linear-gradient(321deg, #c3cfe2, #b2cdd6, #c3cfe2) #fff; }
.rg-icon-growth {background: linear-gradient(230deg, #d3d7f2, #ebc4c6) #fff; }
.rg-content { padding-top: 5px; flex: 1; }
.rg-card-title { font-size: 22px; font-weight: 600;  margin-bottom: 10px; }
.rg-card-text { font-size: 17px; color: #555; line-height: 1.6; margin: 0; }
.rg-arrow { padding: 18px; border-radius: 50%; border: 1px solid #333; background: #fff; position: relative;   margin-left: auto; }
.industry-button{width: 170px;margin: 0 auto;}

.industry-banner-wrapper{border-radius: 30px; overflow: hidden;}
.explore-slider .slick-slide {opacity: 0.5;transition: all 0.3s ease;}
.explore-slider .slick-center {opacity: 1;}
.explore-card .explore-bg-img{display:none;}
.explore-content{width: 100%;flex: 0 0 auto;}

.explore-card .explore-content {transform: translateY(40px);opacity: 0.8;transition: transform 0.6s ease, opacity 0.6s ease;}
.slick-current .explore-card .explore-content {transform: translateY(0);opacity: 1;}
.slick-current .explore-card .explore-bg-img{display:block;}
.slick-current .explore-card{display: block;}

.explore-slider .slick-prev, .explore-slider .slick-next {
    border-radius: 50%;
    bottom: -70px;
    width: 47px;
    height: 47px;
    padding: 0;
    top: auto;
}

.explore-slider .slick-prev {
        left: 50%;
    background: #06B6D4;
    transform: translateX(-50%);
}

.explore-slider .slick-next {
        background: var(--secondary-color);
    left: 55%;
    transform: translateX(-55%);
}
.explore-slider .slick-next img {
    filter: invert(1);
}

/* Responsive code  */

/* Industry page carrer page  */
@media (max-width: 1500px) {
    .management-collage {min-height: 150vh;} 
}

@media (max-width: 1350px) {
    .header-item a { margin-right: 14px !important;}
    .explore-slider { padding: 0 12px; }
    .explore-card { padding: 30px;  }
    .explore-title {font-size: 24px;}
    .explore-heading { font-size: 28px }
    .mc-img-3{ left:277px}
}
@media (max-width: 1199px) {
    .management-collage { min-height: 52vh;}
    .mc-img-3{ left:210px; top: 174px;}
    .mc-img-4 {top: 204px;}
    .career-work-section { padding: 100px 0; }
    .career-heading { font-size: 34px; }
    .career-text { font-size: 16px; }
}
@media (max-width: 1023px) {
    .carrer-section-heading h3{ font-size: 48px;line-height: 54px; }
    html, body { overflow-x: hidden; }
    .career-images-wrapper { max-width: 90%; }
    .career-img-bottom { right: 0; }
    .mc-img-3 { left: 183px; top: 110px; }
    .management-collage { min-height: 50vh; }
    .mc-img-4 { top: 130px;}
    .career-heading{margin-top: 30px;}
}

@media (max-width: 767px) {
    html, body { overflow-x: hidden; }
    .explore-slider { flex-direction: column; }
    .explore-card { height: 350px;}
    .industry-hero-title { font-size: 38px; line-height: 42px;}
    .rg-card { flex-direction: column; align-items: center; text-align: center;}
    .rg-arrow {  margin-left: 0;  margin-top: 20px; }
     .mc-img-1{ display: none;}
    .mc-img-4{ display: none;}
    .mc-img-2{ display: none;}
    .mc-img-5{ display: none;}
    .mc-img-3 { left: 12px; top:0; width: 94%;}
    .management-collage { min-height: 35vh; }
    .career-work-section { padding: 40px 0; }
    .career-img-bottom{width:85%}
    .ana-offset{margin-top: 0 !important; padding-top: 0 !important;}
    .empolyee-3{ margin-top: 50px;}
    .career-heading{ margin-top: 20px;}
    .why-work-section{margin-top: 0; padding-top: 0 !important;}
}

/* =========================================================
   Responsive
   ========================================================= */
@media (min-width: 768px) {
  .nav-links { display: flex; }

  .hero-container { grid-template-columns: repeat(12, 1fr); }
  .hero-content { grid-column: span 7; }
  .hero-card-wrap { grid-column: span 5; margin-top: 0; }
  .hero-title { font-size: 3.75rem; }
  .icon-box { width: 128px; height: 128px; }
  .icon-box-icon { font-size: 64px !important; }

  .challenges-grid { grid-template-columns: repeat(2, 1fr); }
  .challenges-visual { min-height: 600px; }

  .showcase-content { flex-direction: row; align-items: center; justify-content: space-between; }
  .showcase-phone-main { width: 33.3333%; }
  .showcase-phone-list { width: 66.6667%; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 0; }
  .phone-frame { width: 320px; }
  .phone-frame--small { width: 180px; }

  .solution-grid { grid-template-columns: repeat(2, 1fr); gap: 96px; }
  .feature-list { grid-template-columns: repeat(2, 1fr); }

  .features-header { flex-direction: row; align-items: flex-end; justify-content: space-between; }
  .bento-grid { grid-template-columns: repeat(12, 1fr); gap: 32px; }
  .bento-card--large { grid-column: span 8; }
  .bento-card--small { grid-column: span 4; }
  .bento-card--dark { grid-column: span 4; }
  .bento-card--wide { grid-column: span 8; flex-direction: row; gap: 32px; }
  .bento-wide-text { flex: 1; }
  .bento-wide-visual { display: flex; width: 33.3333%; }

  .cta-buttons { flex-direction: row; }
.footer-inner { flex-direction: row; }
}

@media (min-width: 1024px) {
  .hero-content { grid-column: span 8; }
  .hero-card-wrap { grid-column: span 4; }
  .section-title-lg { font-size: 3rem; }
}

@media (max-width: 991px) {
    .why-choose-card {
        min-height: 200px;
    }
}

@media (max-width: 767px) {
    .why-choose-card {
        padding: 20px;
        border-radius: 16px;
        min-height: auto;
    }
    .wc-card-content h3 {
        font-size: 28px;
    }
    .wc-card-image img,
    .col-lg-7 .wc-card-image img {
        width: 120px;
        max-width: 50%;
    }
    .inner-testimonial .slick-prev, .inner-testimonial .slick-next{bottom: -60px;}
    .progress_bar {bottom: -15px;}
    .inner-testimonial .testimonial-item p {margin-bottom: 0px;}
    .case-study-category, .case-study-filter {padding: 4px 8px;}
    .case-study-filters {gap: 5px;}
}

/*new css property fro career page job section*/
body.page-id-1936 {
    background: #f4f6f8;
}
.explore-sec {
    background-color: #ffffff;
}

.role-tabs {
    background: #244a60 !important;
    position: sticky;
    top: 130px;
}

.role-tabs .nav-link {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}

.role-tabs .nav-link:hover {
    background: rgba(255, 255, 255, 0.15);
}

.role-tabs .nav-link.active {
    background: #ffffff !important;
    color: #244a60 !important;
    border-color: #ffffff;
}

.role-tabs .nav-link.active .opacity-75 {
    opacity: 0.7 !important;
}

.role-content-box {
    border: 1px solid #dddddd;
}

/* Heading */
.role-content-box h3 {
    color: #244a60;
    font-size: 26px;
    line-height: 1.3;
}

.role-content-box h5 {
    color: #244a60;
    font-size: 19px;
}

/* Paragraph */
.role-content-box p,
.role-content-box li {
    font-size: 15px;
    line-height: 1.6;
}

/* Job information */
.job-info-box {
    padding: 12px !important;
}

.job-info-box strong {
    font-size: 14px;
    line-height: 1.35;
    display: block;
}

/* Compact lists */
.role-content-box ul {
    margin-bottom: 0;
}

.role-content-box li {
    margin-bottom: 10px !important;
}

/* Section spacing */
.role-section {
    margin-bottom: 30px !important;
}

/* Offer cards */
.offer-card {
    padding: 12px !important;
}

.offer-card span:last-child {
    font-size: 14px;
    line-height: 1.5;
}

/* Apply area */
.apply-area {
    padding-top: 20px !important;
    margin-top: 20px !important;
}

@media (max-width: 991px) {

    .role-tabs {
        height: auto !important;
    }

    .role-content-box {
        padding: 25px !important;
    }

}

@media (max-width: 767px) {

    .role-content-box h3 {
        font-size: 23px;
    }

    .role-content-box h5 {
        font-size: 18px;
    }

    .role-content-box p,
    .role-content-box li {
        font-size: 14px;
    }

}