@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
       
       
       :root {
            --primary-blue: #d8b375 ;
            /* --sand-beige: #EFE6DA ; */
            --sand-beige: #f7ede2 ;
            --cool-charcoal: #4D4D4D;
            --cloud-white: #fff6ef;
            --slate-grey: #9DA3A6;
            --success-green: #4CAF50;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            /* font: normal 14px/24px GothamBook; */
            /* font-family: GothamBook;  */
           font-family: "Lato", sans-serif;
            line-height: 1.6;
            color: var(--cool-charcoal);
            /* background-color: var(--cloud-white); */
        }

        

        /* Header - Exact match to PDF */

        header {
               position: relative;
    top: 0;
    background: transparent;
    z-index: 1000;
    border-bottom: none;
    padding: 10px 0px;
    width: 100%;
        }
        .header nav{
            padding: 0px 10px;
        }
        .nav-links_phone{
            list-style: none;
            padding-left: 0px;
        }
        .nav-links_phone li{
            margin-bottom: 10px;
        }
        .nav-links_phone li a{
            text-decoration: none;
            font-size: 18px;
            color: var(--primary-blue);

        } 

       header nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 10px;
        }

        .logo {
            display: flex;
            align-items: center;
            font-size: 18px;
            font-weight: 700;
            color: var(--primary-blue);
            letter-spacing: 2px;
        }
        .logo img{
            width: 320px;
            cursor: pointer;
            /* mix-blend-mode: darken; */
        }
        

        .nav-links {
            display: flex;
            list-style: none;
            gap: 10px;
            margin-bottom: 0px;
        }

        .nav-links a.active{
 background: #003865;
 color: white !important;
        }
        .nav-links a {
            text-decoration: none;
            color: black;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: color 0.3s;
                padding: 6px 12px;
   border-radius: 4px;
        }

        .nav-links a:hover,
        .nav-links a.active { 
             background:#d8b375;
 color: white !important;
        }

        .cta-button {
            background: #d8b375;
            color: white;
            padding: 12px 16px;
            border: none;
            border-radius: 2px;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 14px;
            cursor: pointer;
            text-decoration: none;
            transition: background 0.3s;
            letter-spacing: 0.5px;
        }

        .cta-button:hover {
            background: #d1a36fb3;
            color: white;
        }
        .cta-buttonn {
            margin-top: 20px;
            background: #d8b375;
            color: white;
            padding: 12px 16px;
            border: none;
            border-radius: 6px;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 14px;
            cursor: pointer;
            text-decoration: none;
            transition: background 0.3s;
            letter-spacing: 0.5px;
        }

        .cta-buttonn:hover {
            background: #002852;
            color: white;
        }


        /* Page System */
        /* .page {
            display: none;
        }

        .page.active {
            display: block;
        } */

        /* Homepage Hero - Exact match to PDF */
        .hero { 
             /* background: linear-gradient(rgb(0 0 0 / 34%), rgb(40 40 41 / 0%)), url(image/image3.png); */
     /* background-size: cover;
    background-position: center;
    background-attachment: fixed; */
    display: flex
;
    align-items: center;
    color: white;
             



            padding: 80px 0 100px;
            text-align: left;
        }

        .hero h1 {
            
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 40px;
            line-height: 1.1;
            max-width: 800px;
            
        }
        .hero .container h6{
            font-weight: 700;
        }
        .hero p{
             max-width: 800px;
             font-size: 17px;
        }
        .hero-buttons {
            display: flex;
            gap: 20px;
            margin-top: 40px;
        }

        .btn-primary {
            background: var(--primary-blue);
            color: white;
            padding: 16px 24px;
            border: none;
            border-radius: 6px;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 14px;
            cursor: pointer;
            text-decoration: none;
            transition: background 0.3s;
            letter-spacing: 0.5px;
        }

        .btn-secondary {
            background: var(--sand-beige);
            color: var(--primary-blue);
            border: 2px solid var(--sand-beige);
            padding: 12px 24px;
            border-radius: 6px;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 14px;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.3s;
            letter-spacing: 0.5px;
        }

        .btn-secondary:hover {
            background: transparent;
            color: white;
            border: 2px solid white;
        }



 
        .service-icon {
        margin: unset;
    } 
     .about-hero-section .about-intro .tagline {
    display: inline-block;
    background-color: #d8b375;
    color: #fff;
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 20px;
    margin-bottom: 15px;
}
.about-hero-section .about-intro .div-ai_lefy .main-ai_title {
    font-size: 2.2rem;
    line-height: normal;
    font-weight: 700;
    color: black;
}
.about-hero-section .about-intro .div-ai_lefy .main-ai_title span {
    color: #d8b375; 
} 
.about-hero-section .about-intro .description {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
    color: #555;
}
        .about-hero-section {
            background:  white;
            color: #fff;
            padding: 40px 0 60px 0;
            position: relative;
            overflow: hidden;
        }
        
        .about-hero-section .container { position: relative; z-index: 2; }
        .about-hero-section h1 {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 18px;
            line-height: 1.1;
        }
        .about-hero-section .highlight {
            color: #f7b731;
            background: rgba(255,255,255,0.08);
            border-radius: 8px;
            padding: 0 8px;
        }
        .about-hero-section .subtitle {
            font-size: 1.3rem;
            color: #fff6ef;
            margin-bottom: 24px;
        }
        .about-hero-section .hero-img { 
            box-shadow: 0 8px 32px rgba(10,29,55,0.18);
            height: 400px;
            width: 100%;
            object-fit: cover; 
             /* clip-path: polygon(0% 4.541%, 0% 4.541%, 0.044% 3.837%, 0.17% 3.17%, 0.372% 2.547%, 0.643% 1.979%, 0.976% 1.473%, 1.365% 1.04%, 1.801% 0.687%, 2.28% 0.424%, 2.793% 0.259%, 3.333% 0.203%, 79.667% 0.203%, 79.667% 0.203%, 79.991% 0.237%, 80.299% 0.335%, 80.586% 0.493%, 80.848% 0.705%, 81.081% 0.965%, 81.281% 1.268%, 81.443% 1.609%, 81.565% 1.983%, 81.64% 2.383%, 81.667% 2.805%, 81.667% 2.805%, 81.693% 3.228%, 81.769% 3.628%, 81.89% 4.002%, 82.053% 4.343%, 82.252% 4.646%, 82.485% 4.906%, 82.748% 5.118%, 83.034% 5.276%, 83.342% 5.374%, 83.667% 5.408%, 96.667% 5.408%, 96.667% 5.408%, 97.207% 5.465%, 97.72% 5.63%, 98.199% 5.893%, 98.635% 6.245%, 99.024% 6.679%, 99.357% 7.185%, 99.628% 7.753%, 99.83% 8.375%, 99.956% 9.043%, 100% 9.747%, 100% 73.521%, 100% 73.521%, 99.974% 73.944%, 99.898% 74.344%, 99.777% 74.718%, 99.614% 75.059%, 99.414% 75.362%, 99.181% 75.622%, 98.919% 75.834%, 98.632% 75.992%, 98.324% 76.09%, 98% 76.125%, 98% 76.125%, 97.676% 76.159%, 97.368% 76.257%, 97.081% 76.415%, 96.819% 76.627%, 96.586% 76.887%, 96.386% 77.19%, 96.223% 77.531%, 96.102% 77.905%, 96.026% 78.305%, 96% 78.728%, 96% 95.647%, 96% 95.647%, 95.956% 96.351%, 95.83% 97.018%, 95.628% 97.641%, 95.357% 98.209%, 95.024% 98.715%, 94.635% 99.149%, 94.199% 99.501%, 93.72% 99.764%, 93.207% 99.929%, 92.667% 99.986%, 12.667% 99.986%, 12.667% 99.986%, 12.342% 99.952%, 12.035% 99.853%, 11.748% 99.695%, 11.485% 99.483%, 11.252% 99.223%, 11.053% 98.92%, 10.89% 98.579%, 10.769% 98.205%, 10.693% 97.805%, 10.667% 97.383%, 10.667% 97.383%, 10.64% 96.96%, 10.565% 96.56%, 10.443% 96.186%, 10.281% 95.845%, 10.081% 95.542%, 9.848% 95.282%, 9.586% 95.07%, 9.299% 94.912%, 8.991% 94.814%, 8.667% 94.78%, 3.333% 94.78%, 3.333% 94.78%, 2.793% 94.723%, 2.28% 94.558%, 1.801% 94.295%, 1.365% 93.943%, 0.976% 93.509%, 0.643% 93.003%, 0.372% 92.435%, 0.17% 91.812%, 0.044% 91.145%, 0% 90.441%, 0% 73.738%, 0% 73.738%, 0.026% 73.316%, 0.102% 72.916%, 0.223% 72.542%, 0.386% 72.201%, 0.586% 71.898%, 0.819% 71.638%, 1.081% 71.426%, 1.368% 71.268%, 1.676% 71.169%, 2% 71.135%, 2% 71.135%, 2.324% 71.101%, 2.632% 71.003%, 2.919% 70.845%, 3.181% 70.633%, 3.414% 70.373%, 3.614% 70.07%, 3.777% 69.729%, 3.898% 69.355%, 3.974% 68.955%, 4% 68.532%, 4% 50.311%, 4% 50.311%, 3.974% 49.889%, 3.898% 49.488%, 3.777% 49.115%, 3.614% 48.774%, 3.414% 48.47%, 3.181% 48.21%, 2.919% 47.999%, 2.632% 47.841%, 2.324% 47.742%, 2% 47.708%, 2% 47.708%, 1.676% 47.674%, 1.368% 47.575%, 1.081% 47.417%, 0.819% 47.206%, 0.586% 46.946%, 0.386% 46.642%, 0.223% 46.301%, 0.102% 45.928%, 0.026% 45.527%, 0% 45.105%, 0% 4.541%); */
    position: relative;
    border-radius: 4px;
        }
        .svg-divider {
            display: block;
            width: 100%;
            height: 60px;
            margin-bottom: -1px;
        }
        .about-vision-mission {
            background: #fff6ef;
            padding: 64px 0 32px 0;
            position: relative;
        }
        .about-vision-mission .card {
            border: none;
            border-radius: 18px;
            box-shadow: 0 4px 24px #cda27422;
            padding: 32px 24px;
            margin-bottom: 24px;
            background: #fff;
            transition: transform 0.3s, box-shadow 0.3s;
            opacity: 0;
            transform: translateY(40px);
        }
        .about-vision-mission .card.visible {
            opacity: 1;
            transform: none;
            transition: opacity 0.7s, transform 0.7s;
        }
        .about-vision-mission .icon {
            font-size: 2.5rem;
            margin-bottom: 12px;
        }
        .about-keystats-video {
            background: linear-gradient(120deg, #fff 60%, #f7b73122 100%);
            padding: 64px 0 32px 0;
        }
        .keystat-card {
            background: rgba(255,255,255,0.7);
            border-radius: 18px;
            /* box-shadow: 0 2px 12px #cda27422; */
            padding: 32px 24px;
            text-align: center;
            margin-bottom: 18px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .keystat-card .icon {
            font-size: 2.2rem;
            color: #cda274;
            margin-bottom: 10px;
        }
        .keystat-card .stat-number {
            font-size: 2.1rem;
            font-weight: 800;
            color: #0a1d37;
        }
        .keystat-card .stat-label {
            font-size: 1.1rem;
            color: #444;
        }
        .glass-card {
            background: rgba(255,255,255,0.55);
            border-radius: 18px;
            box-shadow: 0 4px 24px #cda27422;
            padding: 32px 24px;
            backdrop-filter: blur(6px);
        }
        .video-glass {
            position: relative;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 4px 24px #cda27422;
        }
        .video-glass .play-btn {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(205,162,116,0.85);
            color: #fff;
            border-radius: 50%;
            width: 64px; height: 64px;
            display: flex; align-items: center; justify-content: center;
            font-size: 2rem;
            cursor: pointer;
            box-shadow: 0 2px 12px #cda27455;
            transition: background 0.2s;
        }
        .video-glass .play-btn:hover {
            background: #f7b731;
        }
        @media (max-width: 991px) {
            .about-hero-section h1 { font-size: 2rem; }
            .about-hero-section { padding: 20px 0 30px 0; }
        } 
        /* Projects Hover Section Styles */
        .project-hover-section{
            padding: 120px 0px;
        }
        .project-hover-section .project-hover-card {
            overflow: hidden;
            border-radius: 8px;
            position: relative;
            cursor: pointer;
        }
        .project-hover-section .project-hover-card:hover img{
            transform: scale(1.2);
        }
        .project-hover-section .project-hover-card img {
            border-radius: 8px;
            width: 100%;
            height: 320px;
            object-fit: cover;
            display: block;
            transition: .6s linear;
        }
        .project-hover-section .project-hover-overlay {
            position: absolute;
            top: 10px; left: 10px; right: 10px; bottom: 10px;
            /* width: 100%; height: 100%; */
            background: rgba(34,34,34,0.85);
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 32px 24px;
            opacity: 0;
            transition: opacity 0.3s;
            border-radius: 8px;
            pointer-events: none;
        }
        .project-hover-section .project-hover-card:hover .project-hover-overlay {
            opacity: 1 !important;
            pointer-events: auto;
        }
        .project-hover-section .project-hover-overlay h4 {
            font-weight: 700;
            margin-bottom: 10px;
        }
        .project-hover-section .project-hover-overlay p {
            font-size: 1rem;
            color: #fff;
            margin-bottom: 18px;
        }
        .project-hover-section .project-hover-overlay a {
            color: #fff;
            font-weight: 600;
            text-decoration: underline;
        }
        @media (max-width: 991px) {
            .project-hover-section .project-hover-card img {
                height: 220px;
            }
        }
        @media (max-width: 767px) {
            .project-hover-section .project-hover-card img {
                height: 160px;
            }
            .project-hover-section .project-hover-overlay {
                padding: 16px 10px;
            }
        }








         .hero-section { 
  padding: 50px 30px;
     color: #fff;
    /* position: relative; */
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-10%, -50%);
}

.hero-section .div-style_3{
      border-left: 2px solid #d8b375;
    padding-left: 20px;
}
.hero-section::before { 
  filter: blur(20px);
  z-index: -1;
}
.hero-section .hero-container { 
  max-width: 650px;
  position: relative;
  z-index: 1;
  /* background-color: rgba(0, 0, 0, 0.275);  */
  background-color: rgba(0, 0, 0, 0.18); 
  padding: 30px;
  border-radius: 12px;
}

.hero-section .subheading {
  color: #d8b375;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.hero-section .hero-title {
  font-size: 38px;
  font-weight: 300;
  line-height: 1.3;
}

.hero-section .highlight {
  font-weight: 700;
  display: inline-block;
}

.hero-section .home-color {
  color: #d8b375;
}

.hero-section .hero-desc {
  font-size: 16px;
    margin: 20px 0 30px;
    line-height: 1.6;
    color: #fff;
}

.hero-section .hero-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}

.hero-section .btn-outline a {
  text-decoration: none;
  color: #d8b375;
  border: 1px solid #d8b375;
  padding: 10px 18px;
  display: inline-block;
  transition: 0.3s ease;
  font-size: 14px;
}

.hero-section .btn-outline a:hover {
  background-color: #d8b375;
  color: #111;
}

.hero-section .hero-call {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}

.hero-section .phone-icon {
  font-size: 16px;
  color: #d8b375;
}
        .hero {
                position: relative;
    /* min-height: 480px; */
    min-height: 100vh;
    display: flex
;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* background: #222; */

        }
        .hero-swiper-bg {
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            width: 100%; height: 100%;
            z-index: 1;
        }
        .hero-swiper-bg .swiper-slide {
            width: 100%; height: 100%;
        }
        .hero-swiper-bg .swiper-slide img {
            width: 100%; height: 100%; object-fit: cover;
            /* transition: transform 6s cubic-bezier(.77,0,.18,1); */
        }
         
        .hero-bg-overlay {
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            width: 100%; height: 100%; 
            background: linear-gradient(180deg, #0000005c 20.45%, rgba(0, 0, 0, 0) 60%);
            z-index: 2;
        }
        .hero .container {
            position: relative;
            z-index: 3;
        }
        .hero h1, .hero p, .hero .hero-buttons {
            color: #fff;
        }.hero-buttons .themetechmount-serviceboxbox-readmore:hover a{
            background: #d8b375;
        }
        .hero-buttons .themetechmount-serviceboxbox-readmore a {
            border: 1px solid #ffffff;
        }
        .hero h1 {
             font-size: 3rem;
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 18px;
            text-shadow: 0 4px 24px rgba(0,0,0,0.18);
        }
         
        .hero .hero-buttons a:hover{
            background: transparent;
        }
        .hero .hero-buttons a {
            margin-right: 16px;
            color: white;
            background: #d8b375;
        }
        @media (max-width: 767px) {
            .hero h1 { font-size: 2rem; }
            .hero { 
                /* min-height: 320px;  */
                min-height: 95vh; 
            }
            .hero-section{
                    padding: 100px 0px;
            }
        }

 
        .about-inoterior-content .about-inoterior-subtitle{
            color: #cda274;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    padding-left: 47px;
        }
        .about-inoterior-content .about-inoterior-subtitle::before{
  display: block;
    content: "";
    position: absolute;
    width: 36px;
    height: 1.5px;
    left: 0;
    background-color: #cda274;
    top: 50%;
}
        /* .about-inoterior-content .about-inoterior-title{
            font-weight: 700;
    font-size: 1.8rem;
    margin: 10px 0 18px 0;
        }
        .about-inoterior-content p{
            font-size: 14px;
            margin-bottom: 5px;
        } */
        
        .key-stats-section {
            background: #fff6ef;
            padding: 64px 0 48px 0;
        }
        .key-stats-title {
            text-align: center;
            
            font-size: 2.1rem;
            font-weight: 700;
            color: #0a1d37;
            margin-bottom: 40px;
        }
        .key-stats-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 32px 24px;
            justify-content: center;
        }
        .key-stat-card {
            background: #fff;
            border-radius: 14px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
            padding: 32px 24px 24px 24px;
            flex: 1 1 220px;
            max-width: 320px;
            min-width: 220px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .key-stat-card:hover {
            transform: translateY(-8px) scale(1.045);
            box-shadow: 0 8px 32px rgba(10,29,55,0.13);
        }
        .key-stat-icon {
            font-size: 2.6rem;
            color: #cda274;
            margin-bottom: 18px;
            transition: color 0.3s, transform 0.3s;
        }
        .key-stat-card:hover .key-stat-icon {
            color: #f7b731;
            transform: scale(1.18) rotate(-8deg);
        }
        .key-stat-number {
            font-size: 2.2rem;
            font-weight: 800;
            color: #0a1d37;
            margin-bottom: 8px;
            letter-spacing: 1px;
        }
        .key-stat-headline {
            font-size: 1.18rem;
            font-weight: 700;
            color: #0a1d37;
            margin-bottom: 10px;
        }
        .key-stat-subtext {
            font-size: 1rem;
            color: #666;
        }
        @media (max-width: 991px) {
            .key-stats-grid { flex-direction: column; gap: 24px 0; align-items: center; }
            .key-stat-card { max-width: 100%; }
        }
        /* Trusted Global Partnerships Section */
        .partnerships-section {
            background: linear-gradient(135deg, #f7fafd 60%, #e9f7ef 100%);
            padding: 64px 0 48px 0;
            position: relative;
        }
        .partnerships-section .tittle-section_1{
            text-align: center;
        }
        .partnerships-section .tittle-section_1 p{
               width: fit-content;
                   margin: 0px auto 10px;
        }
        .partnerships-section .tittle-section_1 h2{
color: black;
                    font-size: 20px;
    line-height: 31px;
    max-width: 600px;
    margin: auto;
    font-weight: 500;
        }
        /* .partnerships-title {
            text-align: center;
            font-size: 2rem;
            font-weight: 700;
            color: #0a1d37;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
        }
        
        .partnerships-desc {
            text-align: center;
            color: #444;
            font-size: 1.08rem;
            margin-bottom: 40px;
        } */
        .partnerships-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 32px 24px;
            justify-content: center;
            margin-top: 50px;
        }
        .partnership-card {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
            padding: 32px 24px 24px 24px;
            flex: 1 ;
            max-width: 400px;
            min-width: 260px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
            position: relative;
        }
        .partnership-card:hover {
            transform: translateY(-8px) scale(1.045);
            box-shadow: 0 8px 32px rgba(10,29,55,0.13);
        }
        .partnership-logo {
            width: 110px;
            height: 35px;
            margin-bottom: 0px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.5s cubic-bezier(.77,0,.18,1);
        }
        .partnership-card:hover .partnership-logo {
            transform: scale(1.08) rotate(-3deg);
        }
        .partnership-badges {
            display: flex;
            gap: 10px;
            margin-bottom: 14px;
            justify-content: center;
        }
        .partnership-badge {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: #f7b73122;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            cursor: pointer;
            transition: box-shadow 0.2s;
        }
        .partnership-badge:hover {
            box-shadow: 0 2px 12px #cda27455;
        }
        .partnership-badge img {
            width: 22px;
            height: 22px;
        }
        .partnership-badge .badge-tooltip {
            visibility: hidden;
            opacity: 0;
            background: #222;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 4px 10px;
            position: absolute;
            z-index: 10;
            bottom: 120%;
            left: 50%;
            transform: translateX(-50%);
            font-size: 0.92rem;
            white-space: nowrap;
            transition: opacity 0.2s;
            pointer-events: none;
        }
        .partnership-badge:hover .badge-tooltip {
            visibility: visible;
            opacity: 1;
        }
        .partnership-headline {
            font-size: 1.13rem;
            font-weight: 700;
            color: #0a1d37;
            margin-bottom: 8px;
            display: none;
        }
        .partnership-subtext {
                font-size: 14px;
            color: #666;
            margin-bottom: 0;
        }
        .partnerships-learn-btn {
            display: flex;
            justify-content: center;
            margin-top: 36px;
        }
        .partnerships-learn-btn a {
            background: #cda274;
            color: #fff;
            font-weight: 600;
            border-radius: 24px;
            padding: 12px 32px;
            text-decoration: none;
            font-size: 1.08rem;
            box-shadow: 0 2px 12px #cda27433;
            transition: background 0.2s, color 0.2s, box-shadow 0.2s;
        }
        .partnerships-learn-btn a:hover {
            background: #f7b731;
            color: #0a1d37;
            box-shadow: 0 4px 24px #f7b73144;
        }
        @media (max-width: 991px) {
            .partnerships-grid { flex-direction: column; gap: 24px 0; align-items: center; }
            .partnership-card { max-width: 100%; }
        } 


        .contact-cta {
        padding: 0px 0 50px 0px;
    text-align: center;
    /* background-image: url(image/image6.png); */
    background: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;

}
 
.contact-cta .contact-ct1{
        padding: 10px 0px 20px 0px;
    border: 3px solid #d8b375;
    position: relative;
    background: #d8b375;
    max-width: 640px;
    margin: auto;
    border-radius: 5px;
}
.contact-cta h2 {
    
    font-size: 2.3rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
}
.contact-cta p {
    font-size: 18px;
    margin-bottom: 10px;
    color:#fff;
}
.contact-cta .btn-primary {
    background:#fff ;
    color: black;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.3s;
    letter-spacing: 0.5px;
}
.contact-cta .btn-primary:hover {
    color: #d8b375; 
    border-color: #d8b375;
}

        /* Who We Are Section - Exact match to PDF */
        .who-we-are {
            background: var(--sand-beige);
            padding: 72px 0;
        }

        .who-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .who-text h2 {
            
            font-size: 1.3rem;
            color: var(--primary-blue);
            margin-bottom: 8px;
            font-weight: 500;
        }

        .who-text h3 {
            
            font-size: 30px;
            margin-bottom: 10px;
            color:var(--primary-blue);
            line-height: 1.3;
            font-weight: 600;
            max-width: 600px;
        } 
        .about-inoterior-section{
            padding: 50px 0px 50px 0px;
        }
        .about-inoterior-section .about-inoterior-imgbox{
                border: 2px solid #e7e2dc;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    height: 500px;
        }
        .about-inoterior-section .about-inoterior-imgbox img{
                width: 100%;
    border-radius: 4px;
    transition: 2s linear;
    height: 100%;
    object-fit: cover;
        }
        .about-inoterior-section .about-inoterior-imgbox:hover img{
            transform: scale(1.1);
        }

        .who-text p {
                margin-bottom: 5px;
    line-height: 1.6;
    color: black;
    font-size: 15px;
        }

        .who-text a {
               color: black; 
        } 

        .who-image {
            background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
            height: 350px;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--slate-grey);
            font-size: 14px;
            position: relative;
            overflow: hidden;
        }
        .who-image img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

         

        /* What We Do Section - Exact match to PDF */
        .what-we-do {
            padding: 72px 0;
            background: #fff6ef;
        }

        .what-we-do h2 {
            
            font-size: 1.8rem;
            color: var(--primary-blue);
            margin-bottom: 48px;
            font-weight: 600;
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 40px;
        }

        .services-grid-bottom {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
            max-width: 75%;
            margin: 0 auto;
        }

        
        .service-card {
            text-align: center;
            padding: 20px;
            transition: .6s;
            /* border-radius: 10px; */
            cursor: pointer;
            /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
                /* border:1px solid var(--primary-blue); */
                    background: #f7ede2;
        }
        .service-card:hover{
                box-shadow: none;
                border:1px solid var(--primary-blue);
                /* background: var(--primary-blue); */
        }
        /* .service-card:hover h3{
            color: white;
        } */

        .service-icon {
            width: 60px;
            height: 60px;
            /* background: var(--primary-blue); */
            border-radius: 6px;
            margin: 0 auto 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 40px;
        }
        .service-icon i{
            color: #003865;
            font-size: 40px;
        }
        .service-icon img{
            width: 100%;
            height: 100%;
            object-fit: contain;
            mix-blend-mode: darken;
        }

        .service-card h3 {
            font-size: 16px;
            font-weight: 600;
            color: #003865;
            line-height: 1.3;
        }

        /* Featured Projects - Exact match to PDF */
        .featured-projects {
            background: var(--sand-beige);
            padding: 72px 0px 10px 0px;
        }

        .featured-projects h2 {
            
            font-size: 2.5rem;
            color: var(--primary-blue);
            margin-bottom: 42px;
            font-weight: 700;
        }

        .client-logos {
            display: flex;
            gap: 30px;
            margin-bottom: 48px;
            align-items: center;
        }

        .client-logo {
            font-size: 24px;
            font-weight: 700;
            color: var(--cool-charcoal);
        }
        .client-logo img{
            /* width: 60px; */
            width: 100px;
    height: 60px; 
    object-fit: contain;
        }
          /* Client Logos */
        .client-logopartners {
            /* background-color: var(--primary-blue); */
                padding: 72px 0;
                background: white;
        }
        
        .client-logopartners .client-logo {
            height: 60px;
            object-fit: contain;
            filter: grayscale(100%);
            opacity: 0.7;
            transition: all 0.3s ease;
        }
        .client-logopartners .flex_partner1{
            margin-top: 20px;
                /* display: flex
; */
    align-items: center;
    gap: 20px;
    /* flex-wrap: wrap; */
    display: grid
;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
        }
       
        .client-logopartners .partne_name{
                /* color: var(--primary-blue);
    background: white;
    padding: 7px 20px;
    border-radius: 20px;
    cursor: pointer; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    min-height: 90px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: .6s;
        }
         .client-logopartners .partne_name:hover{
                transform: translateY(-8px) scale(1.05);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-color: rgba(102, 126, 234, 0.3);
        }
                .client-logopartners .partne_name:hover{
                        transform: translateY(-10px);
                }
                .client-logopartners .partne_name img{
                    max-width: 140px;
    max-height: 60px;
    object-fit: contain;
    filter: grayscale(20%) opacity(0.8);
    transition: all 0.4s ease;
                }
                .client-logopartners .partne_name:hover img{
                        filter: grayscale(0%) opacity(1);
    transform: scale(1.1);
                }
        .client-logopartners .div-partner_logo{
            padding: 30px;
    /* border: 1px solid black; */
    border-radius: 30px;
    /* background: white; */
    /* box-shadow: 0px 10px 16px #dfdfdf; */
        }
        .client-logopartners .section-title{
            font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.5px; 
    color: #d8b375;
    padding-left: 47px;
    position: relative;
    margin-bottom: 30px;
        }
        
       .client-logopartners  .client-logo:hover {
            filter: grayscale(0%);
            opacity: 1;
        }

        .projects-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            cursor: pointer;
        }

        .project-card {
            background: white; 
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }

        .project-image {
            height: 130px;
            background: linear-gradient(135deg, #f5f5f5, #e5e5e5);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--slate-grey);
            font-size: 14px;
            position: relative;
        }
        .project-image img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
 

        .project-info {
            padding: 10px;
        }

        .project-info h4 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 4px;
            color: var(--cool-charcoal);
        }

        .project-info p {
            font-size: 13px;
            color: var(--slate-grey);
            margin-bottom: 0px;
        }

        /* Why Choose Marvel - Exact match to PDF */
        .why-choose {
            /* background: var(--primary-blue); */
            /* color: white; */
            padding:20px 0px 72px 0;
        }

        .why-choose h2 {
            text-align: center;
            font-size: 1.8rem;
            margin-bottom: 48px;
            color: var(--primary-blue);
            font-weight: 600;
        }

         /* Why Choose Marvel Card Hover Effects */
         .why-choose .feature-item {
            background: var(--primary-blue);
            border-radius: 14px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
            padding: 32px 18px 24px 18px;
            margin-bottom: 1px;
            transition: transform 0.35s cubic-bezier(.77,0,.18,1), box-shadow 0.35s cubic-bezier(.77,0,.18,1);
            cursor: pointer;
            position: relative;
            z-index: 1;
            transition: .6s linear;
        }
        .why-choose .feature-item:hover {
            transform: translateY(-8px) scale(1.045);
            box-shadow: 0 8px 32px rgba(10,29,55,0.13);
        }
        .why-choose .feature-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 18px;
            transition: transform 0.35s, filter 0.35s;
        }
        
        .why-choose .feature-icon img {
            width: 56px;
            height: 56px; 
        }
        

        .features-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .feature-item {
            /* display: flex; */
            align-items: center;
            gap: 20px;
            cursor: pointer;
            transition: .6s;
        }
     

        .feature-icon {
            /* width: 50px;
            height: 50px;
            background:white; */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 25px;
             color: white;
            flex-shrink: 0;
            margin-bottom: 10px;
        }
        .feature-icon img{
            width: 60px;
            height: 60px;
            object-fit: contain;
                mix-blend-mode: lighten;
        }
            

        

        /* Ready to Transform - Exact match to PDF */
        .ready-transform {
            padding: 72px 0;
        }

        .transform-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .transform-text h2 {
            
            font-size: 2.5rem;
            color: var(--primary-blue);
            margin-bottom: 24px;
            line-height: 1.2;
        }

        .transform-info {
            background: var(--sand-beige);
            padding: 40px;
            border-radius: 6px;
        }

        .transform-info h3 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 12px;
            color: var(--primary-blue);
        }

        .transform-info .contact-detail {
            margin-bottom: 8px;
            font-size: 14px;
        }



        .mission-vision {
    display: grid
;
    /* grid-template-columns: 1fr 1fr; */
        grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 55px 0px 0px 0px;
}
.viss_imssion{
    /* border: 1px solid var(--primary-blue); */
       padding: 20px;
    cursor: pointer;
    background: #f7ede2;
    transition: .6s;
}
.viss_imssion:hover{
    box-shadow: 0px 10px 10px rgb(207, 206, 206);
}
.mission-vision div h3 {
    
    font-size: 1.5rem;
    color: var(--primary-blue);
    margin-bottom: 16px;
    font-weight: 600;
}

        /* About Page Styles */
        .page-header {
    /* background: linear-gradient(rgba(0, 56, 101, 0.8), rgba(0, 56, 101, 0.8)), url(https://images.unsplash.com/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80); */
    background: linear-gradient(rgb(0 0 0 / 70%), rgb(40 40 41 / 70%)), url(image/image6.png);
    /* background-size: cover; */
    background-position: center;
    padding: 100px 0 100px;
    color: white;
    text-align: center;
}
.page-header nav{
    justify-content: center;
}
.page-header h1 {
    color: white;
    margin-bottom: 1rem;
        font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
}
.page-header .breadcrumb {
    background: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}
.page-header .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}
.page-header .breadcrumb-item.active {
    color: white;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/");
}


















        .about-hero {
            /* background: var(--sand-beige); */
            padding: 50px 0 50px;
        }

        .about-hero-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .about-hero h1 {
            
            font-size: 1.8rem;
            color: var(--primary-blue);
            margin-bottom: 20px;
            font-weight: 600;
        }

        .about-hero p {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 8px;
            color: black;
        }

        .about-values {
            padding: 52px 0;
            /* background: #f7ede2; */
        }

        .about-values h2 {
            
            font-size: 1.8rem;
            color: var(--primary-blue);
               margin-bottom: 22px;
    font-weight: 600;
        }

        .about-values  p {
                margin-bottom: 0px;
    line-height: 1.7;
    color: black;
    font-size: 17px;
        }
        .about-values p strong {
    
    font-size: 18px;
}

        .values-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-top: 30px;
        }

        .value-item {
            /* text-align: center; */
            padding: 30px 20px;
           background:#f7ede2;
            transition: .6s;
            cursor: pointer;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .value-item:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--primary-blue);
    background: var(--cloud-white);
}

        .value-item .service-icon {
            margin-bottom: 10px;
                border: none;
    transition: .6s;
 
        }
        .value-item .service-icon img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
       

        .value-item h3 {
           font-size: 22px;
    font-weight: 600;
    color: #003865;
    line-height: 1.3;
        }

        .value-item p {
            font-size: 18px;
            line-height: 1.6;
        }

        /* Services Page Styles */
        .services-hero {
           color: white;
    padding: 50px 0 40px;
    text-align: center;
        }

        .services-hero h1 {
                
    font-size: 2rem;
    margin-bottom: 10px;
    font-weight: 700;
    color: #d8b375;
        }

        .services-hero p {
                font-size: 18px;
    max-width: 600px;
    font-weight: 400;
    margin: 0 auto;
    line-height: 1.6;
    color: black;
        }

        .detailed-services {
            padding: 72px 0;
             /* background: var(--sand-beige); */
        }
        
        .detailed-services .div-set-service_s{
                max-width: 800px;
    margin: auto;
        }

.services-we-do .col-sp{ 
    margin:0px auto 20px;
}
.sservice_we{
    margin-bottom: 20px;
}

        
        .service-detail {
            /* display: grid;
            grid-template-columns: 1fr 1fr; */
            gap: 60px;
            align-items: center;  
            border-bottom: none;
           
            padding: 30px 20px;
            background: white;
            transition: .6s;
            text-align: center;
            cursor: pointer; 
            /* border: 1px solid var(--primary-blue);  */
                /* border-radius: 20px 70px; */
                height: 100%;
        }









 
        .service-detail_main .service-detail-content h3 {
    font-size: 1.9rem;
    font-weight: 600;
    margin: 0px 0 10px; 
}
        .service-detail_main .service-detail-content .des_cription{
            font-size: 16px;
            color: #000;
        } 
        .service-detail_main .service-detail-content .service-i{
    width: 100px;
    height: 100px;
    /* background: var(--primary-blue); */
    border-radius: 6px;
    margin: 0 auto 5px;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 40px;
} 
.service-detail_main .service-detail-content .list_ser{
    margin-top: 60px;
}
        .service-detail_main .service-detail-content .list_ser ul{
                  display: grid
;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
        } 
        .service-detail_main .service-detail-content .list_ser ul li .span i{
            color: #000;
            font-size: 25px;
        }
       
       
        .service-detail_main .service-detail-content .list_ser ul li .span p{
            
            margin-bottom: 0px;
            color: #000;
            font-weight: 500;
            font-size: 14px;
        }
        .service-detail_main .service-detail-content .list_ser ul li .span h3{
            font-size: 18px;
        }
        .service-detail_main .service-detail-content .list_ser ul li .span{
                 
    background-color: #ffffff;
     
     
        }
     



        
        .service-detail_main .service-detail-content .service-i img{
    width: 100%;
    height: 100%;
    object-fit: contain;
        }
        .service-detail_main{
                gap: 60px;
    align-items: center;
    border-bottom: none; 
    transition: .6s;
    text-align: center;
    cursor: pointer; 
        }
        .service_details .service-detail-content h3{
            font-size: 1.4rem;
        }
        .service-detail_main .service-detail-content h3{
            color: #d8b375;
        }
 
  

        .service-detail-content a {
            color: var(--primary-blue);
            font-weight: 600;
            text-decoration: none;
            font-size: 14px;
        }

        .service-additional {
           background: white;
            padding: 72px 0px 30px 0px;
        }

        .service-additional h2 {
            
            font-size: 2.5rem;
            color: var(--primary-blue);
            margin-bottom: 24px;
        }

        .service-additional > p {
            margin-bottom: 48px;
            line-height: 1.7;
        }

        .additional-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-bottom: 40px;
            margin-top: 40px;
        }
        .additional-grid .additional-item{
                background: var(--sand-beige);
            align-items: center;
    border-bottom: none;
    margin-bottom: 20px;
    padding: 30px 20px; 
    transition: .6s; 
    cursor: pointer;
        }

        .additional-item h3 {
            font-size: 25px;
            font-weight: 600;
            margin-bottom: 12px;
            color: var(--primary-blue);
        }

        .additional-item p {
            margin-bottom: 12px;
            line-height: 1.6;
        }

        .additional-item a {
            color: var(--primary-blue);
            font-weight: 600;
            text-decoration: none;
            font-size: 14px;
        }

        .partnership {
            margin-top: 40px;
        }

        .partnership h3 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 16px;
            color: var(--primary-blue);
        }

        /* Clients Page Styles */
        .clients-page {
            padding: 50px 0 50px;
        }

        .clients-page h1 {
            
            font-size: 2.5rem;
            color: var(--primary-blue);
            margin-bottom: 48px;
            text-align: center;
            font-weight: 700;
        }

        .clients-main-grid {
               display: grid
;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-bottom: 60px;
        }

        

        .client-card {
               text-align: center;
    padding: 20px 20px;
    background: white;
    border-radius: 6px;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-blue);
    transition: .6s;

        }
        .client-card:hover{
                    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--primary-blue);
        }
                .client-card img{
                        width: 100%;
    height: 90px;
    object-fit: contain;
    cursor: pointer;
                }

        .quote-section {
            background: var(--sand-beige);
            padding: 72px 0;
            /* text-align: center; */
        }

        .quote-section h2 {
            
            font-size: 2.5rem;
            color: var(--primary-blue);
            margin-bottom: 20px;
        }

        .quote-section p {
            margin-bottom: 24px;
            line-height: 1.6;
        }

        .contact-details {
            font-weight: 600;
        }

        .contact-details p {
            margin-bottom: 8px;
        }

        /* Contact Page Styles */
        .contact-page {
            padding: 50px 0 50px;
        }

        .contact-page .contact-title {
            
            font-size: 2.5rem;
            color: var(--primary-blue);
            text-align: center;
            margin-bottom: 48px;
            font-weight: 700;
            
        }
       
        .contact-main {
            /* display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px; */
            margin-bottom: 60px;
            
        }
        .contact-sd .intouct {
    font-size: 30px;
    line-height: 35px;
    font-weight: 300;
    color: var(--primary-blue);
        
    margin-bottom: 5px;
}
.contact-sd .subtex a{
    color: #4d4d4d;
}
.contact-sd .subtex {
    font-size: 15px;
    margin-bottom: 4px;
}
.contact-sd .subtex span {
    color: var(--primary-blue);
    font-weight: 600;
}
.mapset{
        height: 100%;
    margin: 15px 0px;
}
.mapset iframe {
    height: 450px;
}
        .contact-form {
            display: flex;
            flex-direction: column;
            gap: 30px;
             background: white;
                padding: 40px 20px;
    border-radius: 6px;
                box-shadow: 0 0 20px 0 rgb(13 38 60 / 20%);
        }

       .contact-form .text-he {
    font-size: 27px;
    font-weight: 500;
    color: var(--primary-blue);
        
}
        .form-group {
            display: flex;
            flex-direction: column;
            position: relative;
        }

        .form-group label {
            margin-bottom: 8px;
            font-weight: 500;
            color: var(--cool-charcoal);
                position: absolute;
    top: -13px;
    background: white;
    font-size: 15px;
    left: 18px;
    line-height: 5px;
    padding: 10px 10px; 
        }

        .form-group input,
        .form-group textarea {
             
            
                height: 50px;
    box-shadow: 0px 5px 10px #ededed;
    border: 1px solid black;
    border-radius: 0px;
    outline: none;
    width: 100%;
    padding: 10px;
    font-weight: 300;
        }

        .form-group textarea {
            height: 120px;
            resize: vertical;
        }

        /* .contact-info {
            background: var(--sand-beige);
            padding: 40px;
            border-radius: 6px;
        } */

        .contact-item {
            margin-bottom: 24px;
        }

        .contact-item h4 {
            font-weight: 600;
            margin-bottom: 8px;
            color: var(--primary-blue);
        }

        .contact-item p {
            line-height: 1.6;
        }


      

        

        /* Footer */

        .footer {
            /* background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); */ 
                /* background: black; */
                background-image: url(footer-bg01.png);
                    background-position: center center;
    background-size: cover;
        background-color: #232323;
    background-repeat: no-repeat;
    background-attachment: scroll;
            color: #ecf0f1;
            padding: 20px 0 10px;
            position: relative;
            overflow: hidden;
        }
.tm-bg-layer {
        position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
        opacity: 0.93;
            background-color: #232323;
}
        .footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" patternUnits="userSpaceOnUse" width="100" height="100"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.02)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.02)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.01)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
            opacity: 0.3;
        }

       .footer  .footer-container {
            
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }

       .footer  .newsletter-section {
            /* text-align: center; */
            margin-bottom: 50px;
            padding-bottom: 40px;
            border-bottom: 1px solid rgb(255, 255, 255);
             display: flex;
    align-items: center;
    justify-content: space-between;
        }

        .footer .newsletter-section h2 {
            font-size: 27px;
        }

        .footer .newsletter-section p {
            font-size: 16px;
            color: #bdc3c7;
            margin-bottom: 25px;
        }
 
       .footer  .newsletter-form {
            display: flex;
            /* max-width: 500px; */
            /* margin: 0 auto; */
            gap: 0;
            /* border-radius: 50px; */
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            border: 1px solid white;
        }

        .footer .newsletter-form input {
            flex: 1;
            padding: 15px 25px;
            border: none;
            background: rgba(255, 255, 255, 0.1);
            color: #ecf0f1;
            font-size: 16px;
            backdrop-filter: blur(10px);
            width: 350px;
        }

        .footer .newsletter-form input::placeholder {
            color: #bdc3c7;
        }

       .footer  .newsletter-form button {
           padding: 10px 10px;
    background: white;
    border: none;
    color: black;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex
;
    align-items: center;
    gap: 8px;
        }

       .footer  .newsletter-form button:hover {
            background: #d8b375;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(243, 156, 18, 0.4);
        }

        .footer .footer-content .footer-section,.footer-brand{
              padding: 5px 0px 5px 0px;
        }
        .footer-brand .logo img{
        width: 270px;
        padding-right: 10px;
        }
        .footer .footer-content .div-sded{
            position: relative;
        }
        .footer .footer-content .div-sded::after {
        width: 1px;
        height: 100%;
        content: '';
        position: absolute;
        left: -25px;
        background-color: rgba(255, 255, 255, 0.10);
        top: 0;
    }
        .footer .footer-content {
           
            margin-bottom: 10px;
                border-top: 1px solid rgb(255 255 255 / 14%);
    border-bottom: 1px solid rgb(255 255 255 / 14%);
  
        }

        .div-flex-footer{
            display: flex; 
            gap: 80px;
            margin-top: 25px;
        }

       .footer  .logo {  
    cursor: pointer;
    margin-bottom: 20px;
        }
.footer .footer-brand p{
    font-size: 14px;
    padding-right: 20px;
    color: white;
}
        

        .footer .footer-section h4 {
            font-size: 18px;
            margin-bottom: 20px;
            color: #ecf0f1;
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .footer .footer-section h4::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 30px;
            height: 2px;
            background: white;
            border-radius: 2px;
        }

        .footer .footer-section ul {
            list-style: none;
            padding-left: 0px;
            margin-bottom: 0px;
        }

        .footer .footer-section ul li {
            margin-bottom: 12px;
        }

        .footer .footer-section ul li a {
            /* color: #bdc3c7; */
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        

         .footer .footer-section ul li a:hover {
            color: #d8b375;
            transform: translateX(5px);
        }

         .footer .footer-section ul li a i {
            width: 16px; 
            text-align: center;
            /* opacity: 0.7; */
            transition: .6s;
        }
        /* .footer .footer-section ul li a:hover i{
    transform: rotate(10deg);
        } */

         .footer .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            margin-bottom:5px;
            padding:5px 0px 5px 0px;
            /* background: rgba(255, 255, 255, 0.05); */
            border-radius: 10px;
            transition: all 0.3s ease;
        }

         .footer .contact-item:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
        }

         .footer .contact-icon {
            width: 40px;
            height: 40px;
            /* background: white; */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            flex-shrink: 0;
            color: black;
        }
        .footer .contact-icon img{
            width: 100%;
            height: 28px;
            object-fit: contain;
        }

         .footer .contact-info h5 {
            font-size: 16px;
            margin-bottom: 1px;
            color: #ecf0f1;
            display: flex;
            align-items: center;
            gap: 8px;
        }

         .footer .contact-info p {
            font-size: 14px;
            color: #bdc3c7;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .footer .contact-info p a{
            color: #bdc3c7;
        }

        .footer .footer-bottom {
            /* border-top: 1px solid rgba(255, 255, 255, 0.1); */
            padding-top: 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

         .footer .copyright {
            font-size: 14px;
            color: #95a5a6;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .footer .social-links {
            display: flex;
            gap: 5px;
        }

        .footer .social-link {
            width: 35px;
            height: 35px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 0%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #bdc3c7;
            text-decoration: none;
            font-size: 16px;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }

        .footer .social-link:hover {
            background: white;
            color: white;
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(243, 156, 18, 0.4);
        }

        .footer .social-link.facebook:hover {
            background: #3b5998;
            box-shadow: 0 8px 25px rgba(59, 89, 152, 0.4);
        }

        .footer .social-link.twitter:hover {
            background: #1da1f2;
            box-shadow: 0 8px 25px rgba(29, 161, 242, 0.4);
        }

        .footer .social-link.linkedin:hover {
            background: #0077b5;
            box-shadow: 0 8px 25px rgba(0, 119, 181, 0.4);
        }

        .footer .social-link.pinterest:hover {
            background: #bd081c;
            box-shadow: 0 8px 25px rgba(189, 8, 28, 0.4);
        }
         @media (max-width: 1024px) {
             .footer-brand .logo img{
        width: 200px;
        }
        }
        @media (max-width: 1023px) {
 .footer .newsletter-section{
                    text-align: center;
                    display: block;
            }
             .footer-brand .logo img{
        width: 250px;
        }
        }
        @media (max-width: 968px) {
            
           
        }

        @media (max-width: 768px) {
           
           .footer  .newsletter-form {
                flex-direction: column;
                border-radius: 10px;
                    max-width: 500px;
                    text-align: center;
     margin: 0 auto;
            }

            .footer .newsletter-form button {
                border-radius: 0 0 10px 10px;
                justify-content: center;
            }

           .footer  .newsletter-form input {
                border-radius: 10px 10px 0 0;
                text-align: center;
                width: 100%;
            }

            .footer .footer-bottom {
                flex-direction: column;
                text-align: center;
            }

            
        }

         
        @media (max-width: 480px) {
             

            .footer .footer-brand {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }

            .footer .contact-item {
                /* flex-direction: column; */
                align-items: center;
                text-align: center;
            }
        }











        /* footer {
            background: var(--sand-beige);
            color: white;
            padding: 60px 0 30px;
        }

        .footer-content {
            
            margin-bottom: 40px;
        }

        .footer-section h4 {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 20px;
               color: var(--primary-blue);
    
        }

        .footer-section ul {
            list-style: none;
            padding-left: 0px;
        }

        .footer-section ul li {
            margin-bottom: 8px;
        }

        .footer-section ul li a {
            color: var(--primary-blue);
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;

        }
        .footer-section  p {
            color: var(--primary-blue);
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;

        }

        .footer-section ul li a:hover {
            color: black;
        }

        .footer-bottom {
            border-top: 1px solid  var(--primary-blue);
            padding-top: 20px;
            text-align: center;
            color:  var(--primary-blue);
            font-size: 14px;
        }
.footer-bottom p{
    margin-bottom: 0px;
}
               .address .div-flex {
    display: flex
;
    gap: 10px;
    margin-bottom: 6px;
}
.address .div-flex .icon i {
    color: var(--primary-blue);
}
.address .div-flex .d-text {
    text-align: start;
    cursor: pointer;
}
.address .div-flex .d-text h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--primary-blue);
}
.address .div-flex .d-text a {
    color: var(--primary-blue);
}
.address .div-flex .d-text p {
    font-size: 14px;
    margin-bottom: 0px;
    color: var(--primary-blue);
} */

a{
    text-decoration: none;
}
        /* Page Navigation */
        .page-nav {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: var(--primary-blue);
            padding: 12px;
            border-radius: 6px;
            z-index: 1000;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        .page-nav select {
            background: white;
            border: none;
            padding: 8px 12px;
            border-radius: 4px;
            font-weight: 500;
            color: var(--cool-charcoal);
            cursor: pointer;
        }


        .section-padding {
    padding: 72px 0;
        background: #f7ede2;
}

        .section-padding-sm {
    padding: 72px 0; 
}
.section-padding-sm .project-sectio_n .project-content{
    padding: 1rem;
}
.section-padding-sm .project-sectio_n{
    max-width: 700px;
    margin: auto;
}
  .about_company{
                padding: 42px 0;
    background: #fff;
        }
  .lead{ 
    padding: 40px 20px 40px 20px;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.4px;
   
    position: relative; 
    line-height: 32px;
    margin-bottom: 30px;
    margin-top: 20px; 
    color: black;
    border: 3px solid #621755;
        box-shadow: 0px 10px 30px #c5bfbf;
}
 /* .lead:before {
        content: "";
    position: absolute;
        right: -5px;
        top: -5px;
        width: 50px;
        height: 50px;
        border-top: 3px solid #621755;
        border-right: 3px solid #621755;
    } */
 .lead:after {
        content: "";
    position: absolute;
    right: -20px;
    top: -20px;
    width: 100px;
    height: 100px;
        border-top: 4px solid var(--primary-blue);
        border-right: 4px solid var(--primary-blue);
    }
/* .section-title-misson {
         
    font-size: 2.3rem;
    color: var(--primary-blue);
    margin-top: 50px;
    text-align: center;
} */

/* services-we-do */

.services-we-do{
        padding: 70px 0px 50px 0px;
    /* background: var(--sand-beige); */
}
 





.filter-section {
    /* background-color: var(--sand-beige); */
    padding: 2rem 0rem 0rem 0rem;
    text-align: center;
}
.filter-section h4{
        
    color: var(--primary-blue);
    font-size: 2.5rem;
    font-weight: 700;
}
.btn-filter:hover, .btn-filter.active {
    background-color: var(--primary-blue);
    color: white;
}
.btn-filter {
    background-color: transparent;
    border: 2px solid var(--primary-blue);
    color: var(--primary-blue);
    padding: 8px 20px;
    border-radius: 25px;
    margin: 0 5px 10px 0;
    transition: all 0.3s ease;
    font-weight: 500;
}

.project-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    margin-bottom: 2rem;
    position: relative;
}
.project-image {
    height: 150px;
    object-fit: cover;
    width: 100%;
}
 
.project-category { 
    color: black;  
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 1rem;
}
.project-content .btn_1{
    background: var(--cloud-white);
    font-size: 14px;
    padding: 6px 10px;
    width: fit-content;
    cursor: pointer; 
    border: 1px solid rgb(226, 223, 223);
}
.project-content h4{
        
        font-size: 20px;
    color: var(--primary-blue);
    margin-bottom: 0px;
}

 .service-swiper{
            padding: 20px 10px 20px 10px;
        }
       .service-swiper .swiper-nav-bottom .swiper-button-prev {
    top: inherit;
    bottom: 0;
}
 .service-swiper .swiper-nav-bottom i{
        font-size: 16px;
    color: white;
 }
 .service-swiper .swiper-nav-bottom .swiper-button-next {
    top: inherit;
    bottom: 0;
}
.service-swiper .swiper-nav-bottom .swiper-button-next {
    right: 50% !important;
    margin-right: -80px;
}
.service-swiper .swiper-nav-bottom .swiper-button-next:hover{
    background: black;
}
.service-swiper .swiper-nav-bottom .swiper-button-prev {
    left: 50% !important;
    margin-left: -80px;
}
.service-swiper .swiper-nav-bottom .swiper-button-prev:hover{
    background: black;
}
.service-swiper .swiper-button-prev, .swiper-button-next {
    background: var(--primary-blue);
    width: 40px;
    height: 40px;
    display: flex
;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 50%;
}

 .service-swiper .swiper-nav-bottom {
    position: relative;
    padding-top: 30px;
    margin-top: 30px;
    display: none;
}
.service-swiper .swiper-button-next:after{
    content: '' !important;
}
.service-swiper .swiper-button-prev:after{
    content: '' !important;
}





 .bumber{
                display: none;
            }

            .bumber i{
               font-size: 30px;
               color: #d8b375;
            }






.video-section {
    position: relative;
    height: 100%;
    height: 450px;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
}
.video-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.video-container  video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .video-placeholder {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* background: linear-gradient(135deg, #8B7355 0%, #A68B5B 100%); */
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.2rem;
            font-weight: 600;
        }

        .overlay-card {
            /* position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            background: #000000b2; */ 
            padding: 15px;
            border-radius: 0;
            /* width: 50%; */
            /* box-shadow: 0 10px 30px rgba(0,0,0,0.3); */
        }
        /* .overlay-card1 {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            background: #000000b2;
            color: white;
            padding: 15px;
            border-radius: 0;
            width: 50%;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            display: none;
        }
        .overlay-card1 h3 {
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .overlay-card1 p {
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 10px;
            opacity: 0.95;
        } */

        .overlay-card1 p:last-child {
            margin-bottom: 0;
        }
        .video-section:hover .overlay-card{
            left: 0;
            right: unset;
        }
        /* .video-section:hover .overlay-card1{
            right: unset;
            left: 0;
        } */
         /* .video-section:hover .overlay-card{
            display: none;
        }
        .video-section:hover .overlay-card1{
           display: block;
        } */
        .overlay-card h3 {
               font-size: 30px;
    margin-bottom: 30px;
    color: #000;
    line-height: 1.3;
    font-weight: 400;
    max-width: 400px;
        }

        .overlay-card p {
                margin-bottom: 20px;
    line-height: 1.6;
    color: black;
    font-size: 16px;
    
                text-align: justify;
        }

        .overlay-card p:last-child {
            margin-bottom: 0;
        }
        .div-set-phone{
            display: flex;
            align-items: center;
            gap: 20px;
        }





























        /* Responsive Design */
        @media (max-width: 1024px) {
            .nav-links{
                gap: 5px;
                padding-left: 0px;
            }
            .service-detail{
                
    padding: 20px 10px;
            }
            .sservice_we .service-icon{
        width: 50px;
    height: 50px;
}
 .bumber{
                display: block;
            }
            
             .nav-links {
        display: none;
    }
        }
        @media (max-width: 993px) {
             .margintb{
                margin: auto;
            }
             .video-section{
                    height: 400px;
            }
            .features-grid{
                margin-bottom: 40px;
                gap: 20px;
            }
            .client-logopartners .section-title{
                text-align: center;
                padding-top: 10px;
                padding-bottom: 20px;
            }
.nav-links a{
                font-size: 13px;
            }
            .cta-button{
                    font-size: 11px;
            }
            
               
        }
        @media (max-width: 768px) {
           
           .contact-cta h2 {
    font-size: 1.5rem;
           }
            .lead{
                padding: 10px;
                font-size: 12px;
                line-height: 19px;
                    border: 2px solid #621755
            }
            .contact-cta .contact-ct1{
                /* padding: 10px;  */
                    border: 2px solid #d8b375
            }
            .contact-cta .contact-ct1::after{
                display: none;
            }
            .contact-cta .contact-ct1::before{
                display: none;
            }
            .lead:before{
                display: none;
            }
            .section-padding{
                padding: 30px 0px;
            }
            .lead:after{
                display: none;
            }
            .cta-button{
                display: none;
            }
           
            .mission-vision{
                    /* grid-template-columns: auto; */
                        grid-template-columns: repeat(1, 1fr);
            }
            .nav-links {
                display: none;
            }

            .hero h1 {
                font-size: 2.5rem;
            }

            .who-content,
            .about-hero-content,
            .service-detail,
            .contact-main,
            .transform-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

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

            .services-grid-bottom {
                grid-template-columns: 1fr;
                max-width: 100%;
            }

           

           

            .values-grid {
                /* grid-template-columns: 1fr; */
                grid-template-columns: repeat(1, 1fr);
            }

            .clients-main-grid,
            .clients-bottom-grid {
                grid-template-columns: repeat(4, 1fr);
                max-width: 100%;
            }

            

            

            .client-logos {
                flex-wrap: wrap; 
            }

            .additional-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 680px) {
             .clients-main-grid,
            .clients-bottom-grid {
                grid-template-columns: repeat(3, 1fr);
                max-width: 100%;
            }
            .projects-grid {
                grid-template-columns: 1fr;
            }
            
            .hero-section .hero-buttons{
                flex-wrap: wrap;
                    gap: 35px;
            }
        }
        @media (max-width: 480px) {
             .clients-main-grid,
            .clients-bottom-grid {
                grid-template-columns: repeat(2, 1fr);
                max-width: 100%;
            }
            .client-card img {
    width: 100%;
    height: 60px;
            }
             
            .hero h1 {
                font-size: 2rem;
            }

             

            .services-grid {
                grid-template-columns: 1fr;
            }

           
             

            .page-nav {
                bottom: 10px;
                right: 10px;
                padding: 8px;
            }
        }

/* --- Unique Swiper Service Slider Styles for Services Page --- */

.facultySwiper .swiper-slide-shadow-right{
    display: none;
}
.facultySwiper .swiper-slide-shadow-left{
    display: none;
}
.facultySwiper {
  padding: 40px 0 60px 0 !important;
}
.facultySwiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: stretch;
  height: auto;
  transition: transform 0.4s;
  /* margin-right: 24px; */
}
 
.service-detail_main {  
  padding: 32px 0px 24px 0px;  
  
}
.facultySwiper .swiper-slide-active .service-detail_main {
    filter: grayscale(0%) brightness(100%);
}
.facultySwiper .service-detail_main {
    filter: grayscale(100%) brightness(100%);
}
.service-icon{
    margin: 0 auto 10px !important;
}

 
.service-detail_main .service-detail-content .service-i i {
    font-size: 60px;
    color: #000;
    display: block;
    margin: 0 auto;
}

.service-i {
    text-align: center;
    margin-bottom: 20px;
}
/* .service-detail_main::before {
  content: '';
  display: block;
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 7px;
  background: linear-gradient(180deg, #cda274 0%, #003865 100%);
  border-radius: 8px 0 0 8px;
} */
 
.service-detail_main .service-detail-content {
      position: relative;
    z-index: 2;
    padding: 30px;
    border-radius: 24px;
     padding: 32px 0px 24px 0px; 
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.3s, transform 0.3s; 
}
 
.service-detail_main .service-i img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  border-radius: 12px;
  /* box-shadow: 0 2px 12px #cda27422; */
  /* background: #fff6ef; */
  padding: 8px;
}
 
.service-detail_main .list_ser ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.service-detail_main .list_ser li {
    
  margin-bottom: 30px; 
  padding: 0px; 
}
.service-detail_main .list_ser li img {
  width: 100%;
  height: 250px;
  margin-bottom: 20px;
  object-fit: contain;
  border-radius: 0px;
  /* background: #fff; */
  box-shadow: 0 1px 4px #00386511;
}
/* Swiper navigation arrows */
 
.facultynaviPrev, .facultynaviNext {
  width: 48px !important;
  height: 48px !important;
  background: var(--sand-beige);
  color: #000 !important;
  border-radius: 50%;
  box-shadow: 0 2px 12px #00386533;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10;
  transition: background 0.2s, box-shadow 0.2s;
}
.swiper-button-next:after,  .swiper-button-prev:after{
    display: none !important;
}
.facultynaviPrev { left: -24px; }
.facultynaviNext { right: -24px; }
.facultynaviPrev:hover, .facultynaviNext:hover {
  background: #cda274;
  color: #fff;
  box-shadow: 0 4px 24px #cda27444;
}

@media (max-width: 1024px) {
     .service-detail_main .service-detail-content .list_ser ul {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
  
  .facultynaviPrev, .facultynaviNext {
    width: 38px;
    height: 38px;
    font-size: 1.2rem;
    left: -10px;
    right: -10px;
  }
 
}
@media (max-width: 767px) {
    .about-hero-section .about-intro .div-ai_lefy .main-ai_title{
        font-size: 1.5rem;
    }
    .service-detail_main .service-detail-content .list_ser ul {
    grid-template-columns: repeat(1, 1fr);
}
    .facultynaviPrev, .facultynaviNext { 
        top: 99% !important; 
      }
      .service-detail_main .service-detail-content{
            padding: 20px 0px 24px 0px;
      }
      .service-detail_main .service-detail-content h3{
        font-size: 1.4rem;
      }
      .service-detail_main .service-detail-content .list_ser ul li span p {
     
    font-size: 15px;
    font-weight: 500;
}
.service-detail_main .service-detail-content .list_ser ul li span i { 
    font-size: 20px;
}
.service-detail_main .service-detail-content .list_ser ul li span{
    gap: 10px;
}

}