@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap'); */
/* common css */

body{ background: #F8F8F8; font-size: 1.15rem; color: #444; line-height: 1.42;   }

h1, h2, h3, h4, h5, h6 { color: #101828; }

.page-title{ padding: 50px 0px; margin: auto; }
.page-title h1{ font-size: clamp(22px, 2.5vw + 1rem, 44px);  line-height: 1.2; font-weight:300; }
.page-title h1 strong { font-weight: 600; display: block; font-size: clamp(25px, 3vw + 1rem, 72px); }
/* .page-title p{ font-size: clamp(14px, 1vw + 0.5rem, 20px); font-weight: 400; padding: 0px 0px 20px 0px;} */
 
.section-title { margin: 10px 0 20px; }
.section-title h2{ font-weight: 300; font-size: clamp(20px, 1.5vw + 1rem, 36px); }
.section-title .theme-text { text-transform: uppercase; font-weight: 500; display: inline-block;  }
.section-title h2 strong { font-weight: 600; display: block; font-size: clamp(28px, 2.5vw + 1rem, 44px); }
/* .section-title p{ font-size: clamp(14px, 1vw + 0.5rem, 20px); font-weight: 400; padding: 0px 0px 20px 0px;}  */
 
label.form-label{color: #44484D; font-weight: 400; font-size: 14px; margin: 0 0 5px 0; text-transform: uppercase; }
.form-control, .form-select {border: 1px solid #D6D6D2; border-radius: 10px; color: #44484D; box-shadow:none; padding: 10px 15px; background-color: #F2F2F2; }
textarea.form-control {border: 1px solid #D6D6D2; height: 150px; border-radius: 10px; box-shadow:none; resize: none; padding: 12px 15px;}
.form-control:focus, .form-select:focus{color: #44484D; box-shadow: none; background: #F2F2F2; border-color: #009AF1; }

/* common-button */     
.primary-btn{ display: inline-block; background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #101828; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.48), 0px 0px 0px 1px #101828; padding: 15px 30px; border-radius: 35px; color: #FFF; font-weight:400;}
.secondary-btn { display: inline-block; background:#fff; border: 0;  padding: 15px 30px; color:#1E1E1E; border-radius: 35px; font-weight:400; box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.48), 0px 0px 0px 1px #ffffff; }  


/* background color & theme-text  */
.theme-text{color: #009AF1;}
.black-bg{background:#111111;}
.mute-bg{background:#F9F9F9;}

.bdr-radius{ border-radius: 20px;}

.common-btn-list { display: flex; gap: 20px; justify-content: center; }
.site-content{padding: 0px;}

.wpcf7-spinner { position: absolute;   }
/* ====================== 
    Hero Section banner
========================= */     
section.hero-banner { padding: 0px; padding-top: 81px;  position: relative;   }
/* section.hero-banner .banner-text .head { font-weight: 300; font-size: clamp(20px, 1.5vw + 1rem, 36px); } */
section.hero-banner .banner-text .head strong{ font-weight: 600; color: #000; display: block; font-size: clamp(28px, 2.5vw + 1rem, 44px); }
section.hero-banner .hero-slider .banner-img{ position:relative;  }
section.hero-banner .hero-slider .banner-img img{ width: 100%; height: 100%; object-fit: cover; }
section.hero-banner .hero-slider .content{ text-align: center; position: absolute; left: 0; right: 0; top: 5%; margin: 0 auto; max-width: 800px; z-index: 99; }
section.hero-banner .hero-slider .content .section-title{ padding: 0px; }
section.hero-banner .hero-slider .content .logo-img{ height: 30px; width: auto; margin: 0 auto 20px; }
section.hero-banner .hero-slider .content .box p{  font-size: clamp(14px, 1vw + 0.5rem, 20px); }
section.hero-banner .hero-slider .banner-img .primary-btn{ padding: 8px 20px; font-size: 0.9rem; }
section.hero-banner .powered { font-size: 0.9rem; position: absolute; bottom: 30px; right: 30px; z-index: 100; }
/* section.hero-banner .hero-slider .link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } */



/* Inner Banner  */
section.inner-page-banner {position:relative; padding:50px 0 0px; overflow:hidden;}
section.inner-page-banner::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-image:linear-gradient(rgb(0 0 0 / 3%) 1px, #00000000 1px), linear-gradient(90deg, rgb(0 0 0 / 3%) 1px, #00000000 1px); background-size:100px 100px; z-index:1;}
 

 /* Active State Text Animation */
section.hero-banner .hero-slider .slick-current .content h1,
section.hero-banner .hero-slider .slick-current .content .logo-img,
section.hero-banner .hero-slider .slick-current .content p,
section.hero-banner .hero-slider .slick-current .content .primary-btn {  opacity: 1; transform: translateX(0); }

/* Navigation Styles */
section.hero-banner .banner-nav-wrapper {position:absolute; bottom:50px; left:50px; z-index:100; width:200px; height:90px; -webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%); mask-image:linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%);}
section.hero-banner .banner-nav {list-style:none; padding:0; margin:0; height:100%;}
section.hero-banner .banner-nav .slick-list {padding:0 !important; height:100% !important;}
section.hero-banner .banner-nav .slick-track {transition:transform 1000ms cubic-bezier(0.16, 1, 0.3, 1) !important;}
section.hero-banner .banner-nav li {text-shadow: 1px 1px 1px #fff; padding:5px 0; cursor:pointer; font-size:14px; color: #000; transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1); text-transform:uppercase; letter-spacing:2px; position:relative; outline:none; display:flex !important; align-items:center;}
section.hero-banner .banner-nav li span {position:relative; padding-left:20px; transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1); display:inline-block;}
section.hero-banner .banner-nav li.slick-center {color:#009AF1;}
section.hero-banner .banner-nav li.slick-center::before {content:''; position:absolute; left:0; top:7px; width:2px; height:20px; background:#009AF1; transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1); box-shadow:0 0 15px rgba(0, 154, 241, 0.7); border-radius:2px;}
section.hero-banner .banner-nav li.slick-current {color:#fff; font-size:20px; letter-spacing:4px; font-weight:700;}
section.hero-banner .banner-nav li.slick-current span {padding-left:60px; text-shadow:0px 5px 25px rgba(255, 255, 255, 0.4);}
section.hero-banner .banner-nav li.slick-current::before {opacity:1; width:45px;}

@media (max-width: 991px) {
  section.hero-banner .hero-slider .banner-img img{ height: calc(100vh - 79px); }
}
/* ====================== 
    Brand Section (6-Column Unified Grid)
========================= */

section.client-logo .page-title h1 { font-weight: 300; }
section.client-logo .page-title h1 strong{ font-weight: 600; display: block; }
section.client-logo .logo-grid {display:flex; border:1px solid #e8e6e1; border-bottom:none; border-right:none; border-radius:4px; margin-top:40px; flex-wrap:wrap;}
section.client-logo .logo-cell {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1.5rem 1rem; border-right:1px solid #e8e6e1; border-bottom:1px solid #e8e6e1; overflow:hidden; min-height:215px; cursor:default; transition:background 0.25s; width:16.66%;}
section.client-logo .logo-cell.text-cell {padding:20px 30px; align-items:flex-start; justify-content:center; width:33.33%;}
section.client-logo .logo-cell.text-cell p {font-size:clamp(20px, 1.5vw + 1rem, 28px); font-weight:600; margin:0; line-height:1.3;}
section.client-logo .logo-cell:hover {background:#fafaf8;}
section.client-logo .pulse-dot {position:absolute; top:10px; right:10px; width:6px; height:6px; border-radius:50%; background:#c8c4bc; animation:pulse 2s ease-in-out infinite;}

@keyframes pulse {
0%, 100% {opacity:0.25; transform:scale(1);}
50% {opacity:0.8; transform:scale(1.5);}
}

section.client-logo .logo-inner {display:flex; flex-direction:column; align-items:center; gap:10px;}
section.client-logo .logo-inner.fade-out {animation:fadeOut 0.45s ease forwards;}
section.client-logo .logo-inner.fade-in {animation:fadeIn 0.45s ease forwards;}

@keyframes fadeOut {
from {opacity:1; transform:translateY(0);}
to {opacity:0; transform:translateY(-12px);}
}

@keyframes fadeIn {
from {opacity:0; transform:translateY(12px);}
to {opacity:1; transform:translateY(0);}
}

section.client-logo .logo-icon {height:48px; filter:grayscale(1); opacity:0.6; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all 0.4s ease;}
section.client-logo .logo-cell:hover .logo-icon {filter:grayscale(0); opacity:1; transform:scale(1.1);}

/* Responisve */
@media (max-width: 1200px) {
  section.client-logo .logo-cell { width: 25%;  } 
  section.client-logo .logo-cell.text-cell { width: 50%;} 
}

@media (max-width: 991px) {
  section.client-logo .logo-cell { width: 33%;  } 
  section.client-logo .logo-cell.text-cell { width: 100%;} 
}

@media (max-width: 576px) {
  section.client-logo .logo-cell { width: 50%; min-height: 155px; } 
  section.client-logo .logo-cell.text-cell { width: 100%;}  
  section.hero-banner .banner-nav-wrapper { left: -12px; bottom: 10px; }
}

/* ============================= 
    Perfomance Scrolling section
================================ */
section.scroll-section {position:relative; width:100%; overflow: hidden;}
section.scroll-section .sticky-wrap {position:relative; width:100%; height:100vh; overflow:hidden; isolation:isolate;}
section.scroll-section .slide {position:absolute; inset:0; opacity:1; will-change:transform, opacity; transform-origin:center center; transform:translateZ(0); overflow:hidden;}
section.scroll-section .slide-img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block; user-select:none; pointer-events:none; will-change:transform;}
section.scroll-section .text-block {position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; top:20%; visibility:hidden; opacity:0;}
section.scroll-section .text-block .t-headline { font-size: clamp(20px, 1.5vw + 1rem, 35px); font-weight: 300; overflow:hidden; margin:0; padding:0;  }
section.scroll-section .text-block .t-headline strong {display:block; font-weight:600; font-size: clamp(28px, 2.5vw + 1rem, 60px);}
section.scroll-section .text-block .t-headline .line {display:block; overflow:hidden; line-height:inherit;}
section.scroll-section .text-block .t-headline .line-inner {display:block; will-change:transform;}

section.scroll-section .btn-link .primary-btn{ padding: 8px 20px; font-size: 0.9rem; margin-top:10px; }

@media (max-width: 576px) {
    section.scroll-section .text-block { padding: 0 40px;}
}
/* ============================= 
    Investing in the Future
================================ */
section.autonomy-section .top-bar {display:flex; justify-content:space-between; align-items:flex-start; gap:48px; margin-bottom:72px;}
section.autonomy-section .top-bar_left {flex:1;}
section.autonomy-section .top-bar_desc {flex:0 0 40%; line-height:1.75; padding-top:8px; border-left:2px solid #d0d8e8; padding-left:20px;}
section.autonomy-section .cards-row {display:flex; align-items:flex-end; gap:24px;}
section.autonomy-section .box {flex:1; background:linear-gradient(0deg, #F8F8F8 0%, #D8E1F1 100%); padding:36px 30px 32px; display:flex; flex-direction:column; position:relative; overflow:hidden; opacity:0; transform:translateY(60px); transition:opacity 0.6s cubic-bezier(.22, .68, 0, 1.2), transform 0.6s cubic-bezier(.22, .68, 0, 1.2), box-shadow 0.3s ease;}
section.autonomy-section .box:nth-child(1) {min-height:320px;}
section.autonomy-section .box:nth-child(2) {min-height:380px;}
section.autonomy-section .box:nth-child(3) {min-height:440px;}
section.autonomy-section .box.from-bottom:nth-child(1) {transition-delay:0.05s;}
section.autonomy-section .box.from-bottom:nth-child(2) {transition-delay:0.18s;}
section.autonomy-section .box.from-bottom:nth-child(3) {transition-delay:0.32s;}
section.autonomy-section .box.from-top:nth-child(1) {transition-delay:0.32s;}
section.autonomy-section .box.from-top:nth-child(2) {transition-delay:0.18s;}
section.autonomy-section .box.from-top:nth-child(3) {transition-delay:0.05s;}
section.autonomy-section .box.from-bottom {transform:translateY(60px); opacity:0;}
section.autonomy-section .box.from-top {transform:translateY(-60px); opacity:0;}
section.autonomy-section .box.visible {opacity:1; transform:translateY(0);}
section.autonomy-section .card_title {margin:35px 0 15px; font-size: 1.3rem; }
section.autonomy-section .card_icon {width:52px; height:52px; border-radius:14px; background:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:0; box-shadow:0 2px 10px rgba(58, 90, 153, 0.12);}
section.autonomy-section .card_icon svg {width:26px; height:26px;}
section.autonomy-section .card_body {margin-top:auto;}
section.autonomy-section .card_step {position:absolute; top:28px; right:30px; font-size:3rem; font-weight:700; color:rgba(58, 90, 153, 0.08); line-height:1; pointer-events:none; user-select:none;}

/* ── RESPONSIVE ── */
@media (max-width: 700px) {
  section.autonomy-section .top-bar { flex-direction: column;  gap: 0px;}
  section.autonomy-section .top-bar_desc { flex: none; border-left: none;  padding-left: 0;  }
  section.autonomy-section .cards-row { flex-direction: column; align-items: stretch; }
  section.autonomy-section .box:nth-child(1),
  section.autonomy-section .box:nth-child(2),
  section.autonomy-section .box:nth-child(3) { min-height: 220px; }

  
}


/* ============================= 
    Reel Slider
================================ */
section.slider-section { overflow: hidden; }
section.slider-section .reel-slider { margin: 40px auto 80px auto; padding: 0 0 50px 0; position: relative; }
section.slider-section .reel-slider .slick-list { overflow: visible; }
 
section.slider-section .reel-slider .video-card {padding:0 12px;}
section.slider-section .reel-slider .video-card .box {border-radius:20px; overflow:hidden; box-shadow:0 15px 35px rgba(0, 0, 0, 0.15); aspect-ratio:9/16; width:100%; position:relative;}
section.slider-section .reel-slider .video-card .box video {width:100%; height:100%; object-fit:cover; pointer-events:none; border-radius:20px;}

section.slider-section .reel-slider .video-card .box iframe { width: 100%; height: 100%; object-fit: cover;border-radius:20px;  }
section.slider-section .reel-slider .video-card .box::before {content:''; position:absolute; inset:0; background:linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.85) 100%); opacity:0; transition:opacity 0.5s ease; z-index:1; border-radius:20px;}
section.slider-section .reel-slider .video-card .box::after {content:''; position:absolute; inset:0; background:rgba(0, 0, 0, 0.65); backdrop-filter:blur(3px); transition:all 0.5s ease; pointer-events:none; z-index:5; border-radius:20px;}
section.slider-section .reel-slider .slick-center .box::after {backdrop-filter:none; background:none;}
section.slider-section .reel-slider .slick-center .box:hover::after {backdrop-filter:none; background:linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.85) 100%);}
section.slider-section .reel-slider .slick-center .box:hover .text-block {z-index:99;}
section.slider-section .reel-slider .video-card .text-block {position:absolute; bottom:0; left:0; width:100%; padding:30px 20px 10px; z-index:2; color:#fff; transform:translateY(20px); opacity:0; transition:all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);}
section.slider-section .reel-slider .video-card .text-block h3 {font-size:1.2rem; color: #fff; }
section.slider-section .reel-slider .slick-center .video-card::before, section.slider-section .reel-slider .video-card:hover::before {opacity:1;}
section.slider-section .reel-slider .slick-center .video-card .text-block, section.slider-section .reel-slider .video-card:hover .text-block {transform:translateY(0); opacity:1;}

.slide-arrow {position:absolute; bottom:-30px; width:50px; height:50px; border-radius:50%; background-color:transparent; border:1px solid #000; color:#000; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:20; transition:all 0.3s ease;}
.slick-slider .slide-arrow:hover { background-color: #009AF1; color: #fff; border-color: #009AF1; }
.slick-slider .slide-arrow i { font-size: 20px; }
.slick-slider .prev-arrow { left: calc(50% - 5px); transform: translateX(-100%); }
.slick-slider .next-arrow { right: calc(50% - 5px); transform: translateX(100%); }

/* Custom Follow Cursor */
.custom-cursor-view { position:fixed; top:0; left:0; width:72px; height:72px; border-radius:50%; background:rgba(0,0,0,0.5); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.05); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:10px; font-weight:500; text-transform:uppercase; letter-spacing:1px; line-height:1.3; text-align:center; pointer-events:none; z-index:9999; transform:translate(-50%, -50%) scale(0); opacity:0; transition:transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease; }
.custom-cursor-view::before { content:''; position:absolute; inset:-6px; border-radius:50%; border:1px solid rgba(0, 154, 241, 0.8); border-top-color:transparent; border-bottom-color:transparent; animation:spinCursor 5s linear infinite; opacity: 0.8; }
.custom-cursor-view::after { content:''; position:absolute; inset:-12px; border-radius:50%; border:1px solid rgba(255, 255, 255, 0.4); border-left-color:transparent; border-right-color:transparent; animation:spinCursorReverse 7s linear infinite; opacity: 0.6; }
@keyframes spinCursor { 100% { transform:rotate(360deg); } }
@keyframes spinCursorReverse { 100% { transform:rotate(-360deg); } }
.custom-cursor-view i { font-size: 20px; margin-top: 2px; color: #009AF1; }
.custom-cursor-view.active {transform:translate(-50%, -50%) scale(1); opacity:1;}


/* =========================================
   Business Metrics Section
========================================= */
.business-metrics .metrics-box {background:linear-gradient(0deg, #F8F8F8 0%, #E5E5E5 100%); border-radius:32px; padding:30px 15px;}
.business-metrics .metric-card {padding:40px 30px 0 30px; width:100%; flex-direction:column; display:flex; overflow:hidden; height:100%; background:#fff;}
.business-metrics .metric-text h3 {font-size:42px; font-weight:800; color:#1A1A1A; margin-bottom:5px;}
.business-metrics .metric-text p {max-width:60%;}
.business-metrics .metric-image {margin-top:30px;}
.business-metrics .metric-image img {max-width:100%; height:auto; display:block; margin:0 auto;}
.business-metrics .metric-action-card a.primary-btn {border-radius:20px; padding:30px; transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1); min-height:180px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; text-align:left;}
.business-metrics .metric-action-card a.primary-btn:hover {background-color:#0081cc; transform:translateY(-5px); box-shadow:0 15px 30px rgba(0, 154, 241, 0.3);}
.business-metrics .metric-action-card .btn-text {display:flex; flex-direction:column; justify-content:center;}
.business-metrics .metric-action-card .btn-title {font-size:28px; font-weight:700; color:#fff; margin-bottom:5px; transition:transform 0.4s ease;}
.business-metrics .metric-action-card .btn-subtitle {font-size:16px; font-weight:400; color:rgba(255, 255, 255, 0.85); transition:transform 0.4s ease;}
.business-metrics .metric-action-card .btn-icon {width:48px; height:48px; background:rgba(255, 255, 255, 0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:24px; transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1); flex-shrink:0;}
.business-metrics .metric-action-card a.primary-btn:hover .btn-icon {background:#fff; color:#0081cc; transform:translateX(8px) scale(1.05);}

@media (max-width: 991px) { 
  .business-metrics .metrics-box {  padding: 20px 0; } 
}
@media (max-width: 767px) { 
  .business-metrics .metric-card {  padding: 30px 20px 0 20px; }
}

/* =======================================
who We Are
=========================================== */
section.who-we-are { padding: 0; }
section.who-we-are .image-bg { position: relative; }
section.who-we-are .image-bg .section-title{ position: absolute; left: 0; right: 0; top: 100px; margin: 0 auto 20px; max-width: 900px; } 

@media (max-width: 767px) { 
  section.who-we-are .image-bg .section-title { position: unset; padding: 0 20px; }
}
/* =====================================
  Industries Serve 
======================================== */
section.industries-serve {background:linear-gradient(0deg, #F8F8F8 0%, #F2F2F2 100%); border-radius:32px;}
section.industries-serve .industry-card {overflow:hidden; background:#F9FAFB; transition:transform 0.3s ease, box-shadow 0.3s ease; position:relative;}
/* section.industries-serve .industry-card:hover {transform:translateY(-5px);} */
section.industries-serve .industries-slider .item{ padding: 0 12px; }
section.industries-serve .card-img-wrap {height:240px; overflow:hidden;}
section.industries-serve .card-img-wrap img {width:100%; height:100%; object-fit:cover;}
section.industries-serve .img-fade {position:absolute; bottom:0; left:0; width:100%; height:80px; background:linear-gradient(0deg, #F5F5F5 0%, rgba(226, 221, 215, 0) 100%); pointer-events:none;}
section.industries-serve .card-content {padding:10px 30px 30px 30px;}
section.industries-serve .card-content h3 {font-size:1.3rem;}
section.industries-serve .card-content .theme-text {font-size:12px; font-weight:500;}
section.industries-serve .card-content p {color:#6E6E6E; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
section.industries-serve .badge-tag {position:absolute; top:20px; right:20px; background:rgba(255, 255, 255, 0.9); backdrop-filter:blur(4px); padding:8px 16px; border-radius:30px; font-size:13px; color:#333; z-index:10; box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);}
section.industries-serve .view-link {font-size:14px; display:inline-flex; align-items:center; color:#000; text-decoration:none; font-weight:500;}
section.industries-serve .view-link i {font-size:16px; transition:transform 0.3s ease;}
section.industries-serve .view-link:hover i {transform:translate(3px, -3px);}

/* =====================================
  Testimonials Section 
======================================== */
section.testimonial-part { background-color:#ffffff; border-radius: 32px 32px 0 0; }
section.testimonial-part .testimonial-slider .items {padding:0 12px;}
section.testimonial-part .testi-card {background-color:#f5f5f5; border-radius:32px; padding:40px; height:100%;}
section.testimonial-part .testi-author h3 { font-size:1.1rem;}
section.testimonial-part .testi-author span { font-size:14px;}
section.testimonial-part .testi-body p {color:#6e6e6e; margin:0;}
/* section.testimonial-part .testi-banner {background-color:#f5f5f5; border-radius:40px;}
section.testimonial-part .testi-banner-content h3 {font-size:28px; color:#1a1a1a;}
section.testimonial-part .testi-banner-action .btn-dark {background-color:#1A1E29; color:#fff; font-size:16px; transition:all 0.3s ease;}
section.testimonial-part .testi-banner-action .btn-dark:hover {background-color:#000; transform:translateY(-2px);} */

section.testimonial-part .slick-initialized .slick-list .slick-slide{ display: block; height: inherit; }
section.testimonial-part .slick-initialized .slick-track{ display:flex }

@media (max-width: 991px) {
  /* section.testimonial-part .testi-banner {flex-direction: column; text-align: center; gap: 20px; } */
}
@media (max-width: 767px) {
  section.testimonial-part .testi-card {padding: 30px; }
}

 
/* ========================= 
FAQ Contact Form CSS 
============================== */
section.faq-section {background: #fff; padding: 0; }
section.faq-section .gray-bg{ padding: 50px 0; background: linear-gradient(0deg, #F8F8F8 0%, #F2F2F2 100%); border-radius: 32px 32px 0 0; }
section.faq-section .faq-box {margin-bottom:50px;}
section.faq-section .faq-box .section-title{ position: sticky; top: 100px;}
section.faq-section .accordion-item {border:none; background:#fff; margin-bottom:20px; overflow: hidden; border-radius: 20px; }
section.faq-section .accordion-button { font-size: 1.2rem; background:#ffffff; padding:18px 20px;  box-shadow: none; border:none; display:flex; justify-content:space-between; align-items:center; position:relative; transition:all 0.3s ease;}
section.faq-section .accordion-button:after {display:none;}
section.faq-section .accordion-button i {position:relative; width:20px; height:20px; display:block; flex-shrink:0;  background: #F8F8F8; border-radius: 40px; }
section.faq-section .accordion-button i::before, 
section.faq-section .accordion-button i::after {content:''; position:absolute; background-color:#1A1A1A; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
section.faq-section .accordion-button i::before {width:12px; height:2px;}
section.faq-section .accordion-button i::after {width:2px; height:12px;}
section.faq-section .accordion-button:not(.collapsed) i::after {transform:translate(-50%, -50%) rotate(90deg); opacity:0;}
section.faq-section .accordion-button:not(.collapsed) { color:#009AF1;  }
section.faq-section .accordion-body {padding: 10px 30px 10px 30px; color:#555;   background:#fff; border-radius:0 0 40px 40px;   position:relative; z-index:1;}
section.faq-section .accordion-header {position:relative; z-index:2;}
section.faq-section .accordion-collapse {transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}

.home-get-started{ background: #ffffff; padding: 35px; }
.home-get-started .home-get-started-left{ padding: 0 60px 0 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.home-get-started .home-get-started-left .top-text{ padding: 0 0 12px 0; }
.home-get-started .home-our-brand{ border-top: 1px solid #848484; padding: 20px 0 0 0; }
.home-get-started .home-our-brand h3{ font-size: 15px; text-transform: uppercase; margin: 0 0 15px 0; }
.home-get-started .home-get-started-form .intl-tel-input.separate-dial-code .selected-flag{ background: none; border-radius: 10px 0 0 10px; }
.home-get-started .home-our-brand-slider .slider-item{ padding: 0 5px; }
.home-get-started .home-our-brand-slider .slider-item .slide-img{max-height: 50px; }
.home-get-started .home-our-brand-slider:before{background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); position: absolute; left: -1px; top: 0; bottom: 0; content: ""; width: 100px; z-index:9; }
.home-get-started .home-our-brand-slider:after{background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); transform: rotate(-180deg); position: absolute; right: -1px; top: 0; bottom: 0; content: ""; width: 100px; z-index:9; }


/* Responisve */
@media (max-width: 991px) {
  section.faq-section .accordion-body {  padding: 10px 20px 30px 20px;}
  
}
@media (max-width: 575px) { 
  .home-get-started { padding: 20px; }
  .home-get-started .home-get-started-left{ padding: 0 0px 20px 0; } 
}


/* ======================================================================================== 
Industries Page CSS 
=========================================================================================== */
/* ind-banner — Cinematic Hero */ 
section.ind-banner { position: relative; padding: 0; }
 
section.ind-banner .ind-banner-img-wrap { position: relative; overflow: hidden; }
/* section.ind-banner .ind-banner-img-wrap:after{ content: ""; position: absolute; inset: 0;background: linear-gradient(180deg, rgba(4, 12, 24, 0.55) 0%, rgba(4, 12, 24, 0.75) 60%, rgba(4, 12, 24, 0.92) 100%); z-index: 1; } */
section.ind-banner .ind-banner-img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transform: scale(1.04); transition: transform 10s ease; }
section.ind-banner:hover .ind-banner-img { transform: scale(1.08); }

/* section.ind-banner .ind-banner-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,12,24,0.55) 0%, rgba(4,12,24,0.75) 60%, rgba(4,12,24,0.92) 100%); z-index: 1; } */
section.ind-banner .ind-banner-inner { position: absolute; z-index: 2;  bottom: 0; left: 0; right: 0;    padding-bottom: 100px; }
section.ind-banner .ind-banner-inner::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(181deg, rgb(255 255 255 / -45%) 7%, rgb(255 255 255) 40%); }
 
section.ind-banner .ind-banner-badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); backdrop-filter: blur(12px); color: rgba(255,255,255,0.9); font-size: 0.7rem; text-transform: uppercase; padding: 8px 20px; border-radius: 100px; margin-bottom: 28px; }
section.ind-banner .ind-banner-badge .badge-dot { width: 8px; height: 8px; background: #00d084; border-radius: 50%; box-shadow: 0 0 0 3px rgba(0,208,132,0.25); animation: pulseDot 2s ease-in-out infinite; }
@keyframes pulseDot { 0%,100%{ box-shadow: 0 0 0 3px rgba(0,208,132,0.25); } 50%{ box-shadow: 0 0 0 7px rgba(0,208,132,0.1); } }

section.ind-banner .page-title { position: relative; z-index: 99; padding-bottom: 20px; } 
 
/* Half-cut glass card — overlaps into the next section */
section.ind-banner .ind-banner-card-outer { position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; transform: translateY(50%); }
section.ind-banner .ind-banner-card { background: #fff; padding: 20px 40px;    box-shadow: 0 0px 3px rgba(0,0,0,0.15); }

 

@media (max-width: 991px) {
    section.ind-banner {  padding: 76px 0 30px;  }
    section.ind-banner .ind-banner-img-wrap:after{ display: none; }
    section.ind-banner .ind-banner-badge { color: #444; background: #dfdfdf; font-weight: 600;  }   
    section.ind-banner .ind-banner-img-wrap { position: unset;}
 
    /* section.ind-banner .page-title, 
    section.ind-banner .page-title h1 { color: inherit; } */
    section.ind-banner .ind-banner-inner {   position: unset; }
    section.ind-banner .ind-banner-card-outer {  transform: none; position: unset; }
    section.ind-banner .ind-banner-card { flex-direction: column; padding: 30px; gap: 24px; border-radius: 24px; }    
}
@media (max-width: 575px) {
    section.ind-banner .ind-banner-inner { padding-top: 30px; padding-bottom: 30px; }
    section.ind-banner .ind-banner-card { padding: 24px 20px; }
    section.ind-banner .ind-banner-inner::before { display: none; }
    section.ind-banner .page-title { padding: 20px 0; }
}

/* Make room in the next section for the overlapping card */
section.industry-solutions { padding-top: 180px; background: #fff; position: relative; z-index: 1; }

/* industry-solutions */
section.industry-solutions::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at top, rgba(0, 154, 241, 0.05) 0%, transparent 70%); z-index:-1; pointer-events:none; }

section.industry-solutions .robot-icon { margin: 60px 0 40px; }
section.industry-solutions .robot-icon ul { display: flex; gap: 24px; overflow-x: auto; justify-content: center; flex-wrap: nowrap; padding: 0; list-style: none; }
section.industry-solutions .robot-icon ul li { display: flex; flex: 0 0 auto; }
section.industry-solutions .robot-icon ul li button { color: #111;  display: flex; align-items: center; gap: 16px; border-radius: 12px; padding: 8px 32px 8px 8px; background: #ffffff; border: 1px solid rgba(0,0,0,0.04);  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.03), 0 8px 10px -6px rgba(0,0,0,0.01); }
section.industry-solutions .robot-icon ul li button img { width: 52px; height: 52px; border-radius: 6px; object-fit: cover; transition: transform 0.5s ease; border: 2px solid transparent; }
section.industry-solutions .robot-icon ul li button:hover { background: #fafafa; color: #111; transform: translateY(-4px); box-shadow: 0 20px 30px -10px rgba(0,0,0,0.05); }
section.industry-solutions .robot-icon ul li button.active { background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%); border-color: rgba(0, 154, 241, 0.2); color: #009AF1; box-shadow: 0 3px 0px 0px rgba(0, 154, 241, 0.15); }
section.industry-solutions .robot-icon ul li button.active img { border-color: #009AF1; transform: scale(1.08); box-shadow: 0 4px 15px rgba(0, 154, 241, 0.2); }

/* VS Badge */
.vs-badge { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(255,255,255,0.9); border: 1px solid rgba(0,0,0,0.04); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 900; font-style: italic; color: #111; z-index: 10; box-shadow: 0 20px 40px rgba(0,0,0,0.08), inset 0 0 0 4px #fdfdfd; backdrop-filter: blur(12px); letter-spacing: 1px; transition: transform 0.3s ease; }
.vs-badge:hover { transform: translate(-50%, -50%) scale(1.05); }
.vs-badge::before { content:''; position:absolute; inset:-12px; border-radius:50%; border: 2px dashed rgba(0,0,0,0.08); animation: spinCursor 15s linear infinite; }

/* Content Boxes (Bento Style) */
section.industry-solutions .robot-box { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.03); box-shadow: 0 20px 40px -10px rgba(0,0,0,0.03), 0 1px 3px rgba(0,0,0,0.02); padding: 0; position: relative; overflow: hidden; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; flex-direction: column; }
section.industry-solutions .robot-box:hover { box-shadow: 0 30px 60px -15px rgba(0,0,0,0.06), 0 10px 20px -5px rgba(0,0,0,0.02); }

/* Before Box Specifics */
section.industry-solutions .before-box { border-top: 4px solid #ff4d4d; }
section.industry-solutions .before-box::after { content:''; position:absolute; top:0; right:-100px; width:300px; height:300px; background:radial-gradient(circle, rgba(255, 77, 77, 0.04) 0%, transparent 70%); border-radius:50%; filter: blur(30px); pointer-events: none; }

/* After Box Specifics */
section.industry-solutions .after-box { border-top: 4px solid #00db5f; }
section.industry-solutions .after-box::after { content:''; position:absolute; top:0; left:-100px; width:350px; height:350px; background:radial-gradient(circle, rgba(0, 219, 95, 0.04) 0%, transparent 70%); border-radius:50%; filter: blur(40px); pointer-events: none; }

section.industry-solutions .robot-box .image { width: 100%; position: relative; border-bottom: 1px solid rgba(0,0,0,0.02); overflow: hidden; }
section.industry-solutions .robot-box .image img { width: 100%; object-fit: cover; display: block; transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }
section.industry-solutions .robot-box:hover .image img { transform: scale(1.06); } 
section.industry-solutions .robot-box .details { padding: 40px; display: flex; flex-direction: column; flex-grow: 1; z-index: 2; position: relative; }
section.industry-solutions .robot-box .head { display: flex; align-items: center; padding: 0 0 24px 0; border-bottom: 1px solid rgba(0,0,0,0.04); margin-bottom: 28px; }
section.industry-solutions .robot-box .icon { margin: 0 24px 0 0;  min-width: 45px; display: flex; align-items: center; justify-content: center; background: #ffffff;    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
section.industry-solutions .robot-box .icon img { border-radius: 12px; width: 100%; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.06)); }
section.industry-solutions .robot-box h3 {   margin: 0;  color: #0a0a0a; }
section.industry-solutions .before-box h3 { }
 

section.industry-solutions .listing { margin: 0; padding: 0; }
section.industry-solutions .listing li { list-style: none; position: relative;   padding: 14px 0 14px 44px;  border-bottom: 1px solid rgba(0,0,0,0.03); transition: all 0.3s ease; }
section.industry-solutions .listing li:last-child { border-bottom: none; padding-bottom: 0; }
section.industry-solutions .listing li:hover { color: #111; padding-left: 48px; }
section.industry-solutions .listing li::before { content: ""; position: absolute; left: 0; top: 16px; width: 24px; height: 24px; background: url(../images/industries/traditional-methods-list.svg) center/contain no-repeat; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
section.industry-solutions .listing li:hover::before { transform: scale(1.15) translateX(2px); }
section.industry-solutions .after-box .listing li::before { background: url(../images/industries/with-medigo-list.svg) center/contain no-repeat; }

@media (max-width: 991px) {
    section.industry-solutions { padding-top: 20px;}
    section.industry-solutions .robot-box .details { padding: 30px 20px; } 
    section.industry-solutions .robot-box .head { margin-bottom: 14px; padding: 0 0 14px 0; }
    section.industry-solutions .robot-box .icon img { border-radius: 6px;}
    section.industry-solutions .robot-icon ul { justify-content: start;}
    .vs-badge { top: 35%; width: 60px; height: 60px; font-size: 18px; }
}

/* =========================== 
Build Zone CSS 
============================== */
section.build-zone {  padding-bottom: 100px; overflow: hidden; }
section.build-zone .top-bar { display: flex; justify-content: space-between; align-items: center; gap: 60px; margin-bottom: 70px; } 
section.build-zone .top_bar_left { flex: 1; } 
section.build-zone .top_bar_desc { flex: 0 0 45%; line-height: 1.7; border-left: 3px solid #009AF1; padding-left: 24px; margin: 0; }

/* Zone Slider Setup & Same Height Fix */
section.build-zone .zone-slider { margin: 0 -15px; position: relative; }
section.build-zone .zone-slider .slick-track { display: flex !important; }
section.build-zone .zone-slider .slick-slide { height: auto !important; display: flex !important; }
section.build-zone .zone-slider .slick-slide > div { display: flex !important; width: 100%; }
section.build-zone .zone-slider .items { padding: 20px 15px; outline: none; display: flex; width: 100%; }
section.build-zone .slide-arrow{ bottom: -50px; }

/* Zone Box (Bento Card) */
section.build-zone .zone-box { position: relative; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.04); box-shadow: 0 10px 30px rgba(0,0,0,0.03);   padding: 20px; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);  height: 100%; display: flex; flex-direction: column; }
section.build-zone .zone-box .link{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; }
section.build-zone .zone-box:hover {  border-color: rgba(0, 154, 241, 0.15); }
section.build-zone .zone-box .image { width: 100%; border-radius: 20px; overflow: hidden; position: relative; margin-bottom: 24px; background: #f8f9fa; aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center; }
section.build-zone .zone-box .image img {  transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }
section.build-zone .zone-box:hover .image img { transform: scale(1.08); }
section.build-zone .zone-box .content { padding: 0 10px 10px; flex-grow: 1; display: flex; flex-direction: column; }
section.build-zone .zone-box .content h3 { font-size: 1.5rem;  color: #009AF1; margin-bottom: 12px; transition: color 0.3s ease; }
section.build-zone .zone-box:hover .content h3 { color: #009AF1; } 
 
/* Responsive */
@media (max-width: 991px) {
    section.build-zone .top-bar { flex-direction: column; gap: 24px; align-items: flex-start; }
    section.build-zone .top_bar_desc { border-left: none; border-top: 3px solid #009AF1; padding-left: 0; padding-top: 16px; }
 
}

/*=========================== 
  Industries Auto Robots
=========================*/
section.ind-auto-Robots { border-radius: 40px 40px 0 0; background: #fff; }
 
/* Image Wrapper */
section.ind-auto-Robots .image-wrapper { position: relative; padding-left: 40px; padding-bottom: 40px; }
section.ind-auto-Robots .image-wrapper .bg-pattern { position: absolute; top: -30px; right: -30px; width: 80%; height: 80%; background: radial-gradient(#009AF1 2px, transparent 2px); background-size: 24px 24px; opacity: 0.15; z-index: 0; border-radius: 20px; }
section.ind-auto-Robots .image-wrapper .main-img { width: 100%; position: relative; z-index: 1;  }

/* Floating Card Widget */
section.ind-auto-Robots .floating-card { position: absolute; left: 0; bottom: 0; background: #fff; padding: 10px 24px;  box-shadow: 0 0px 10px rgba(0,0,0,0.15); z-index: 2; display: flex; align-items: center; gap: 20px; animation: floatY 6s ease-in-out infinite; border: 1px solid rgba(0,0,0,0.04); }
section.ind-auto-Robots .pulse-ring { width: 14px; height: 14px; background: #00c950; border-radius: 50%; position: relative; box-shadow: 0 0 10px rgba(0,201,80,0.4); }
section.ind-auto-Robots .pulse-ring::before { content: ''; position: absolute; inset: -8px; border: 2px solid #00c950; border-radius: 50%; animation: pulseRing 2s cubic-bezier(0.2, 0.8, 0.2, 1) infinite; }
section.ind-auto-Robots .card-content { display: flex; flex-direction: column; }
section.ind-auto-Robots .card-content .num { font-size: 1.4rem; font-weight: 600; color: #111; line-height: 1; margin-bottom: 4px;  }
section.ind-auto-Robots .card-content .text { font-size: 0.7em;  text-transform: uppercase; font-weight: 500; }
section.ind-auto-Robots .slide-arrow { bottom: -70px; }

/* Animations */
@keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
@keyframes pulseRing { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }

/* Responsive */
@media (max-width: 991px) {
    section.ind-auto-Robots .image-wrapper { padding-left: 0; padding-bottom: 80px; margin-top: 40px; }
    section.ind-auto-Robots .floating-card { display: none; }
    section.ind-auto-Robots .image-wrapper .bg-pattern { right: 0px; }
}


/* =========================== 
   Why Choose Kody Robots
========================= */
section.ind-why-choose { position: relative; z-index: 1; overflow: hidden; }
section.ind-why-choose::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:radial-gradient(circle at center, rgba(0, 154, 241, 0.03) 0%, transparent 60%); z-index:-1; pointer-events:none; }
section.ind-why-choose .section-title { margin-bottom: 40px; }
section.ind-why-choose .chooes-box { display: flex; align-items: flex-start; gap: 28px; background: #fff; padding: 40px; border-radius: 24px; border: 1px solid rgba(0,0,0,0.03); box-shadow: 0 15px 40px rgba(0,0,0,0.02); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); height: calc(100% - 24px); margin-bottom: 24px; position: relative; z-index: 1; overflow: hidden; }
section.ind-why-choose .chooes-box::before { content: ''; position: absolute; left: 0px; top: 0%; height: 100%; width: 4px; background: #009AF1; transform: scaleY(0); transform-origin: center; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; }
section.ind-why-choose .chooes-box:hover { box-shadow: 0 25px 60px rgba(0,0,0,0.06); border-color: rgba(0, 154, 241, 0.1); }
section.ind-why-choose .chooes-box:hover::before { transform: scaleY(1); opacity: 1; }
section.ind-why-choose .chooes-box .img { width: 120px; min-width: 120px; height: 120px; background: #ffffff;   display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(0,0,0,0.04); border: 1px solid rgba(0, 0, 0, 0.04); padding: 10px; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; }
section.ind-why-choose .chooes-box .img::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at center, rgba(0,154,241,0.1), transparent); opacity:0; transition: opacity 0.4s ease; }
section.ind-why-choose .chooes-box:hover .img {   box-shadow: 0 0px 10px rgba(0, 154, 241, 0.15); border-color: rgba(0, 154, 241, 0.3); }
section.ind-why-choose .chooes-box:hover .img::after { opacity: 1; }
section.ind-why-choose .chooes-box .img img { width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 2; transition: transform 0.4s ease; }
section.ind-why-choose .chooes-box:hover .img img { transform: scale(1.1); }
section.ind-why-choose .chooes-box .content { flex: 1; }
section.ind-why-choose .chooes-box .content h3 { font-size: 1.5rem; color: #111; margin-bottom: 14px; transition: color 0.3s ease;  }
section.ind-why-choose .chooes-box:hover .content h3 { color: #009AF1; }
section.ind-why-choose .chooes-box .content p {  margin: 0; }

@media (max-width: 991px) { 
    section.ind-why-choose .chooes-box { flex-direction: column; padding: 20px; gap: 20px; }
}


/* =============================
Operate — Cinematic Full-Bleed
==================================*/
section.discover-magic { position: relative; padding: 0; overflow: hidden; }
section.discover-magic .content-box { position: absolute; top: 20%; padding: 0 20px; max-width: 600px; width: 100%; }
section.discover-magic .big-img img{ width: 100%; }

/* Responsive */
@media (max-width: 768px) {  
  section.discover-magic { padding-top: 160px; background: #fff; }
  section.discover-magic .content-box {  top: 20px; }
}