/* ===== GLOBAL FIX FOR EDGE CUTTING ===== */
* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
}

body {
    margin: 0;
}
/* HEADER BASE */

.main-header{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:#ffffff;
    transition: all .4s ease;
}

.header-container{
    max-width:1200px;
    margin:auto;
    padding:15px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* LOGO */

.logo img{
    height:45px;
}

/* NAV MENU */

.nav-menu ul{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
}

.nav-menu ul li{
    position:relative;
}

.nav-menu ul li a{
    text-decoration:none;
    color:#111;
    font-weight:500;
    font-size:16px;
    transition:.3s;
}

/* Hover Effect */

.nav-menu ul li a:hover{
    color:#ff6b00;
}

/* DROPDOWN */

.dropdown-menu{
    position:absolute;
    top:120%;
    left:0;
    background:#fff;
    width:220px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    opacity:0;
    visibility:hidden;
    transition:.3s;
}

.dropdown-menu li{
    padding:10px 20px;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    top:100%;
}

/* BUTTON */

.btn-primary{
    background:#ff6b00;
    color:#fff;
    padding:10px 22px;
    border-radius:30px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.btn-primary:hover{
    background:#000;
}
/* HEADER BASE */

.main-header{
    position: relative;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease;
}

/* STICKY HEADER */

.sticky-header{
    position: fixed;
    top: -120px;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 9999;
    transition: all 0.5s ease;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* SHOW ON SCROLL */

.sticky-header.fixed-header{
    top: 0;
}

/* NAVIGATION STYLE */

.navigation li a{
    font-size: 16px;
    font-weight: 500;
    padding: 10px 18px;
    color: #222;
    transition: all .3s ease;
}

/* HOVER EFFECT */

.navigation li a:hover{
    color: #ff6a00;
}

/* DROPDOWN */

.sub-menu{
    position: absolute;
    left: 0;
    top: 120%;
    background: #fff;
    min-width: 230px;
    border-radius: 8px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all .35s ease;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.dropdown:hover .sub-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* DROPDOWN ITEMS */

.sub-menu li a{
    display: block;
    padding: 10px 20px;
    font-size: 15px;
}

.sub-menu li a:hover{
    background:#f5f5f5;
    color:#ff6a00;
}

/* HEADER BUTTON */

.theme-btn{
    border-radius: 30px;
    font-weight: 600;
    transition: all .3s ease;
}

.theme-btn:hover{
    transform: translateY(-2px);
}
/* STICKY SCROLL EFFECT */

.header-scrolled{
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    padding:5px 0;
}
.hero-slider{
width:100%;
height:75vh;
overflow:hidden;
position:relative;
}

.slides-track{
display:flex;
width:100%;
height:100%;
transition:transform 0.8s ease;
}

.slide{
min-width:100%;
height:100%;
position:relative;
}

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

/* Buttons */

.explore-btn{
position:absolute;
bottom:60px;
left:60px;
background:#A7080D;
color:#fff;
padding:14px 28px;
border-radius:30px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.explore-btn:hover{
background:#e60b0b;
}

.visit-btn{
position:absolute;
bottom:60px;
left:220px;
background:#1f2a5a;
color:#fff;
padding:14px 28px;
border-radius:30px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.visit-btn:hover{
background:#2f3fa0;
}

/* ================= MOBILE FIX ================= */

@media (max-width:768px){

.hero-slider{
height:60vh;
}

.explore-btn{
bottom:20px;
left:20px;
padding:10px 18px;
font-size:13px;
}

.visit-btn{
bottom:20px;
left:130px;
padding:10px 18px;
font-size:13px;
}

}
/* MOBILE BUTTON FIX */

@media (max-width:768px){

.slide{
position:relative;
}

/* button base */

.explore-btn,
.visit-btn{
position:absolute;
bottom:18px;
padding:10px 16px;
font-size:13px;
border-radius:25px;
}

/* left button */

.explore-btn{
left:40%;
transform:translateX(-110%);
}

/* right button */

.visit-btn{
left:60%;
transform:translateX(-10%);
}

}
/* ===============================
   PREMIUM ABOUT SECTION
================================ */

.about-section {
    position: relative;
    padding: 50px 20px;
    background: linear-gradient(135deg, #0c0f1c, #111428, #0c0f1c);
    overflow: hidden;
}

/* 🔥 Orange Glow */
.about-section::before {
    content: "";
    position: absolute;
    width: 900px;
    height: 900px;
    background: radial-gradient(circle, rgba(255,120,0,0.25), transparent 60%);
    top: -400px;
    left: -400px;
    animation: rotateGlow 30s linear infinite;
}

/* 🔵 Blue Glow */
.about-section::after {
    content: "";
    position: absolute;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(0,150,255,0.25), transparent 60%);
    bottom: -350px;
    right: -350px;
    animation: rotateGlow 35s linear infinite reverse;
}

@keyframes rotateGlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Layout */
.about-wrapper {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
    position: relative;
    z-index: 2;
}

/* LEFT SIDE */
.about-left {
    flex: 1;
}

.sub-title {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e60b0b;
    font-weight: 600;
}

.about-left h1 {
    font-size: 42px;
    margin: 15px 0 20px;
    font-weight: 700;
    color: #fff;
}

.about-left p {
    font-size: 19px;
    line-height: 1.8;
    color: #ffffff;
    margin-bottom: 30px;
}

.follow-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .follow-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

.follow-label {
    font-weight: 600;
    color: #fff;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    transition: 0.3s ease;
    font-size: 14px;
    backdrop-filter: blur(10px);
}

.social-icons a:hover {
    background: #ff7a00;
    transform: translateY(-4px);
}

/* RIGHT SIDE */
.about-right {
    flex: 1;
}

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

/* ===============================
   STAT CARDS
================================ */

.stat-card {
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(15px);
    border: 1px solid white;
    padding: 35px;
    text-align: center;
    border-radius: 18px;
    transition: 0.4s ease;
    color: #fff;

    opacity: 0;
    transform: translateY(50px);
    animation: statReveal 1s forwards, softFloat 6s ease-in-out infinite;
}

/* Stagger */
.stat-card:nth-child(1){ animation-delay: .2s, 1.2s; }
.stat-card:nth-child(2){ animation-delay: .4s, 1.4s; }
.stat-card:nth-child(3){ animation-delay: .6s, 1.6s; }
.stat-card:nth-child(4){ animation-delay: .8s, 1.8s; }

/* Reveal bounce */
@keyframes statReveal {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    70% {
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Soft floating */
@keyframes softFloat {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}

/* Hover lift */
.stat-card:hover {
    transform: translateY(-15px) scale(1.05);
    box-shadow: 0 25px 60px rgba(0,0,0,0.6);
}

/* Number */
.stat-number {
    font-size: 36px;
    font-weight: 700;
    color: #1b1b4e;
    display: block;
    margin-bottom: 8px;
}

/* Label */
.stat-label {
    font-size: 15px;
    color: #1b1b4e;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 991px) {
    .about-wrapper {
        flex-direction: column;
        text-align: center;
    }

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

@media (max-width: 600px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .about-left h1 {
        font-size: 28px;
    }
}
/* =================================
   TABLET RESPONSIVE
================================= */

@media (max-width: 991px){

.about-section{
padding:60px 20px;
}

.about-wrapper{
flex-direction:column;
text-align:center;
gap:40px;
}

.about-left h1{
font-size:32px;
}

.about-left p{
font-size:16px;
}

.follow-row{
justify-content:center;
}

.stats-grid{
grid-template-columns:1fr 1fr;
gap:20px;
}

.stat-card{
padding:25px;
}

.stat-number{
font-size:28px;
}

}


/* =================================
   MOBILE RESPONSIVE
================================= */

@media (max-width: 600px){

.about-section{
padding:50px 15px;
}

/* Title */
.about-left h1{
font-size:26px;
line-height:1.3;
}

/* paragraph */
.about-left p{
font-size:15px;
line-height:1.7;
}

/* follow section */
.follow-row{
flex-direction:column;
align-items:center;
gap:10px;
}

.social-icons a{
width:36px;
height:36px;
font-size:13px;
}

/* stats layout */
.stats-grid{
grid-template-columns:1fr;
gap:18px;
}

/* stat cards */
.stat-card{
padding:22px;
border-radius:14px;
}

.stat-number{
font-size:24px;
}

.stat-label{
font-size:14px;
}

}


/* =================================
   EXTRA SMALL MOBILE
================================= */

@media (max-width:400px){

.about-left h1{
font-size:22px;
}

.about-left p{
font-size:14px;
}

.stat-card{
padding:18px;
}

}
/* SECTION */

.pro-services{
padding:100px 20px;
background:#1b1b4e;
font-family:"Satoshi", sans-serif;
}

/* HEADER */

.section-header{
text-align:center;
margin-bottom:70px;
color:white;
}

.section-header span{
color:#e60b0b;
font-weight:600;
letter-spacing:2px;
}

.section-header h2{
font-size:40px;
margin:10px 0;
}

.section-header p{
color:#ddd;
font-size:16px;
}

/* GRID */

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
}

/* BOX */

.service-box{
position:relative;
overflow:hidden;
border-radius:16px;
cursor:pointer;
}

.service-box img{
width:100%;
height:260px;
object-fit:cover;
display:block;
transition:0.5s;
}

/* INFO LAYER */

.service-info{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:30px;
background:linear-gradient(transparent, rgba(0,0,0,0.85));
color:white;
transform:translateY(60%);
transition:0.4s;
}

.service-info h3{
color:#e60b0b;
margin-bottom:10px;
}

.service-info p{
font-size:14px;
line-height:1.5;
}

/* HOVER EFFECT */

.service-box:hover img{
transform:scale(1.1);
}

.service-box:hover .service-info{
transform:translateY(0);
}

/* BUTTON */

.services-btn{
text-align:center;
margin-top:60px;
}

.view-btn{
display:inline-block;
padding:12px 30px;
background:#e60b0b;
color:white;
text-decoration:none;
border-radius:30px;
font-weight:600;
transition:0.3s;
}

.view-btn:hover{
background:white;
color:#e60b0b;
}

/* MOBILE */

@media(max-width:768px){

.section-header h2{
font-size:30px;
}

.service-box img{
height:200px;
}

}
/* ===============================
   PREMIUM TESTIMONIAL SECTION
=================================*/
.premium-testimonial {
    position: relative;
    padding: 120px 0;
    background: linear-gradient(135deg, #0f172a, #1e293b);
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Animated Glow Background */
.premium-testimonial::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 0, 128, 0.25), transparent 70%);
    top: -200px;
    left: -200px;
    animation: glowMove 8s infinite alternate ease-in-out;
}

.premium-testimonial::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(0, 200, 255, 0.25), transparent 70%);
    bottom: -200px;
    right: -200px;
    animation: glowMove 10s infinite alternate-reverse ease-in-out;
}

@keyframes glowMove {
    from { transform: translateY(0px) scale(1); }
    to { transform: translateY(40px) scale(1.1); }
}

/* CLIENT ICON STYLE FOR TESTIMONIAL */
.premium-testimonial .client-info img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: linear-gradient(135deg,#4a6cf7,#6a8dff);
    padding: 20px;
    object-fit: contain;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 10px 25px rgba(74,108,247,0.4);
    transition: 0.4s ease;

    animation: pulse 3s infinite;
}

/* Hover Animation */
.premium-testimonial .client-info img:hover{
    transform: scale(1.1) rotate(5deg);
}

/* Pulse Animation */
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(74,108,247,0.5);
    }
    70%{
        box-shadow:0 0 0 15px rgba(74,108,247,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(74,108,247,0);
    }
}

/* ===============================
   PREMIUM VALUES SECTION
================================ */


.premium-values-section {
    position: relative;
    padding: 80px 0;   /* reduced from 120px */
    background: linear-gradient(180deg,#f3e4f8,#fce7ff);
    overflow: hidden;
}

/* Title */
.premium-title {
    text-align: center;
    margin-bottom: 50px;   /* reduced from 80px */
}

/* Card */
.premium-card {
    position: relative;
    padding: 30px 28px;   /* reduced card height */
    border-radius: 20px;
    background:#1b1b4e;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.08);
    color: #fff;
    text-align: center;
    transition: 0.6s ease;
    animation: floatCard 4s ease-in-out infinite;
}

/* Grid spacing slightly reduced */
.premium-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

/* ===============================
   MOBILE RESPONSIVE
================================ */

@media (max-width:768px){

.premium-values-section{
    padding:70px 20px;
}

/* container */
.premium-container{
    width:100%;
}

/* title spacing */
.premium-title{
    margin-bottom:50px;
}

/* title text */
.premium-title h2{
    font-size:28px;
    line-height:1.3;
}

/* subtitle */
.premium-subtitle{
    font-size:12px;
    letter-spacing:1px;
}

/* grid becomes single column */
.premium-grid{
    grid-template-columns:1fr;
    gap:25px;
}

/* card size */
.premium-card{
    padding:30px 25px;
}

/* icon */
.premium-icon{
    font-size:30px;
    margin-bottom:20px;
}

/* heading */
.premium-card h3{
    font-size:20px;
}

/* paragraph */
.premium-card p{
    font-size:14px;
    line-height:1.6;
}

.premium-card{
position:relative;
padding:35px 28px;
background:#1b1b4e;
color:#fff;
text-align:center;
transition:0.5s ease;

/* Unique edges */
clip-path: polygon(
0 25px,
25px 0,
100% 0,
100% calc(100% - 25px),
calc(100% - 25px) 100%,
0 100%
);

border:1px solid rgba(255,255,255,0.08);
}

/* Hover */
.premium-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.35);
border-color:#e60b0b;
}
}
/* Button Container */
.premium-btn{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:35px;
}

/* Button Style */
.premium-button{
    display:inline-block;
    padding:12px 34px;
    font-size:15px;
    font-weight:500;
    color:#fff;
    text-decoration:none;
    border-radius:30px;
    background:linear-gradient(135deg,#ff8c00,#ff5e00);
    transition:0.4s ease;
}

/* Hover */
.premium-button:hover{
    transform:translateY(-3px);
    background:linear-gradient(135deg,#00bfff,#0077ff);
}
/* Background Shapes */

.values-bg-shape{
position:absolute;
border-radius:50%;
filter:blur(90px);
opacity:0.4;
animation:floatShape 12s infinite ease-in-out;
}

/* Shape 1 */
.shape1{
width:300px;
height:300px;

top:-80px;
left:-80px;
}

/* Shape 2 */
.shape2{
width:350px;
height:350px;

bottom:-120px;
right:-100px;
animation-delay:3s;
}

/* Shape 3 */
.shape3{
width:250px;
height:250px;
top:40%;
left:60%;
animation-delay:6s;
}

/* Floating Animation */

@keyframes floatShape{
0%{transform:translateY(0px);}
50%{transform:translateY(40px);}
100%{transform:translateY(0px);}
}
/* ===============================
   LUXURY CHOOSE SECTION
================================ */

.lux-choose-section {
    position: relative;
    padding: 130px 0;
    background: linear-gradient(135deg, #0c0f1c, #111428, #0c0f1c);
    overflow: hidden;
}

/* Animated Mesh Glow Background */
.lux-choose-section::before {
    content: "";
    position: absolute;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255, 120, 0, 0.25), transparent 60%);
    top: -300px;
    left: -300px;
    animation: rotateGlow 18s linear infinite;
}

.lux-choose-section::after {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(0, 140, 255, 0.2), transparent 60%);
    bottom: -300px;
    right: -300px;
    animation: rotateGlow 25s linear infinite reverse;
}

@keyframes rotateGlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Container */
.lux-container {
    width: 90%;
    max-width: 1300px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* Title */
.lux-title {
    text-align: center;
    margin-bottom: 80px;
}

.lux-subtitle {
    color: #ff7a00;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
}

.lux-title h2 {
    font-size: 46px;
    color: #fff;
    margin: 15px 0;
}

.lux-title p {
    color: rgba(255,255,255,0.7);
}

/* Grid */
.lux-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 35px;
}

/* Card */
.lux-card {
    position: relative;
    padding: 40px 35px;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.08);
    color: #fff;
    transition: all 0.5s ease;
    transform-style: preserve-3d;
    overflow: hidden;
    opacity: 0;
    transform: translateY(60px) scale(0.95);
    animation: revealCard 1s forwards;
}

/* Different delay per card */
.lux-card:nth-child(1){ animation-delay: .2s; }
.lux-card:nth-child(2){ animation-delay: .4s; }
.lux-card:nth-child(3){ animation-delay: .6s; }
.lux-card:nth-child(4){ animation-delay: .8s; }
.lux-card:nth-child(5){ animation-delay: 1s; }
.lux-card:nth-child(6){ animation-delay: 1.2s; }

/* Reveal Animation */
@keyframes revealCard {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* WAVE LIFT EFFECT (new animation style) */
.lux-card:hover {
    transform: translateY(-15px) rotateX(8deg) rotateY(-8deg);
    box-shadow: 0 30px 60px rgba(0,0,0,0.6);
}

/* Glow border animation */
.lux-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    padding: 1px;
    background: linear-gradient(120deg, #ff7a00, #00aaff, #ff7a00);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: 0.5s;
}

.lux-card:hover::before {
    opacity: 1;
    animation: borderMove 4s linear infinite;
}

@keyframes borderMove {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

/* Icon */
.lux-icon {
    margin-bottom: 25px;
}

.lux-icon svg {
    width: 40px;
    height: 40px;
    stroke: #ffffff;
    transition: 0.5s;
}

.lux-card:hover .lux-icon svg {
    transform: scale(1.2) rotate(10deg);
}

/* Text */
.lux-card h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: white;
}

.lux-card p {
    font-size: 15px;
    line-height: 1.8;
    opacity: 0.8;
}
/* ===============================
   PREMIUM FOOTER
================================ */

.main-footer {
    position: relative;
    background-color: #f9aa65;
    overflow: hidden;
    color: #fff;
}

/* 🔥 Orange Glow */
.main-footer::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    top: -300px;
    left: -300px;
    animation: footerRotate 25s linear infinite;
}

/* 🔵 Blue Glow */
.main-footer::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    bottom: -250px;
    right: -250px;
    animation: footerRotate 30s linear infinite reverse;
}

@keyframes footerRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Container fix */
.main-footer .container-layout {
    position: relative;
    z-index: 2;
}

/* =================================
   FOOTER LINKS
================================= */

.main-footer a {
    transition: all 0.3s ease;
    position: relative;
}

/* Underline hover animation */
.main-footer a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background: #ff7a00;
    transition: 0.3s ease;
}

.main-footer a:hover::after {
    width: 100%;
}

/* =================================
   SOCIAL CARD PREMIUM STYLE
================================= */

.social-card {
    background: rgba(255, 122, 0, 0.15) !important;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    transition: 0.4s ease;
}

/* Social hover animation */
.social-card li a {
    position: relative;
    padding: 5px 0;
}

.social-card li a:hover {
    color: #fff !important;
    transform: translateY(-3px);
}


/* ============================= */
/* PREMIUM CLIENT STRIP - LARGE */
/* ============================= */

.brand-strip{
width:100%;
background:#fff;
padding:3px 0;   /* increased section height */
overflow:hidden;
}

/* marquee container */

.brand-marquee{
width:100%;
display:flex;
align-items:center;
overflow:hidden;
}

/* moving track */

.brand-track{
display:flex;
width:fit-content;
animation:brandScroll 60s linear infinite;
}

/* logo group */

.brand-group{
display:flex;
align-items:center;
gap:0;
padding-right:80px;
}

/* LOGO ITEM (for separator line) */

.brand-item{
display:flex;
align-items:center;
justify-content:center;
padding:0 45px;
position:relative;
}

/* VERTICAL LINE */

.brand-item:not(:last-child)::after{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
height:40px;
width:1px;
background:#e5e5e5;  /* subtle line */
}

/* LOGOS */

.brand-item img{
height:95px;   /* bigger logo */
width:auto;
object-fit:contain;
opacity:0.9;
transition:all .3s ease;
}

.brand-item img:hover{
opacity:1;
transform:scale(1.08);
}

/* SCROLL ANIMATION */

@keyframes brandScroll{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-50%);
}
}

/* TABLET */

@media (max-width:768px){

.brand-item img{
height:70px;
}

.brand-item{
padding:0 30px;
}

}

/* MOBILE */

@media (max-width:480px){

.industry-modern-grid{
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.brand-item{
padding:0 20px;
}

}

/* ISO SECTION */

.iso-section{
padding:60px 0;
background:#f7f8fc;
font-family:'Poppins',sans-serif;
text-align:center;
}

.iso-section .container{
max-width:1200px;
margin:auto;
padding:0 15px;
}

.iso-title{
font-size:32px;
margin-bottom:8px;
}

.iso-subtitle{
color:#777;
margin-bottom:35px;
}

/* LOGO LAYOUT */

.iso-scroll{
display:flex;
justify-content:center;
gap:40px;
flex-wrap:wrap;
align-items:center;
}

/* LOGOS ONLY */

.iso-scroll img{
width:110px;
height:auto;
object-fit:contain;
}

/* MOBILE */

/* MOBILE */
/* MOBILE */

@media (max-width:768px){

.iso-scroll{
display:flex;
flex-wrap:wrap;       /* allow next row */
justify-content:center;
gap:20px;
}

.iso-scroll img{
width:45%;            /* 2 logos per row */
height:auto;
}

}
/* Floating Icons Container */
.floating-icons{
    position: fixed;
    right: 20px;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

/* Icon Style */
.float-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 22px;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

/* Hover Animation */
.float-icon:hover{
    transform: scale(1.1);
}

/* Individual Colors */
.whatsapp{
    background: #25D366;
}

.instagram{
    background: #E4405F;
}

.location{
    background: #ff5722;
}
/* Floating wrapper */
.social-wrapper{
    position:fixed;
    right:20px;
    bottom:113px;
    z-index:9999;
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* Toggle button */
.toggle-btn{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#000;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    margin-bottom:64px;
    font-size:18px;
}

/* Icons container */
.social-float{
    display:flex;
    flex-direction:column;
    gap:12px;
}

/* Icons */
.social-icon{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#fff;
    text-decoration:none;
    box-shadow:0 5px 10px rgba(0,0,0,0.3);
    transition:0.3s;
}

.social-icon:hover{
    transform:scale(1.1);
}

/* Colors */
.whatsapp{
    background:#25D366;
}

.instagram{
    background:#E4405F;
}

.location{
    background:#ff5722;
}



/* ===============================
   PREMIUM FOOTER
================================ */

.main-footer {
    position: relative;
    overflow: hidden;
    color: #fff;
}

/* 🔥 Orange Glow */
.main-footer::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(255,120,0,0.25), transparent 60%);
    top: -300px;
    left: -300px;
    animation: footerRotate 25s linear infinite;
}

/* 🔵 Blue Glow */
.main-footer::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(0,150,255,0.25), transparent 60%);
    bottom: -250px;
    right: -250px;
    animation: footerRotate 30s linear infinite reverse;
}

@keyframes footerRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Container fix */
.main-footer .container-layout {
    position: relative;
    z-index: 2;
}

/* =================================
   FOOTER LINKS
================================= */

.main-footer a {
    transition: all 0.3s ease;
    position: relative;
}

/* Underline hover animation */
.main-footer a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background: #ff7a00;
    transition: 0.3s ease;
}

.main-footer a:hover::after {
    width: 100%;
}

/* =================================
   SOCIAL CARD PREMIUM STYLE
================================= */

.social-card {
    background: rgba(255, 122, 0, 0.15) !important;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    transition: 0.4s ease;
}

/* Social hover animation */
.social-card li a {
    position: relative;
    padding: 5px 0;
}

.social-card li a:hover {
    color: #fff !important;
    transform: translateY(-3px);
}


/* =================================
   RESPONSIVE
================================= */

@media (max-width: 768px) {

    .social-card {
        margin-top: 30px;
        text-align: center;
    }

    .main-footer ul {
        flex-wrap: wrap;
        justify-content: center;
    }
}
.h2{
    position: relative;
    display: block;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color:white;
}
/* CLIENT SECTION */
.client-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #0c0f1c, #111428, #0c0f1c);
}

/* Keep container normal */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* CENTER GRID */
.client-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

/* LOGO BOX */
.client-item {
  flex: 0 0 200px;
  height: 122px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 12px;
  transition: 0.4s ease;
  position: relative;
  overflow: hidden;

  /* Floating animation */
  animation: floatClient 4s ease-in-out infinite;
}

/* FLOATING ANIMATION */
@keyframes floatClient {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}

/* HOVER BOUNCE EFFECT */
.client-item:hover {
  animation: bounceClient 0.6s;
  box-shadow: 0 15px 35px rgba(0,0,0,0.25);
}

/* BOUNCE */
@keyframes bounceClient {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.1); }
  60%  { transform: scale(0.95); }
  100% { transform: scale(1.05); }
}

/* GLOW EFFECT */
.client-item::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(120deg, transparent, rgba(232, 208, 140, 0.4), transparent);
  top: -50%;
  left: -50%;
  transform: rotate(25deg);
  opacity: 0;
  transition: 0.4s;
}

.client-item:hover::before {
  opacity: 1;
  animation: shine 1s linear;
}

@keyframes shine {
  0% { left: -80%; }
  100% { left: 120%; }
}

.client-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: 0.3s;
}

.client-item:hover img{
  transform: scale(1.08);
}
/* ============================= */
/* CLIENT PAGE TITLE */
/* ============================= */

.client-page-title{
width:100%;
height:220px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
font-family:"Poppins", sans-serif;
background: linear-gradient(90deg, #c9f4ca, #e9e7ee);
}

/* heading */

.client-page-title h1{
font-size:40px;
font-weight:700;
color:#222;
margin-bottom:10px;
}

.client-page-title h1 span{
color:#e91e63;
}

/* breadcrumb */

.client-breadcrumb{
font-size:15px;
color:#666;
display:flex;
align-items:center;
gap:8px;
}

.client-breadcrumb a{
text-decoration:none;
color:#666;
font-weight:500;
}

.client-breadcrumb a:hover{
color:#e91e63;
}

.client-breadcrumb span{
margin:0 6px;
}

/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px){

.client-page-title{
height:180px;
padding:20px 15px;
}

.client-page-title h1{
font-size:30px;
line-height:1.3;
}

.client-breadcrumb{
font-size:14px;
}

}

/* SMALL MOBILE */

@media (max-width:480px){

.client-page-title{
height:160px;
padding:15px;
}

.client-page-title h1{
font-size:24px;
}

.client-breadcrumb{
font-size:13px;
flex-wrap:wrap;
justify-content:center;
}

}
/* ===============================
   PREMIUM FOOTER
================================ */

.main-footer {
    position: relative;
    overflow: hidden;
    color: #fff;
}

/* 🔥 Orange Glow */
.main-footer::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    top: -300px;
    left: -300px;
    animation: footerRotate 25s linear infinite;
}

/* 🔵 Blue Glow */
.main-footer::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(0,150,255,0.25), transparent 60%);
    bottom: -250px;
    right: -250px;
    animation: footerRotate 30s linear infinite reverse;
}

@keyframes footerRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Container fix */
.main-footer .container-layout {
    position: relative;
    z-index: 2;
}

/* =================================
   FOOTER LINKS
================================= */

.main-footer a {
    transition: all 0.3s ease;
    position: relative;
}

/* Underline hover animation */
.main-footer a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background: #ff7a00;
    transition: 0.3s ease;
}

.main-footer a:hover::after {
    width: 100%;
}

/* =================================
   SOCIAL CARD PREMIUM STYLE
================================= */

.social-card {
    background: rgba(255, 122, 0, 0.15) !important;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    transition: 0.4s ease;
}

/* Social hover animation */
.social-card li a {
    position: relative;
    padding: 5px 0;
}

.social-card li a:hover {
    color: #fff !important;
    transform: translateY(-3px);
}

/* CLIENT SECTION */
.client-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #0c0f1c, #111428, #0c0f1c);
}

/* Keep container normal */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* CENTER GRID */
.client-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

/* LOGO BOX */
.client-item {
  flex: 0 0 200px;
  height: 122px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 12px;
  transition: 0.4s ease;
  position: relative;
  overflow: hidden;

  /* Floating animation */
  animation: floatClient 4s ease-in-out infinite;
}

/* FLOATING ANIMATION */
@keyframes floatClient {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}

/* HOVER BOUNCE EFFECT */
.client-item:hover {
  animation: bounceClient 0.6s;
  box-shadow: 0 15px 35px rgba(0,0,0,0.25);
}

/* BOUNCE */
@keyframes bounceClient {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.1); }
  60%  { transform: scale(0.95); }
  100% { transform: scale(1.05); }
}

/* GLOW EFFECT */
.client-item::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: linear-gradient(120deg, transparent, rgba(232, 208, 140, 0.4), transparent);
  top: -50%;
  left: -50%;
  transform: rotate(25deg);
  opacity: 0;
  transition: 0.4s;
}

.client-item:hover::before {
  opacity: 1;
  animation: shine 1s linear;
}

@keyframes shine {
  0% { left: -80%; }
  100% { left: 120%; }
}

.client-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: 0.3s;
}

.client-item:hover img{
  transform: scale(1.08);
}
/* ============================= */
/* HERO SECTION */
/* ============================= */

.client-hero {
  height: 50vh;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;

  background: url("/assets/images/clients/clients.png") center center / cover no-repeat;
}

/* Overlay */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
}

/* Content */
.hero-content {
  position: relative;
  text-align: center;
  color: #ffffff;
  padding: 0 20px;
  z-index: 2;
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

/* Tablets */
@media (max-width: 992px) {
  .client-hero {
    height: 45vh;
    background-position: center;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .client-hero {
    height: 40vh;
    min-height: 280px;
    background-position: center center;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .client-hero {
    height: auto;
    min-height: 240px;
    padding: 70px 0;

    /* 👇 Important for better cropping on small screens */
    background-position: center top;
    background-size: cover;
  }
}


    /* ===== GLOBAL FIX FOR EDGE CUTTING ===== */
* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
}

body {
    margin: 0;
}
/* HEADER BASE */

.main-header{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:#ffffff;
    transition: all .4s ease;
}

.header-container{
    max-width:1200px;
    margin:auto;
    padding:15px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* LOGO */

.logo img{
    height:45px;
}

/* NAV MENU */

.nav-menu ul{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
}

.nav-menu ul li{
    position:relative;
}

.nav-menu ul li a{
    text-decoration:none;
    color:#111;
    font-weight:500;
    font-size:16px;
    transition:.3s;
}

/* Hover Effect */

.nav-menu ul li a:hover{
    color:#ff6b00;
}

/* DROPDOWN */

.dropdown-menu{
    position:absolute;
    top:120%;
    left:0;
    background:#fff;
    width:220px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    opacity:0;
    visibility:hidden;
    transition:.3s;
}

.dropdown-menu li{
    padding:10px 20px;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    top:100%;
}

/* BUTTON */

.btn-primary{
    background:#ff6b00;
    color:#fff;
    padding:10px 22px;
    border-radius:30px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.btn-primary:hover{
    background:#000;
}
/* HEADER BASE */

.main-header{
    position: relative;
    width: 100%;
    z-index: 9999;
    transition: all 0.4s ease;
}

/* STICKY HEADER */

.sticky-header{
    position: fixed;
    top: -120px;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 9999;
    transition: all 0.5s ease;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* SHOW ON SCROLL */

.sticky-header.fixed-header{
    top: 0;
}

/* NAVIGATION STYLE */

.navigation li a{
    font-size: 16px;
    font-weight: 500;
    padding: 10px 18px;
    color: #222;
    transition: all .3s ease;
}

/* HOVER EFFECT */

.navigation li a:hover{
    color: #ff6a00;
}

/* DROPDOWN */

.sub-menu{
    position: absolute;
    left: 0;
    top: 120%;
    background: #fff;
    min-width: 230px;
    border-radius: 8px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all .35s ease;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.dropdown:hover .sub-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* DROPDOWN ITEMS */

.sub-menu li a{
    display: block;
    padding: 10px 20px;
    font-size: 15px;
}

.sub-menu li a:hover{
    background:#f5f5f5;
    color:#ff6a00;
}

/* HEADER BUTTON */

.theme-btn{
    border-radius: 30px;
    font-weight: 600;
    transition: all .3s ease;
}

.theme-btn:hover{
    transform: translateY(-2px);
}
/* STICKY SCROLL EFFECT */

.header-scrolled{
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    padding:5px 0;
}
.hero-slider{
  width:100%;
  height:65vh;
  overflow:hidden;
  position:relative;
  margin:0;
  padding:0;
}

.slides-track{
  display:flex;
  width:100%;
  height:100%;
}

.slide{
min-width:100%;
height:100%;
position:relative;
}

.slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
/* Explore Button */

.explore-btn{
position:absolute;
bottom:60px;
left:60px;
background:#A7080D;
color:#fff;
padding:14px 28px;
border-radius:30px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.explore-btn:hover{
background:#A7080D;
}
.visit-btn{
position:absolute;
bottom:20px;
left:220px;
background:#1b1b4e;
color:#fff;
padding:7px 20px;
border-radius:30px;
text-decoration:none;
font-weight:600;
z-index:10;
}
.explore-btn{
position:absolute;
bottom:20px;
left:60px;
background:#A7080D;
color:#fff;
padding:7px 20px;
border-radius:30px;
text-decoration:none;
font-weight:600;
z-index:10;
}
@media (max-width:768px){

.explore-btn{
bottom:25px;
left:50%;
transform:translateX(-110%);
font-size:14px;
padding:12px 20px;
}

.visit-btn{
bottom:25px;
left:50%;
transform:translateX(10%);
font-size:14px;
padding:12px 20px;
}

}
/* ================= MOBILE HERO RESPONSIVE ================= */

@media (max-width:768px){

.hero-slider{
    height:60vh;          /* better height for mobile */
}
.slide img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* button position */
.explore-btn{
    bottom:25px;
    left:50%;
    transform:translateX(-50%);
    padding:12px 24px;
    font-size:14px;
}

/* optional: reduce header space */
.header-scrolled{
    padding:8px 0;
}

}
@media (max-width:768px){

/* Remove section background */
.hero-slider{
  background:none;
  height:auto;
  padding:0;
}

/* Show full image only */
.slide{
  height:auto;
  padding:0;
}

.slide img{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
}

/* Smaller buttons */
.explore-btn,
.visit-btn{
  padding:0px 5px;
  font-size:11px;
  border-radius:15px;
  bottom:22px;
}

/* Adjust button positions */
.explore-btn{
  left:18%;
  transform:translateX(-50%);
}

.visit-btn{
  left:36%;
  transform:translateX(-50%);
}

}
@media (max-width:768px){

.hero-slider{
  height:100px;
}

.slide{
  height:117px;
}

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

}
@media (max-width:768px){

/* hide buttons */

.explore-btn,
.visit-btn{
display:none;
}

/* make image clickable full width */

.mobile-slide-link{
display:block;
width:100%;
height:100%;
}

.mobile-slide-link img{
width:100%;
height:100%;
object-fit:cover;
}

}
/* ===============================
   PREMIUM ABOUT SECTION
================================ */
.about-section {
    position: relative;
    padding: 60px 20px;
    background:#ebc5c1;
    overflow: hidden;
}
/* 🔥 Orange Glow */
.about-section::before {
    content: "";
    position: absolute;
    width: 900px;
    height: 900px;
    background: #171b42;
    top: -355px;
    left: -335px;
    animation: rotateGlow 30s linear infinite;
} 

/* 🔵 Blue Glow */
.about-section::after {
    content: "";
    position: absolute;
    width: 800px;
    height: 800px;
    bottom: -350px;
    right: -350px;
    animation: rotateGlow 35s linear infinite reverse;
}

@keyframes rotateGlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Layout */
.about-wrapper {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    position: relative;
    z-index: 2;
}

/* LEFT SIDE */
.about-left {
    flex: 1;
}

.sub-title {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

.about-left h1 {
    font-size: 42px;
    margin: 15px 0 20px;
    font-weight: 700;
    color: #fff;
}

.about-left p {
    font-size: 19px;
    line-height: 1.8;
    color: #ffffff;
    margin-bottom: 30px;
}

/* FOLLOW ROW */
.follow-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.follow-label {
    font-weight: 600;
    color: #fff;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.08);
    color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    transition: 0.3s ease;
    font-size: 14px;
    backdrop-filter: blur(10px);
}

.social-icons a:hover {
    background: #ff7a00;
    transform: translateY(-4px);
}

/* RIGHT SIDE */
.about-right {
    flex: 1;
}

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

.stat-card {
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(15px);
    border: 1px solid white;
    padding: 35px;
    text-align: center;
    border-radius: 18px;
    color: #fff;
    position: relative;
    overflow: hidden;

    opacity: 0;
    transform: translateY(50px);
    animation: statReveal 1s forwards;
}

/* inner wrapper for floating */
.stat-card-inner{
    animation: softFloat 6s ease-in-out infinite;
}

/* Stagger delay */
.stat-card:nth-child(1){ animation-delay: .2s; }
.stat-card:nth-child(2){ animation-delay: .4s; }
.stat-card:nth-child(3){ animation-delay: .6s; }
.stat-card:nth-child(4){ animation-delay: .8s; }

/* Reveal animation */
@keyframes statReveal {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    70% {
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Floating animation */
@keyframes softFloat {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}

/* Hover */
.stat-card:hover {
    transform: translateY(-15px) scale(1.05);
    box-shadow: 0 25px 60px rgba(0,0,0,0.6);
}
/* SECTION */
.premium-services{
padding:90px 20px;   /* reduced height */
background: radial-gradient(circle at 20% 30%,  #fff, #ffffffad 60%);
overflow:hidden;
}
/* HEADER */
.section-header{
text-align:center;
margin-bottom:70px;
}

.section-header h2{
font-size:42px;
letter-spacing:4px;
color:#b44444;
}

/* SLIDER */

.services-slider{
position:relative;
overflow:hidden;
margin-top:40px;
}

.services-track{
display:flex;
gap:40px;
transition:0.4s;
overflow:hidden;   /* removes bottom scrollbar */
scroll-behavior:smooth;
padding:20px;
}

/* CARD */

.service-card{
min-width:320px;
border-radius:20px;
overflow:hidden;
transition:0.4s;
}

/* TOP ICON AREA */

.card-top{
height:200px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,0.05);
backdrop-filter:blur(8px);
border-radius:20px 20px 0 0;
}

.card-top i{
font-size:60px;
color:#ff7a18;
}

/* ORANGE CONTENT */

.card-content{
background:linear-gradient(135deg,#ff7a18,#ff9f3c);
padding:35px;
border-radius:0 0 20px 20px;
color:white;
position:relative;
}

/* TITLE BOX */

.card-content span{
display:inline-block;
background:white;
color:#555;
padding:10px 20px;
border-radius:10px;
font-weight:600;
margin-bottom:15px;
}

.card-content p{
font-size:15px;
line-height:1.6;
}

/* HOVER */

.service-card:hover{
transform:translateY(-10px);
}

/* ARROWS */

.arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:45px;
height:45px;
border-radius:50%;
background:#f2f2f2;
border:none;
font-size:20px;
cursor:pointer;
z-index:10;
box-shadow:0 10px 25px rgba(0,0,0,0.3);
}

.arrow.left{
left:-10px;
}

.arrow.right{
right:-10px;
}
/* MOBILE RESPONSIVE FIX */
@media (max-width:768px){

.services-track{
justify-content:center;
scroll-snap-type:x mandatory;
}

.service-card{
scroll-snap-align:center;
}

}
/* MOBILE CENTER FIX */
@media (max-width:768px){

.services-slider{
display:flex;
align-items:center;
justify-content:center;
}

.services-track{
padding:20px calc((100% - 320px) / 2);
}

}
body {
    background-color: var(--color-white);
    font-family: var(--font-primary);
    font-size: 18px;
    --tw-leading: 27px;
    line-height: 27px;
    color:#1b1b4e;
}
/* ===============================
   PREMIUM TESTIMONIAL SECTION
=================================*/
.premium-testimonial {
    position: relative;
    padding: 120px 0;
    background: linear-gradient(135deg, #0f172a, #1e293b);
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Animated Glow Background */
.premium-testimonial::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 0, 128, 0.25), transparent 70%);
    top: -200px;
    left: -200px;
    animation: glowMove 8s infinite alternate ease-in-out;
}

.premium-testimonial::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(0, 200, 255, 0.25), transparent 70%);
    bottom: -200px;
    right: -200px;
    animation: glowMove 10s infinite alternate-reverse ease-in-out;
}

@keyframes glowMove {
    from { transform: translateY(0px) scale(1); }
    to { transform: translateY(40px) scale(1.1); }
}

/* CLIENT ICON STYLE FOR TESTIMONIAL */
.premium-testimonial .client-info img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: linear-gradient(135deg,#4a6cf7,#6a8dff);
    padding: 20px;
    object-fit: contain;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 10px 25px rgba(74,108,247,0.4);
    transition: 0.4s ease;

    animation: pulse 3s infinite;
}

/* Hover Animation */
.premium-testimonial .client-info img:hover{
    transform: scale(1.1) rotate(5deg);
}

/* Pulse Animation */
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(74,108,247,0.5);
    }
    70%{
        box-shadow:0 0 0 15px rgba(74,108,247,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(74,108,247,0);
    }
}

/* ===============================
   PREMIUM VALUES SECTION
================================ */

.premium-values-section {
  .premium-values-section {
    position: relative;
    padding: 70px 0;   /* reduced more */
    background: linear-gradient(180deg,#f0e0f6,#eacded);
    overflow: hidden;
}
}
/* Animated Glow Background */
.premium-values-section::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 140, 0, 0.25), transparent 70%);
    top: -200px;
    left: -200px;
    animation: glowMove 10s infinite alternate ease-in-out;
}

.premium-values-section::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(0, 191, 255, 0.2), transparent 70%);
    bottom: -200px;
    right: -200px;
    animation: glowMove 12s infinite alternate-reverse ease-in-out;
}

@keyframes glowMove {
    from { transform: translateY(0px) rotate(0deg); }
    to { transform: translateY(40px) rotate(20deg); }
}

/* Container */
.premium-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* Title */
.premium-title {
    text-align: center;
    margin-bottom: 80px;
}

.premium-subtitle{
display:inline-block;
background:#1b2f63;     /* background box */
color:#fff;          /* text color */
padding:6px 14px;       /* space inside box */
font-size:14px;
font-weight:600;
border-radius:20px;     /* rounded box */
margin-bottom:10px;
}

.premium-title h2 {
    font-size: 42px;
    font-weight: 600;
    color:#A7080D;
    margin-top: 16px;
}

/* Grid */
.premium-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
}

/* Card */
.premium-card {
    position: relative;
    padding: 40px 35px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.08);
    color: #fff;
    text-align: center;
    transition: 0.6s ease;
    animation: floatCard 4s ease-in-out infinite;
}

/* Hanging floating animation */
@keyframes floatCard {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
}

/* Hover Rolling Effect */
.premium-card:hover {
    transform: rotateY(8deg) rotateX(6deg) scale(1.05);
    box-shadow: 0 25px 50px rgba(0,0,0,0.5);
}

/* Icon */
.premium-icon {
    font-size: 36px;
    margin-bottom: 25px;
    color: #ff8c00;
    transition: 0.4s;
}

.premium-card:hover .premium-icon {
    color: #00bfff;
    transform: rotate(15deg) scale(1.2);
}

/* Text */
.premium-card h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #1b1b4e;
}

.premium-card p {
    font-size: 15px;
    line-height: 1.8;
    opacity: 0.8;
}
/* ===============================
   PREMIUM VALUES SECTION
================================ */

.premium-values-section {
    position: relative;
    padding: 60px 0;   /* reduced height */
    background: linear-gradient(180deg,#f4f1f5,#efe8f0);
    overflow: hidden;
}

/* Title */
.premium-title {
    text-align: center;
    margin-bottom: 35px;   /* reduced spacing */
}

/* Card */
.premium-card {
    position: relative;
    padding: 25px 24px;   /* reduced card height */
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);
    border: 2px solid #fff;
    color:#1b1b4e ;
    text-align: center;
    transition: 0.6s ease;
    animation: floatCard 4s ease-in-out infinite;
}

/* Grid spacing */
.premium-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;   /* reduced gap */
}
/* center button below cards */
.premium-btn{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:30px;
}

/* button style */
.premium-button{
    padding:12px 34px;
    border-radius:30px;
    text-decoration:none;
    font-size:15px;
    color:#fff;
    background:#e60b0b;
    transition:0.3s;
}

.premium-button:hover{
    transform:translateY(-3px);
}
/* ===============================
   LUXURY CHOOSE SECTION
================================ */

.lux-choose-section {
    position: relative;
    padding: 130px 0;
    background: linear-gradient(135deg, #0c0f1c, #111428, #0c0f1c);
    overflow: hidden;
}

/* Animated Mesh Glow Background */
.lux-choose-section::before {
    content: "";
    position: absolute;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255, 120, 0, 0.25), transparent 60%);
    top: -300px;
    left: -300px;
    animation: rotateGlow 18s linear infinite;
}

.lux-choose-section::after {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(0, 140, 255, 0.2), transparent 60%);
    bottom: -300px;
    right: -300px;
    animation: rotateGlow 25s linear infinite reverse;
}

@keyframes rotateGlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Container */
.lux-container {
    width: 90%;
    max-width: 1300px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* Title */
.lux-title {
    text-align: center;
    margin-bottom: 80px;
}

.lux-subtitle {
    color: #ff7a00;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
}

.lux-title h2 {
    font-size: 46px;
    color: #fff;
    margin: 15px 0;
}

.lux-title p {
    color: rgba(255,255,255,0.7);
}

/* Grid */
.lux-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 35px;
}

/* Card */
.lux-card {
    position: relative;
    padding: 40px 35px;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.08);
    color: #fff;
    transition: all 0.5s ease;
    transform-style: preserve-3d;
    overflow: hidden;
    opacity: 0;
    transform: translateY(60px) scale(0.95);
    animation: revealCard 1s forwards;
}

/* Different delay per card */
.lux-card:nth-child(1){ animation-delay: .2s; }
.lux-card:nth-child(2){ animation-delay: .4s; }
.lux-card:nth-child(3){ animation-delay: .6s; }
.lux-card:nth-child(4){ animation-delay: .8s; }
.lux-card:nth-child(5){ animation-delay: 1s; }
.lux-card:nth-child(6){ animation-delay: 1.2s; }

/* Reveal Animation */
@keyframes revealCard {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* WAVE LIFT EFFECT (new animation style) */
.lux-card:hover {
    transform: translateY(-15px) rotateX(8deg) rotateY(-8deg);
    box-shadow: 0 30px 60px rgba(0,0,0,0.6);
}

/* Glow border animation */
.lux-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    padding: 1px;
    background: linear-gradient(120deg, #ff7a00, #00aaff, #ff7a00);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: 0.5s;
}

.lux-card:hover::before {
    opacity: 1;
    animation: borderMove 4s linear infinite;
}

@keyframes borderMove {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

/* Icon */
.lux-icon {
    margin-bottom: 25px;
}

.lux-icon svg {
    width: 40px;
    height: 40px;
    stroke: #ffffff;
    transition: 0.5s;
}

.lux-card:hover .lux-icon svg {
    transform: scale(1.2) rotate(10deg);
}

/* Text */
.lux-card h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: white;
}

.lux-card p {
    font-size: 15px;
    line-height: 1.8;
    opacity: 0.8;
}
/* ===============================
   PREMIUM FOOTER
================================ */

.main-footer {
    position: relative;
    background-color: #ece4ed;
    overflow: hidden;
    color: #fff;
}

/* 🔥 Orange Glow */
.main-footer::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    top: -300px;
    left: -300px;
    animation: footerRotate 25s linear infinite;
}

/* 🔵 Blue Glow */
.main-footer::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    bottom: -250px;
    right: -250px;
    animation: footerRotate 30s linear infinite reverse;
}

@keyframes footerRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Container fix */
.main-footer .container-layout {
    position: relative;
    z-index: 2;
}

/* =================================
   FOOTER LINKS
================================= */

.main-footer a {
    transition: all 0.3s ease;
    position: relative;
}

/* Underline hover animation */
.main-footer a::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background: #ff7a00;
    transition: 0.3s ease;
}

.main-footer a:hover::after {
    width: 100%;
}

/* =================================
   SOCIAL CARD PREMIUM STYLE
================================= */

.social-card {
    background: #111428 !important;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    transition: 0.4s ease;
}

/* Social hover animation */
.social-card li a {
    position: relative;
    padding: 5px 0;
}

.social-card li a:hover {
    color: #fff !important;
    transform: translateY(-3px);
}

/* ============================= */
/* PREMIUM CLIENT STRIP - MEDIUM HEIGHT */
/* ============================= */
.brand-strip{
  width:100%;
  background:#fff;
  padding:3px 0;   /* small section height */
  overflow:hidden;
}

/* marquee container */

.brand-marquee{
  width:100%;
  display:flex;
  align-items:center;
  overflow:hidden;
}

/* moving track */

.brand-track{
  display:flex;
  width:fit-content;
  animation:brandScroll 60s linear infinite;  /* keeps scrolling */
}

/* logo group */

.brand-group{
  display:flex;
  align-items:center;
  gap:60px;
  padding-right:60px;
}

/* bigger logos */

.brand-group img{
  height:70px;   /* increase logo size */
  width:auto;
  object-fit:contain;
  opacity:0.9;
  transition:all .3s ease;
}

.brand-group img:hover{
  opacity:1;
  transform:scale(1.1);
}

/* smooth scroll animation */

@keyframes brandScroll{
  0%{
    transform:translateX(0);
  }
  100%{
    transform:translateX(-50%);
  }
}
@media (max-width:768px){

  .brand-marquee{
    height:95px;
  }

  .brand-group img{
    height:55px;
  }

  .brand-group{
    gap:60px;
  }
}

@media (max-width:480px){

  .brand-marquee{
    height:98px;
  }

  .brand-group img{
    height:45px;
  }

  .brand-group{
    gap:40px;
  }
}
/* ================= MOBILE FIX ================= */

@media (max-width:768px){

  .brand-strip{
    padding:10px 0;   /* reduced section height */
  }

  .brand-marquee{
    height:60px;      /* reduced height */
  }

  .brand-group img{
    height:40px;      /* smaller logos */
  }

  .brand-group{
    gap:40px;
  }
}

@media (max-width:480px){

  .brand-strip{
    padding:8px 0;    /* even smaller section */
  }

  .brand-marquee{
    height:50px;
  }

  .brand-group img{
    height:35px;
  }

  .brand-group{
    gap:30px;
  }
}
/* ISO SECTION */

.iso-section{
    padding:35px 20px;   /* reduced from 60px */
    background:#f7f8fc;
    font-family:'Poppins',sans-serif;
}

.iso-section .container{
    max-width:1200px;
    margin:auto;
    text-align:center;
}

.iso-title{
    font-size:28px;
    margin-bottom:5px;   /* reduced spacing */
}

.iso-subtitle{
    color:#777;
    margin-bottom:20px;  /* reduced spacing */
    font-size:14px;
}

/* SCROLL WRAPPER */

.iso-scroll-wrapper{
    overflow-x:auto;
}

/* IMAGE ROW */

.iso-scroll{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:30px;
    width:max-content;
    min-width:100%;
}

/* IMAGES */

.iso-scroll img{
    width:120px;
    height:auto;
    flex-shrink:0;
    transition:0.3s;
}

.iso-scroll img:hover{
    transform:scale(1.08);
}

/* MOBILE */

@media (max-width:768px){

    .iso-section{
        padding:25px 15px;
    }

    .iso-scroll img{
        width:90px;
    }

}
/* Floating Icons Container */
.floating-icons{
    position: fixed;
    right: 20px;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

/* Icon Style */
.float-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 22px;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

/* Hover Animation */
.float-icon:hover{
    transform: scale(1.1);
}

/* Individual Colors */
.whatsapp{
    background: #25D366;
}

.instagram{
    background: #E4405F;
}

.location{
    background: #ff5722;
}
/* Floating wrapper */
.social-wrapper{
    position:fixed;
    right:20px;
    bottom:113px;
    z-index:9999;
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* Toggle button */
.toggle-btn{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#000;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    margin-bottom:64px;
    font-size:18px;
}

/* Icons container */
.social-float{
    display:flex;
    flex-direction:column;
    gap:12px;
}

/* Icons */
.social-icon{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#fff;
    text-decoration:none;
    box-shadow:0 5px 10px rgba(0,0,0,0.3);
    transition:0.3s;
}

.social-icon:hover{
    transform:scale(1.1);
}

/* Colors */
.whatsapp{
    background:#25D366;
}

.instagram{
    background:#E4405F;
}

.location{
    background:#ff5722;
}
/* ===============================
CONTACT SECTION
=============================== */

.contact-section{
background:#d9eff1;
padding:60px 20px;
}

.contact-container{
width:90%;
max-width:1200px;
margin:auto;
display:flex;
gap:60px;
align-items:flex-start;
flex-wrap:wrap;
}


/* ===============================
LEFT SIDE
=============================== */

.contact-left{
flex:1;
min-width:300px;
}

.contact-tag{
color:#ff3c7f;
font-weight:600;
letter-spacing:1px;
margin-bottom:10px;
}

.contact-left h2{
font-size:42px;
color:#0b1142;
margin-bottom:15px;
line-height:1.3;
font-weight:700;
}

.contact-sub{
color:#6b7280;
margin-bottom:40px;
font-size:16px;
line-height:1.6;
}


/* ===============================
FORM
=============================== */

.contact-form input,
.contact-form select,
.contact-form textarea{
width:100%;
padding:14px 18px;
border:1px solid #dcdcdc;
border-radius:25px;
font-size:15px;
background:#fff;
outline:none;
transition:0.3s;
}

.form-row{
display:flex;
gap:20px;
margin-bottom:20px;
}

.form-row input,
.form-row select{
flex:1;
}

.contact-form textarea{
margin-top:10px;
height:110px;
resize:none;
border-radius:20px;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
border-color:#ff6f9c;
box-shadow:0 0 0 2px rgba(255,111,156,0.15);
}


/* ===============================
BUTTON
=============================== */

.submit-btn{
margin-top:25px;
width:100%;
padding:16px;
border:none;
border-radius:40px;
color:white;
font-size:16px;
font-weight:600;
cursor:pointer;
background:linear-gradient(90deg,#f2c19c,#ef6aa3);
transition:0.3s;
}

.submit-btn:hover{
opacity:0.9;
}


/* ===============================
RIGHT SIDE
=============================== */

.contact-right{
flex:1;
min-width:260px;
}

.contact-box{
padding:30px;
border-radius:8px;
margin-bottom:20px;
}

.contact-box h4{
margin-bottom:10px;
color:#384062;
}

.contact-box p{
color:#555;
margin-bottom:10px;
}

.contact-box strong{
color:#384062;
font-size:18px;
}


/* ===============================
BOX COLORS
=============================== */

.phone-box{
background:#e9e1d9;
}

.email-box{
background:#e8d4d4;
}

.skype-box{
background:#d7e7e6;
}


/* ===============================
TABLET RESPONSIVE
=============================== */

@media (max-width:991px){

.contact-container{
flex-direction:column;
gap:40px;
}

.form-row{
flex-direction:column;
gap:15px;
}

.contact-left h2{
font-size:34px;
}

}


/* ===============================
MOBILE RESPONSIVE
=============================== */

@media (max-width:768px){

.contact-section{
padding:50px 15px;
}

.contact-left h2{
font-size:28px;
}

.contact-sub{
font-size:15px;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
padding:12px 14px;
font-size:14px;
}

.contact-form textarea{
height:100px;
}

.submit-btn{
padding:14px;
font-size:15px;
}

.contact-box{
padding:20px;
}

}


/* ===============================
SMALL MOBILE
=============================== */

@media (max-width:480px){

.contact-left h2{
font-size:24px;
}

.contact-tag{
font-size:13px;
}

.contact-sub{
font-size:14px;
}

.submit-btn{
font-size:14px;
padding:12px;
}

.contact-box strong{
font-size:16px;
}

}
 .contact-form textarea {
    width: 74%;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-size: 15px;
    background: transparent;
    outline: none;
}
.map-section{
padding:60px 0;
background:#f7f7f7;
}

.map-container{
width:90%;
max-width:1200px;
margin:auto;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.map-container iframe{
width:100%;
height:450px;
border:none;
display:block;
}
/* Floating Icons Container */
.floating-icons{
    position: fixed;
    right: 20px;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 9999;
}

/* Icon Style */
.float-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 22px;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

/* Hover Animation */
.float-icon:hover{
    transform: scale(1.1);
}

/* Individual Colors */
.whatsapp{
    background: #25D366;
}

.instagram{
    background: #E4405F;
}

.location{
    background: #ff5722;
}
/* Floating wrapper */
.social-wrapper{
    position:fixed;
    right:20px;
    bottom:113px;
    z-index:9999;
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* Toggle button */
.toggle-btn{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#000;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    margin-bottom:64px;
    font-size:18px;
}

/* Icons container */
.social-float{
    display:flex;
    flex-direction:column;
    gap:12px;
}

/* Icons */
.social-icon{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#fff;
    text-decoration:none;
    box-shadow:0 5px 10px rgba(0,0,0,0.3);
    transition:0.3s;
}

.social-icon:hover{
    transform:scale(1.1);
}

/* Colors */
.whatsapp{
    background:#25D366;
}

.instagram{
    background:#E4405F;
}

.location{
    background:#ff5722;
}

.about-service-section{
    padding:100px 0;
    background: linear-gradient(135deg,#eef2ff,#f8fafc,#e0f2fe);
    font-family:'Poppins',sans-serif;
}

.about-service-container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/* TITLE */
.about-service-title{
    text-align:center;
    margin-bottom:60px;
}

.about-service-tag{
    background:#ff6a3d;
    color:white;
    padding:6px 18px;
    border-radius:20px;
    font-size:14px;
}

.about-service-title h2{
    font-size:40px;
    margin:15px 0;
}

.about-service-title h2 span{
    color:#ff6a3d;
}

.about-service-title p{
    color:#555;
}

/* GRID */
.about-service-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

/* CARD */
.about-service-card{
    position:relative;
    background:white;
    padding:60px 30px 35px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.about-service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

/* DIAMOND ICON BOX */
.about-service-icon-box{
    position:absolute;
    top:-35px;
    left:50%;
    transform:translateX(-50%) rotate(45deg);
    width:70px;
    height:70px;
    background:white;
    border:2px solid #ff6a3d;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
}

/* ICON FIX ROTATION */
.about-service-icon{
    transform:rotate(-45deg);
    font-size:28px;
}

/* TEXT */
.about-service-card h3{
    margin-top:20px;
    margin-bottom:10px;
    font-size:20px;
}

.about-service-card p{
    font-size:14px;
    color:#666;
    margin-bottom:20px;
}

.about-service-card a{
    text-decoration:none;
    color:#ff6a3d;
    font-weight:600;
}

/* RESPONSIVE */
@media(max-width:900px){
.about-service-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.about-service-grid{
grid-template-columns:1fr;
}
}
/* SECTION */

.workflow-section{
padding:39px 20px;
background: linear-gradient(135deg, #f8ecef, #f2f9e4);
color:#A7080D;
text-align:center;
overflow:hidden;
}

/* HEADER */

.workflow-header span{
color:#1b1b4e;
font-weight:600;
letter-spacing:2px;
font-size:16px;
}

.workflow-header h2{
font-size:42px;
margin:10px 0;
}

.workflow-header p{
max-width:600px;
margin:auto;
color:#000000;
}

/* TIMELINE */

.workflow-timeline{
position:relative;
margin-top:80px;
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

/* LINE */

.workflow-timeline::before{
content:"";
position:absolute;
top:20px;
left:0;
width:100%;
height:2px;
background:linear-gradient(90deg,#ff6a3d,#ffb347);
}

/* STEP */

.workflow-step{
position:relative;
width:16%;
min-width:160px;
}

/* DOT */

.step-dot{
width:18px;
height:18px;
background:#A7080D;
border-radius:50%;
margin:auto;
margin-bottom:15px;
box-shadow:0 0 0 6px rgba(255,106,61,0.2);
}

/* TEXT */

.workflow-step h4{
font-size:20px;
margin-bottom:6px;
}

.workflow-step p{
font-size:16px;
color:#000000;
}

/* HOVER EFFECT */

.workflow-step:hover .step-dot{
transform:scale(1.3);
transition:0.3s;
}

/* MOBILE */

@media(max-width:900px){

.workflow-timeline{
flex-direction:column;
align-items:center;
}

.workflow-timeline::before{
display:none;
}

.workflow-step{
width:100%;
max-width:300px;
margin-bottom:40px;
}

}

.about-testimonials{
padding:100px 0;
background:#f8f9fb;
text-align:center;
overflow:hidden;
}

.about-testimonials-container{
width:90%;
max-width:1200px;
margin:auto;
}

.about-testimonials-tag{
background:#A7080D;
color:#fff;
padding:8px 22px;
border-radius:30px;
font-size:14px;
display:inline-block;
margin-bottom:20px;
}

.about-testimonials-header h2{
font-size:42px;
font-weight:700;
margin-bottom:15px;
}

.about-testimonials-header p{
color:#666;
margin-bottom:60px;
}

.about-testimonials-wrapper{
overflow:hidden;
position:relative;
}

.about-testimonials-track{
display:flex;
gap:30px;
transition:transform 0.6s ease;
}

.about-testimonials-card{
min-width:350px;
background:#fff;
padding:30px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
text-align:left;
}

.about-testimonials-card p{
font-size:15px;
color:#555;
margin:15px 0 25px;
line-height:1.6;
}

.about-testimonials-stars{
color:#f6b400;
font-size:18px;
}

.about-testimonials-client{
display:flex;
align-items:center;
gap:12px;
}

.about-testimonials-client img{
width:45px;
height:45px;
border-radius:50%;
}

.about-testimonials-client h4{
margin:0;
font-size:16px;
}

.about-testimonials-client span{
font-size:13px;
color:#888;
}
/* ===== TESTIMONIALS MOBILE RESPONSIVE ===== */

@media (max-width:768px){

.about-testimonials{
padding:70px 20px;
}

.about-testimonials-header h2{
font-size:28px;
line-height:1.3;
}

.about-testimonials-header p{
font-size:14px;
margin-bottom:40px;
}

/* slider */

.about-testimonials-track{
gap:20px;
}

/* cards */

.about-testimonials-card{
min-width:85%;
padding:25px;
border-radius:14px;
}

.about-testimonials-card p{
font-size:14px;
}

/* client */

.about-testimonials-client img{
width:40px;
height:40px;
}

.about-testimonials-client h4{
font-size:15px;
}

.about-testimonials-client span{
font-size:12px;
}

}


/* ===== SMALL MOBILE ===== */

@media (max-width:480px){

.about-testimonials-header h2{
font-size:24px;
}

.about-testimonials-card{
min-width:92%;
padding:22px;
}

.about-testimonials-stars{
font-size:16px;
}

}
.home-testimonials{
padding:50px 0;
background:#f8f9fb;
text-align:center;
overflow:hidden;
}

.home-testimonials-container{
width:90%;
max-width:1200px;
margin:auto;
}

.home-testimonials-tag{
background:#A7080D;
color:#fff;
padding:8px 22px;
border-radius:30px;
font-size:14px;
display:inline-block;
margin-bottom:20px;
}

.home-testimonials-header h2{
font-size:42px;
font-weight:700;
margin-bottom:24px;
}
.blue-text{
color:#1b1b4e;
}

.red-text{
color:#A7080D;
}


.home-testimonials-header p{
color:#666;
margin-bottom:60px;
}

.home-testimonials-wrapper{
overflow:hidden;
position:relative;
}

.home-testimonials-track{
display:flex;
gap:30px;
transition:transform 0.6s ease;
}

.home-testimonials-card{
min-width:350px;
background:#fff;
padding:30px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
text-align:left;
}

.home-testimonials-card p{
font-size:15px;
color:#555;
margin:15px 0 25px;
line-height:1.6;
}

.home-testimonials-stars{
color:#f6b400;
font-size:18px;
}

.home-testimonials-client{
display:flex;
align-items:center;
gap:12px;
}

.home-testimonials-client img{
width:45px;
height:45px;
border-radius:50%;
}

.home-testimonials-client h4{
margin:0;
font-size:16px;
}

.home-testimonials-client span{
font-size:13px;
color:#888;
}
/* ===============================
   MOBILE RESPONSIVE
================================ */

@media (max-width:768px){

.home-testimonials{
    padding:70px 20px;
}

/* container */
.home-testimonials-container{
    width:100%;
}

/* heading */
.home-testimonials-header h2{
    font-size:28px;
    line-height:1.3;
}

.home-testimonials-header p{
    font-size:14px;
    margin-bottom:40px;
}

/* slider track */
.home-testimonials-track{
    gap:20px;
}

/* testimonial card */
.home-testimonials-card{
    min-width:260px;
    padding:25px;
}

/* testimonial text */
.home-testimonials-card p{
    font-size:14px;
    line-height:1.5;
}

/* stars */
.home-testimonials-stars{
    font-size:16px;
}

/* client section */
.home-testimonials-client img{
    width:40px;
    height:40px;
}

.home-testimonials-client h4{
    font-size:15px;
}

.home-testimonials-client span{
    font-size:12px;
}

}

.h2 {
    position: relative;
    display: block;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-title-color);
}
.about-us-section{
padding:100px 0;
background:#f3ece7;
}

.about-us-container{
width:90%;
max-width:1200px;
margin:auto;
}

.about-us-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:flex-start;
}

.about-us-title h2{
font-size:42px;
font-weight:700;
margin:15px 0 20px;
line-height:1.3;
}

.about-us-title p{
color:#555;
font-size:16px;
line-height:1.7;
}

.about-us-subtitle{
display:inline-block;
background:#A7080D;
color:#fff;
padding:6px 18px;
border-radius:30px;
font-size:14px;
font-weight:500;
}

.about-us-content{
padding-top:80px;
}

.about-us-block{
position:relative;
margin-bottom:40px;
padding-left:30px;
}

.about-us-block::before{
content:"";
position:absolute;
left:0;
top:10px;
width:10px;
height:10px;
background:#ff6a3d;
border-radius:50%;
}

.about-us-block h3{
font-size:26px;
margin-bottom:10px;
}

.about-us-block p{
color:#555;
line-height:1.7;
}
@media(max-width:768px){

.about-us-grid{
grid-template-columns:1fr;
}

.about-us-content{
padding-top:20px;
}

.about-us-title h2{
font-size:32px;
}

}
.about-us-section{
padding:100px 0;
background:#f3ece7;
}

.about-us-container{
width:90%;
max-width:1200px;
margin:auto;
}

.about-us-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:flex-start;
}

.about-us-subtitle{
background:#A7080D;
color:#fff;
padding:6px 18px;
border-radius:30px;
font-size:14px;
display:inline-block;
}

.about-us-title h2{
font-size:42px;
margin:20px 0;
}

.about-us-title p{
color:#555;
line-height:1.7;
margin-bottom:35px;
}
/* Stats */

.about-us-stats{
display:flex;
gap:40px;
}

/* stat text */
.about-us-stat-box h3{
font-size:40px;
font-weight:700;
color:#A7080D;
}

.about-us-stat-box span{
font-size:14px;
color:#666;
}

/* Mobile Responsive */

@media (max-width:768px){

.about-us-stats{
flex-direction:column;      /* stack items */
align-items:center;         /* center horizontally */
text-align:center;          /* center text */
gap:20px;
}

}

/* Right side content */

.about-us-content{
padding-top:80px;
}

.about-us-block{
position:relative;
padding-left:25px;
margin-bottom:40px;
}

.about-us-block::before{
content:"";
position:absolute;
left:0;
top:10px;
width:10px;
height:10px;
background:#ff6a3d;
border-radius:50%;
}

.about-us-block h3{
font-size:26px;
margin-bottom:10px;
}

.about-us-block p{
color:#555;
line-height:1.7;
}
/* ===================== */
/* Tablet Responsive */
/* ===================== */

@media(max-width:992px){

.about-us-grid{
    grid-template-columns:1fr;
    gap:40px;
}

.about-us-content{
    padding-top:0;
}

.about-us-title h2{
    font-size:36px;
}

.about-us-stats{
    gap:30px;
}

}

/* ===================== */
/* Mobile Responsive */
/* ===================== */

@media(max-width:768px){

.about-us-section{
    padding:70px 0;
}

.about-us-title h2{
    font-size:30px;
}

.about-us-title p{
    font-size:15px;
}

.about-us-stat-box h3{
    font-size:32px;
}

.about-us-block h3{
    font-size:22px;
}

}

/* ===================== */
/* Small Mobile */
/* ===================== */

@media(max-width:480px){

.about-us-stats{
    flex-direction:column;
    gap:20px;
}

.about-us-title h2{
    font-size:26px;
}

.about-us-block{
    margin-bottom:30px;
}

}
/* ============================= */
/* ABOUT MISSION SECTION */
/* ============================= */

.about-mission-section{
padding:50px 20px;
background: linear-gradient(135deg, #d1f3fb, #f5e9dc);
font-family:'Poppins', sans-serif;
}

.about-mission-container{
max-width:1200px;
margin:auto;
}

.about-mission-grid{
display:flex;
justify-content:center;
}
/* ============================= */
/* LEFT CONTENT */
/* ============================= */

.about-mission-content{
flex:1;
min-width:280px;
}

.about-mission-subtitle{
font-size:14px;
font-weight:600;
letter-spacing:2px;
color:#1b1b4e;
display:inline-block;
margin-bottom:12px;
}

.about-mission-content h2{
font-size:36px;
line-height:1.3;
font-weight:700;
margin-bottom:18px;
color:#A7080D;
font-family: 'Playfair Display', serif;
}

.about-highlight{
color:#1b1b4e;
}

.about-mission-content p{
font-size:16px;
line-height:1.7;
color:#555;
margin-bottom:15px;
}

/* ============================= */
/* FEATURE LIST */
/* ============================= */

.about-mission-features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
margin-top:15px;
}

.about-feature-item{
background:#fff;
padding:12px 16px;
border-radius:8px;
font-size:14px;
color:#444;
box-shadow:0 4px 15px rgba(0,0,0,0.05);
transition:0.3s;
}

.about-feature-item:hover{
transform:translateY(-3px);
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

/* ============================= */
/* RIGHT SIDE STEPS */
/* ============================= */

.milestone-wrapper{
flex:1;
display:flex;
flex-direction:column;
gap:20px;
min-width:280px;
}

.milestone-step{
background:#ffffff;
padding:24px;
border-radius:14px;
box-shadow:0 8px 30px rgba(0,0,0,0.06);
position:relative;
transition:0.3s;
}

.milestone-step:hover{
transform:translateY(-4px);
box-shadow:0 10px 35px rgba(0,0,0,0.1);
}

.milestone-step h4{
font-size:19px;
margin-bottom:8px;
color:#1a1a1a;
}

.milestone-step p{
font-size:15px;
line-height:1.6;
color:#666;
}

/* STEP NUMBER */

.milestone-step .number{
position:absolute;
top:-12px;
left:-12px;
width:38px;
height:38px;
background:#1b1b4e;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-weight:600;
font-size:15px;
box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

/* ============================= */
/* TABLET RESPONSIVE */
/* ============================= */

@media (max-width:992px){

.about-mission-grid{
flex-direction:column;
gap:35px;
}

.about-mission-content{
width:100%;
}

.milestone-wrapper{
width:100%;
}

.about-mission-content h2{
font-size:30px;
}

}

/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px){

.about-mission-section{
padding:40px 18px;
}

.about-mission-grid{
gap:29px;
}

.about-mission-content h2{
font-size:26px;
}

.about-mission-content p{
font-size:15px;
}

.about-mission-features{
grid-template-columns:1fr;
}

.milestone-step{
padding:20px;
}

}

/* ============================= */
/* SMALL MOBILE */
/* ============================= */

@media (max-width:480px){

.about-mission-content h2{
font-size:22px;
}

.about-mission-content p{
font-size:14px;
}

.about-mission-subtitle{
font-size:12px;
}

.milestone-step h4{
font-size:17px;
}

.milestone-step p{
font-size:14px;
}

}
/* WHY CHOOSE SECTION */

.why-choose{
background-color:#f3e3e3;
background-image: radial-gradient(#c5c4c4 1px, transparent 1px);
background-size:14px 14px;
padding:50px 0;   /* reduced height */
}

.why-choose-container{
width:90%;
max-width:1200px;
margin:auto;
text-align:center;
}

/* TAG */

.why-choose-tag{
display:inline-block;
background:#A7080D;
color:#fff;
padding:8px 22px;
border-radius:30px;
font-size:14px;
margin-bottom:15px;
}

/* HEADING */

.why-choose h2{
font-size:42px;
font-weight:700;
margin-bottom:20px;
}

.why-choose h2 span{
color:#e20707;
}

/* INTRO TEXT */

.why-choose-intro{
max-width:720px;
margin:0 auto 60px;
font-size:18px;
line-height:1.7;
color:#1b1b4e;
}

/* GRID */

.why-choose-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
text-align:left;
}

/* ITEM */

.why-choose-item{
display:flex;
gap:20px;
align-items:flex-start;
padding-bottom:20px;
border-bottom:1px solid rgba(255,255,255,0.08);
}

/* ICON */

.why-choose-icon{
font-size:28px;
min-width:40px;
}

/* CONTENT */

.why-choose-content h3{
font-size:22px;
margin-bottom:6px;
font-weight:600;
color:#1b1b4e;
}

.why-choose-content p{
font-size:15px;
line-height:1.6;
color:#1b1b4e;
}

/* RESPONSIVE */

@media(max-width:768px){

.why-choose-grid{
grid-template-columns:1fr;
}

.why-choose h2{
font-size:32px;
}

}
/* ============================= */
/* PAGE HEADER SIMPLE */
/* ============================= */

.page-header-simple{
width:100%;
height:220px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
font-family:"Poppins", sans-serif;
background: linear-gradient(90deg, #fae0d8, #ffe6fc);
}

/* heading */

.page-header-simple h1{
font-size:40px;
font-weight:700;
color:#222;
margin-bottom:10px;
}

.page-header-simple h1 span{
color:#A7080D;
}

/* breadcrumb */

.breadcrumb{
font-size:15px;
color:#666;
display:flex;
align-items:center;
gap:8px;
}

.breadcrumb a{
text-decoration:none;
color:#666;
font-weight:500;
}

.breadcrumb a:hover{
color:#A7080D;
}

.breadcrumb span{
margin:0 6px;
}

/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px){

.page-header-simple{
height:180px;
padding:20px 15px;
}

.page-header-simple h1{
font-size:30px;
line-height:1.3;
}

.breadcrumb{
font-size:14px;
}

}

/* SMALL MOBILE */

@media (max-width:480px){

.page-header-simple{
height:160px;
padding:15px;
}

.page-header-simple h1{
font-size:24px;
}

.breadcrumb{
font-size:13px;
flex-wrap:wrap;
justify-content:center;
}

}
/* ============================= */
/* INDUSTRIES PAGE TITLE */
/* ============================= */

.industries-page-title{
width:100%;
height:220px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
font-family:"Poppins", sans-serif;
background: linear-gradient(90deg, #d1f1f4, #ffd4d4);
}

/* heading */

.industries-page-title h1{
font-size:40px;
font-weight:700;
color:#222;
margin-bottom:10px;
}

.industries-page-title h1 span{
color:#e91e63;
}

/* breadcrumb */

.industries-breadcrumb{
font-size:15px;
color:#666;
display:flex;
align-items:center;
gap:8px;
}

.industries-breadcrumb a{
text-decoration:none;
color:#666;
font-weight:500;
}

.industries-breadcrumb a:hover{
color:#e91e63;
}

.industries-breadcrumb span{
margin:0 6px;
}

/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px){

.industries-page-title{
height:180px;
padding:20px 15px;
}

.industries-page-title h1{
font-size:30px;
line-height:1.3;
}

.industries-breadcrumb{
font-size:14px;
}

}

/* SMALL MOBILE */

@media (max-width:480px){

.industries-page-title{
height:160px;
padding:15px;
}

.industries-page-title h1{
font-size:24px;
}

.industries-breadcrumb{
font-size:13px;
flex-wrap:wrap;
justify-content:center;
}

}
/* ===============================
   PREMIUM FOOTER
================================ */

.premium-footer{
background: linear-gradient(135deg,#020617,#0f172a,#1e293b);
color:#fff;
padding-top:90px;
font-family: 'Poppins', sans-serif;
position:relative;
overflow:hidden;
}

/* container */

.footer-container{
width:90%;
max-width:1200px;
margin:auto;
}

/* ===============================
   FOOTER TOP
================================ */

.footer-top{
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
gap:30px;
padding-bottom:60px;
border-bottom:1px solid rgba(255,255,255,0.08);
}
/* logo */

.footer-logo{
height:50px;
margin-bottom:20px;
transition:0.4s;
}

.footer-logo:hover{
transform:scale(1.08);
}

/* description */

.footer-desc{
color:rgba(255,255,255,0.7);
line-height:1.8;
font-size:14px;
max-width:320px;
}

/* headings */

.footer-top h4{
font-size:18px;
margin-bottom:20px;
font-weight:600;
}

/* links */

.footer-links ul{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
text-decoration:none;
color:rgba(255,255,255,0.7);
transition:0.3s;
font-size:17px;
}

.footer-links a:hover{
color:#fe2323;
padding-left:6px;
}

/* contact */

.footer-contact p{
color:rgba(255,255,255,0.7);
font-size:14px;
margin-bottom:8px;
}

/* ===============================
   SOCIAL ICONS
================================ */

.social-icons{
display:flex;
gap:15px;
}

.social-icons a{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,0.05);
color:#fff;
font-size:18px;
transition:0.4s;
}

.social-icons a:hover{
background:#f82121;
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(255,106,61,0.4);
}

/* ===============================
   FOOTER BOTTOM
================================ */

.footer-bottom{
display:flex;
justify-content:space-between;
align-items:center;
padding:25px 0;
}

.footer-bottom p{
font-size:14px;
color:rgba(255,255,255,0.6);
}

/* policy */

.footer-policy a{
margin-left:20px;
text-decoration:none;
color:rgba(255,255,255,0.6);
font-size:14px;
transition:0.3s;
}

.footer-policy a:hover{
color:#f30e0e;
}

/* ===============================
   RESPONSIVE
================================ */

@media(max-width:992px){

.footer-top{
grid-template-columns:1fr 1fr;
gap:40px;
}

}

@media(max-width:600px){

.footer-top{
grid-template-columns:1fr;
text-align:center;
}

.footer-desc{
margin:auto;
}

.social-icons{
justify-content:center;
}

.footer-bottom{
flex-direction:column;
gap:15px;
}

.footer-policy a{
margin:0 10px;
}

}
/* ===============================
   PREMIUM FOOTER BACKGROUND
================================ */

.premium-footer{
background: linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);
color:#0f172a;
padding-top:90px;
position:relative;
}

/* text colors */

.premium-footer p,
.premium-footer a{
color:#1e293b;
}

/* divider */

.footer-top{
border-bottom:1px solid rgba(0,0,0,0.08);
}
.home-service-section{
padding:50px 0;
background: linear-gradient(135deg,#eef2ff,#f8fafc,#e0f2fe);
font-family:'Poppins',sans-serif;
}

.home-service-container{
width:90%;
max-width:1200px;
margin:auto;
}

/* TITLE */
.home-service-title{
text-align:center;
margin-bottom:60px;
}

.home-service-tag{
background:#1b2f63;
color:white;
padding:6px 18px;
border-radius:20px;
font-size:14px;
}

.home-service-title h2{
font-size:46px;
margin:22px 0;
font-weight: 700;
font-family: 'Playfair Display', serif;

}


.home-service-title h2 span{
color:#A7080D;
}

.home-service-title p{
color:#555;
}

/* GRID */
.home-service-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
}

/* CARD */
.home-service-card{
position:relative;
background:#1b1b4e;
padding:60px 30px 35px;
border-radius:15px;
text-align:center;
color:#fff;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
transition:all 0.35s ease;
}

/* HOVER */
.home-service-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,0.25);
}

/* ICON BOX */
.home-service-icon-box{
position:absolute;
top:-35px;
left:50%;
transform:translateX(-50%) rotate(45deg);
width:70px;
height:70px;
background:#1b1b4e;
border:2px solid #ff6a3d;
display:flex;
align-items:center;
justify-content:center;
border-radius:10px;
transition:0.3s;
}

/* ICON HOVER GLOW */
.home-service-card:hover .home-service-icon-box{
box-shadow:0 0 15px rgba(255,106,61,0.6);
}

/* ICON */
.home-service-icon{
transform:rotate(-45deg);
font-size:28px;
}

/* TEXT */
.home-service-card h3{
margin-top:20px;
margin-bottom:10px;
font-size:20px;
color:#fff;
}

.home-service-card p{
font-size:14px;
color:#d1d5db;
margin-bottom:20px;
}

/* LINK */
.home-service-card a{
text-decoration:none;
color:#e60b0b;
font-weight:600;
}
@media (max-width:768px){

.home-service-grid{
grid-template-columns:1fr !important;
gap:30px;
}

.home-service-card{
width:100%;
}

}
/* hidden state */
.reveal{
opacity:0;
transform:translateY(80px);
transition:all 0.8s ease;
}

/* visible state */
.reveal.active{
opacity:1;
transform:translateY(0);
}
.project-btn {
  padding: 4px 8px;
  background: #e60b0b;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.project-btn:hover {
  transform: translateY(-3px);
}
.industry-modern-section{
padding:50px 5%;
background:linear-gradient(135deg,#f7f8ff,#ffffff);
text-align:center;
font-family:Arial;
}
.service-view-all{
margin-top:60px;
text-align:center;
}

.view-all-btn{
background:#A7080D;
color:#fff;
padding:14px 32px;
border-radius:30px;
text-decoration:none;
font-size:16px;
font-weight:600;
display:inline-block;
transition:0.3s;
}

/* .view-all-btn:hover{
background:#a00000;
transform:translateY(-3px);

} */
/* TITLE */

.industry-title{
font-size:46px;
color:#1b1b4e;
margin-bottom:70px;
font-weight:700;
font-family: 'Playfair Display', serif;
}

.industry-title span{
color:#A7080D;
}

/* GRID */

.industry-modern-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:35px;
justify-items:center;
}

/* CARD */

.industry-modern-card{
text-align:center;
transition:0.4s;
cursor:pointer;
}

.industry-modern-card h3{
margin-top:16px;
font-size:18px;
color:#1b1b4e;
font-weight:600;
}

/* ICON */

.circle-icon{
width:120px;
height:120px;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
border-radius:50%;
background:linear-gradient(135deg,#ffffff,#f0f1ff);
box-shadow:
0 10px 25px rgba(0,0,0,0.08),
inset 0 0 0 2px rgba(27,27,78,0.05);
transition:0.4s;
}

/* HOVER */

.industry-modern-card:hover .circle-icon{
transform:translateY(-10px) scale(1.08);
box-shadow:
0 20px 40px rgba(0,0,0,0.15),
0 0 25px rgba(230,11,11,0.3);
background:linear-gradient(135deg,#e60b0b,#ff3c3c);
color:white;
}

.industry-modern-card:hover h3{
color:#e60b0b;
}

/* MOBILE */

@media(max-width:768px){

.industry-modern-grid{
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.circle-icon{
width:90px;
height:90px;
font-size:30px;
}

.industry-modern-card h3{
font-size:15px;
}

}
/* VIEW ALL BUTTON */

.industry-view-btn{
margin-top:60px;
text-align:center;
}

.view-all-btn{
display:inline-block;
padding:14px 40px;
font-size:16px;
font-weight:600;
color:white;
background:#A7080D;
border-radius:30px;
text-decoration:none;
transition:0.3s;

}
/* 
.view-all-btn:hover{
transform:translateY(-4px);
box-shadow:0 15px 35px rgba(230,11,11,0.35);
} */
/* CENTER BUTTON CONTAINER */

.industry-view-btn{
margin-top:60px;
display:flex;
justify-content:center;
align-items:center;
}

/* BUTTON STYLE */

.view-all-btn{
display:inline-block;
padding:14px 40px;
font-size:16px;
font-weight:600;
color:#fff;
background:#A7080D;
border-radius:30px;
text-decoration:none;
transition:0.3s;
box-shadow:0 10px 25px rgba(230,11,11,0.25);
}

/* HOVER EFFECT */

.view-all-btn:hover{
transform:translateY(-4px);

}
/* =================================
TABLET RESPONSIVE
================================= */

@media (max-width: 991px){

.industry-modern-section{
padding:60px 20px;
}

.industry-title{
font-size:34px;
margin-bottom:50px;
}

.industry-modern-grid{
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.circle-icon{
width:100px;
height:100px;
font-size:34px;
}

.industry-modern-card h3{
font-size:16px;
}

}


/* =================================
MOBILE RESPONSIVE
================================= */

@media (max-width:768px){

.industry-title{
font-size:28px;
margin-bottom:40px;
}

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

.circle-icon{
width:85px;
height:85px;
font-size:28px;
}

.industry-modern-card h3{
font-size:14px;
margin-top:12px;
}

.view-all-btn{
padding:12px 28px;
font-size:14px;
}

}


/* =================================
SMALL MOBILE
================================= */
@media (max-width:480px){

.industry-modern-grid{
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.industry-title{
font-size:33px;
}

.circle-icon{
width:75px;
height:75px;
font-size:24px;
}

.industry-modern-card h3{
font-size:13px;
}

.view-all-btn{
padding:10px 24px;
font-size:13px;
}

}
.portfolio-section{
padding:50px 6%;
background-image: linear-gradient(45deg, #f9e7d6, #f5dce8);
font-family:Arial;
text-align:center;
}

/* Title */

.portfolio-title h2{
font-size:46px;
color:#1b1b4e;
margin-bottom:50px;
font-weight: 700;
font-family: 'Playfair Display', serif;
}

.portfolio-title span{
color:#A7080D;
}

.portfolio-title p{
color:#A7080D;
margin-bottom:50px;
}

/* GRID */

.portfolio-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

/* IMAGE BOX */

.portfolio-item{
position:relative;
overflow:hidden;
border-radius:10px;
cursor:pointer;
}

.portfolio-item img{
width:100%;
height:220px;
object-fit:cover;
transition:0.5s;
}

/* Hover Zoom */

.portfolio-item:hover img{
transform:scale(1.1);
}

/* Overlay */

.portfolio-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
background:linear-gradient(transparent, rgba(0,0,0,0.85));
color:white;
padding:20px;
text-align:left;
opacity:0;
transition:0.4s;
}

.portfolio-item:hover .portfolio-overlay{
opacity:1;
}

/* Company Name */

.portfolio-overlay h3{
margin:0;
font-size:38px;
}

/* Button */

.portfolio-bottom{
margin-top:60px;
}

.portfolio-btn{
padding:14px 40px;
background:#A7080D;
color:white;
text-decoration:none;
border-radius:30px;
font-weight:600;
transition:0.3s;
}

.portfolio-btn:hover{
background:white;
color:#1b1b4e;
}
/* ================================
TABLET RESPONSIVE
================================ */

@media (max-width: 991px){

.portfolio-section{
padding:60px 20px;
}

.portfolio-title h2{
font-size:34px;
}

.portfolio-title p{
font-size:15px;
margin-bottom:40px;
}

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

.portfolio-item img{
height:200px;
}

}


/* ================================
MOBILE RESPONSIVE
================================ */

@media (max-width: 768px){

.portfolio-title h2{
font-size:28px;
}

.portfolio-title p{
font-size:14px;
margin-bottom:30px;
}

.portfolio-grid{
grid-template-columns:1fr;
gap:18px;
}

.portfolio-item img{
height:180px;
}

.portfolio-overlay{
padding:15px;
}

.portfolio-overlay h3{
font-size:16px;
}

.portfolio-btn{
padding:12px 28px;
font-size:14px;
}

}


/* ================================
SMALL MOBILE
================================ */

@media (max-width: 480px){

.portfolio-title h2{
font-size:40px;
}

.portfolio-title p{
font-size:38px;
}

.portfolio-item img{
height:160px;
}

.portfolio-btn{
padding:10px 24px;
font-size:13px;
}

}
.contact-section{
background:#d9eff1;
padding:50px 0;
font-family:'Poppins',sans-serif;
}

.contact-container{
width:90%;
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
}

/* LEFT */

.contact-left{
flex:1;
}

.contact-tag{
color:#ff2e83;
font-weight:600;
letter-spacing:2px;
font-size:14px;
}

.contact-left h2{
font-size:48px;
color:#0a1a44;
margin:15px 0;
line-height:1.2;
}

.contact-desc{
color:#6d7a8c;
margin-bottom:40px;
}

/* FORM */

.contact-form{
width:100%;
}

.form-row{
display:flex;
gap:20px;
margin-bottom:20px;
}

.form-row input{
flex:1;
padding:15px;
border:none;
border-radius:6px;
background:#f0f3f5;
font-size:15px;
}

textarea{
width:100%;
padding:15px;
border:none;
border-radius:6px;
background:#f0f3f5;
height:130px;
resize:none;
margin-bottom:20px;
font-size:15px;
}

/* CHECKBOX */

.form-check{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
color:#6d7a8c;
margin-bottom:25px;
}

.form-check input{
accent-color:#ff2e83;
height: 14px;
}

.form-check span{
color:#0a1a44;
font-weight:500;
}

/* BUTTON */

.submit-btn{
border:none;
padding:18px 60px;
font-size:16px;
color:white;
border-radius:40px;
cursor:pointer;
background:linear-gradient(90deg,#f5a26f,#ff2e83);
transition:0.3s;
}

.submit-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

/* RIGHT IMAGE */

.contact-right{
flex:1;
text-align:center;
}

.contact-right img{
width:100%;
max-width:450px;
}

/* RESPONSIVE */

@media(max-width:900px){

.contact-container{
flex-direction:column;
}

.form-row{
flex-direction:column;
}

.contact-left h2{
font-size:34px;
}

}

.page-industries-section{
padding:100px 5%;
background:#f9f9ff;
font-family:Arial;
}

.page-industries-container{
max-width:1200px;
margin:auto;
text-align:center;
}

.page-industries-title{
font-size:42px;
color:#1b1b4e;
margin-bottom:60px;
}

.page-industries-title span{
color:#e60b0b;
}

/* GRID */

.page-industries-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
}

/* CARD */

.page-industry-card{
background:white;
padding:45px 30px;
border-radius:14px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
transition:0.35s;
position:relative;
overflow:hidden;
}

.page-industry-card:hover{
transform:translateY(-12px);
box-shadow:0 20px 60px rgba(0,0,0,0.15);
}

/* ICON */

.page-industry-icon{
font-size:42px;
margin-bottom:20px;
}

.page-industry-card h3{
color:#1b1b4e;
font-size:20px;
}

/* TABLET */

@media(max-width:992px){

.page-industries-section{
padding:80px 6%;
}

.page-industries-title{
font-size:34px;
margin-bottom:40px;
}

.page-industries-grid{
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.page-industry-card{
padding:35px 25px;
}

}

/* MOBILE */

@media(max-width:600px){

.page-industries-section{
padding:60px 20px;
}

.page-industries-title{
font-size:26px;
margin-bottom:30px;
}

.page-industries-grid{
grid-template-columns:1fr;
gap:20px;
}

.page-industry-card{
padding:30px 20px;
}

.page-industry-icon{
font-size:34px;
}

.page-industry-card h3{
font-size:18px;
}

}
.circle-icon{
width:70px;
height:70px;
border-radius:50%;
background:#f2f4ff;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#1b1b4e;
margin-bottom:15px;
}
.home-service-icon{
font-size:32px;
color:#1b1b4e;
}

.home-service-icon-box{
width:70px;
height:70px;
border-radius:50%;
background:#f3f5ff;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
}
/* ===================== */
/* PORTFOLIO SECTION */
/* ===================== */

.portfolio-layout{
padding:80px 20px;
background:#f7f7f7;
}

.portfolio-wrapper{
max-width:1300px;
margin:auto;
}

/* GRID */

.portfolio-content{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

/* CARD LINK */

.portfolio-card{
text-decoration:none;
color:inherit;
display:block;
}

/* CARD */

.portfolio-item-section{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
transition:0.3s;
text-align:center;
height:100%;
display:flex;
flex-direction:column;
}

.portfolio-item-section:hover{
transform:translateY(-6px);
box-shadow:0 12px 30px rgba(0,0,0,0.15);
}

/* IMAGE */

.portfolio-image{
height:240px;
overflow:hidden;
}

.portfolio-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:0.4s;
}

.portfolio-item-section:hover img{
transform:scale(1.05);
}

/* TITLE */

.portfolio-item-section h3{
padding:18px;
font-size:17px;
font-weight:600;
color:#333;
}

/* ===================== */
/* TABLET */
/* ===================== */

@media (max-width:992px){

.portfolio-content{
grid-template-columns:repeat(2,1fr);
}

.portfolio-image{
height:220px;
}

}

/* ===================== */
/* MOBILE */
/* ===================== */

@media (max-width:600px){

.portfolio-layout{
padding:50px 15px;
}

.portfolio-content{
grid-template-columns:1fr;
gap:25px;
}

.portfolio-image{
height:200px;
}

.portfolio-item-section h3{
font-size:16px;
padding:15px;
}

}
/* ============================= */
/* PAGE TITLE SIMPLE */
/* ============================= */

.page-title-simple{
width:100%;
height:220px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
font-family:"Poppins", sans-serif;

/* Linear Gradient Background */
background: linear-gradient(90deg, #fae0d8, #ffe6fc);
}

/* heading */

.page-title-simple h1{
font-size:40px;
font-weight:700;
color:#1b1b4e;
margin-bottom:10px;
}

.page-title-simple h1 span{
color:#A7080D;
}

/* breadcrumb */

.breadcrumb{
font-size:15px;
color:#666;
display:flex;
align-items:center;
gap:8px;
}

.breadcrumb a{
text-decoration:none;
color:#666;
font-weight:500;
}

.breadcrumb a:hover{
color:#A7080D;
}

.breadcrumb span{
margin:0 6px;
}

/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px){

.page-title-simple{
height:180px;
padding:20px 15px;
}

.page-title-simple h1{
font-size:30px;
line-height:1.3;
}

.breadcrumb{
font-size:14px;
}

}

/* Small Mobile */

@media (max-width:480px){

.page-title-simple{
height:160px;
padding:15px;
}

.page-title-simple h1{
font-size:24px;
}

.breadcrumb{
font-size:13px;
flex-wrap:wrap;
justify-content:center;
}

}

/* MAIN MENU */
.project-menu{
    width:100%;
    padding:20px 0;
    background:#f7f9fc;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
    position:relative;
}

/* MENU CONTAINER */
.menu-container{
    max-width:1100px;
    margin:auto;
    display:flex;
    flex-wrap:nowrap;        /* important */
    gap:20px;
    overflow-x:auto;         /* scroll */
    scroll-behavior:smooth;
}

/* hide scrollbar */
.menu-container::-webkit-scrollbar{
    display:none;
}

/* MENU ITEMS */
.menu-container a{
    flex:0 0 auto;           /* prevent shrinking */
    white-space:nowrap;      /* prevent text break */
    text-decoration:none;
    padding:12px 24px;
    border-radius:8px;
    background:#fff;
    color:#2c5ea8;
    font-weight:500;
    font-size:15px;
    box-shadow:0 3px 8px rgba(0,0,0,0.08);
}

/* ARROWS */
.menu-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 3px 8px rgba(0,0,0,0.2);
}

.menu-arrow.left{
    left:10px;
}

.menu-arrow.right{
    right:10px;
}
/* PAGE LAYOUT */

.page-layout{
display:flex;
gap:40px;
max-width:1200px;
margin:auto;
padding:40px 20px;
align-items:flex-start;
}

/* CONTENT AREA */

.content-area{
flex:1;
min-width:0;
}

/* CONTENT SECTIONS */

.content-section{
background:#fff;
padding:40px;
margin-bottom:30px;
border-radius:10px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
min-height:500px;
}

.project-case-study{
padding:80px 20px;
background:#f7f9fc;
font-family:'Poppins',sans-serif;
}

.case-container{
max-width:1100px;
margin:auto;
}

/* HERO IMAGE */

.case-hero img{
width:100%;
border-radius:12px;
margin-bottom:40px;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

/* ===============================
HEADER
=============================== */
.case-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:40px;
flex-wrap:wrap;
gap:15px;
}

.case-header h1{
font-size:34px;
font-weight:700;
color:#1b1b4e;
}

/* Visit button */

.visit-site{
padding:12px 25px;
background:#A7080D;
color:#fff;
text-decoration:none;
border-radius:6px;
font-weight:500;
}


/* ===============================
OVERVIEW
=============================== */

.case-overview{
margin-bottom:40px;
}
.case-overview h3 {
    margin-bottom: 15px;
    font-size: 26px;
    color: #c40000;
    font-weight: 500;
}

/* ===============================
TOOLS
=============================== */

.case-tools{
margin-top:30px;
}

.case-tools h3 {
    font-size: 26px;
    color: #c40000;
    margin-bottom: 15px;
    font-weight: 500;
}
.tools-grid{
display:flex;
flex-wrap:wrap;
gap:12px;
}

.tools-grid span{
display:flex;
align-items:center;
gap:8px;
background:#f1f3f8;
padding:8px 16px;
border-radius:20px;
font-size:14px;
font-weight:500;
}

/* ICONS */

.tools-grid i{
font-size:16px;
}

.fa-html5{color:#e34c26;}
.fa-css3-alt{color:#264de4;}
.fa-js{color:#f7df1e;}
.fa-wordpress{color:#21759b;}


/* ===============================
DETAILS SECTION
=============================== */

.case-details{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

.detail-box{
padding:30px;
border-radius:12px;
box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.detail-box h4{
margin-bottom:10px;
font-size:20px;
}

/* Challenge */

.detail-box.challenge-box{
background:#ffecec;
}

/* Solution */

.detail-box.solution-box{
background:#eafaf0;
}


/* ===============================
FILTER MENU
=============================== */

.project-filter-section{
position:sticky;
top:80px;
background:linear-gradient(135deg,#f8fafc,#eef2f7);
padding:20px 0;
z-index:999;
}

.project-filter-wrapper{
display:flex;
align-items:center;
justify-content:center;
max-width:1200px;
margin:auto;
gap:15px;
}

.project-filter-menu{
display:flex;
gap:20px;
overflow-x:auto;
scroll-behavior:smooth;
padding:10px;
}

.project-filter-menu::-webkit-scrollbar{
display:none;
}

.project-filter-menu a{
background:#fff;
padding:12px 25px;
border-radius:12px;
text-decoration:none;
font-size:15px;
color:#1d3c72;
white-space:nowrap;
box-shadow:0 4px 10px rgba(0,0,0,0.05);
transition:0.3s;
}

.project-filter-menu a:hover{
background:#1d3c72;
color:#fff;
}


/* arrows */

.project-filter-arrow{
background:#fff;
border:none;
width:40px;
height:40px;
border-radius:50%;
font-size:18px;
cursor:pointer;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

.project-filter-arrow:hover{
background:#1d3c72;
color:#fff;
}


/* ===============================
CASE CONTAINER
=============================== */
.case-container{
width:90%;
max-width:1200px;
margin:auto;
display:flex;
gap:40px;
align-items:flex-start;
flex-wrap:wrap;
padding:0 15px;
}
/* ===============================
TABLET RESPONSIVE
=============================== */

@media (max-width:1024px){

.case-header h1{
font-size:30px;
}

.case-details{
gap:30px;
}

.case-tools h3{
font-size:18px;
}

.tools-grid span{
padding:7px 14px;
font-size:13px;
}

}


/* ===============================
MOBILE RESPONSIVE
=============================== */

@media (max-width:768px){

.case-header{
flex-direction:column;
align-items:flex-start;
gap:15px;
margin-bottom:30px;
}

.case-header h1{
font-size:26px;
line-height:1.3;
}

.visit-site{
padding:10px 20px;
font-size:14px;
}

.case-details{
grid-template-columns:1fr;
gap:25px;
}

.case-tools{
margin-top:20px;
}

.case-tools h3{
font-size:16px;
}

.tools-grid{
gap:8px;
}

.tools-grid span{
padding:6px 12px;
font-size:13px;
}

.tools-grid i{
font-size:14px;
}

}


/* ===============================
SMALL MOBILE
=============================== */

@media (max-width:480px){

.case-header h1{
font-size:22px;
}

.tools-grid span{
padding:6px 10px;
font-size:12px;
border-radius:16px;
}

.tools-grid i{
font-size:13px;
}

.project-filter-menu a{
padding:10px 18px;
font-size:13px;
}

.project-filter-arrow{
width:35px;
height:35px;
font-size:16px;
}

}

.industrySidebarWrapper{
width:260px;
}

.industrySidebarBox{
background:#f5f5f5;
padding:25px;
border-radius:10px;
}

.industrySidebarMenu{
list-style:none;
padding:0;
margin:0;
}

.industrySidebarMenu li{
border-bottom:1px solid #ddd;
}

.industrySidebarMenu li a{
display:block;
padding:12px 0;
text-decoration:none;
color:#333;
}

.case-content{
flex:1;
}
.heading-section{
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   padding: 60px 0;
}

.heading-section h2{
   font-size: 42px;
   font-weight: 700;
}
.heading-section{
   display:flex;
   justify-content:center;
   align-items:center;
   text-align:center;
   padding:60px 20px; /* add side padding for mobile */
}

.heading-section h2{
   font-size:42px;
   font-weight:700;
   margin:0;
}

.portfolio-item-section a{
   text-decoration:none;
   color:inherit;
   display:block;
}

/* ========================= */
/* Tablet */
/* ========================= */

@media (max-width:1024px){

.heading-section{
   padding:50px 20px;
}

.heading-section h2{
   font-size:36px;
}

}

/* ========================= */
/* Mobile */
/* ========================= */

@media (max-width:768px){

.heading-section{
   padding:40px 15px;
}

.heading-section h2{
   font-size:28px;
   line-height:1.3;
}

}

/* ========================= */
/* Small Mobile */
/* ========================= */

@media (max-width:480px){

.heading-section{
   padding:30px 15px;
}

.heading-section h2{
   font-size:24px;
}

}
.portfolio-item-section a{
text-decoration:none;
color:inherit;
display:block;
}

.process-roadmap{
padding:120px 0;
background:#eef1f6;
}

.roadmap-wrapper{
position:relative;
width:1200px;
margin:auto;
}

.road-svg{
width:100%;
}

/* Step circles */

.step{
position:absolute;
width:70px;
height:70px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
color:#fff;
font-weight:600;
font-size:18px;
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

.step p{
position:absolute;
top:80px;
color:#333;
font-size:14px;
}

/* Top row */

/* TOP STEPS */

.s1{
top:90px;
left:220px;
background:#ffb300;
}

.s2{
top:180px;
left:520px;
background:#ff9800;
}

.s3{
top:90px;
left:860px;
background:#ff5722;
}

.s4{
top:160px;
left:1120px;
background:#e91e63;
}

/* BOTTOM STEPS */

.s7{
top:320px;
left:380px;
background:#2d8bd6;
}

.s8{
top:400px;
left:610px;
background:#13a8b8;
}

.s6{
top:320px;
left:780px;
background:#673ab7;
}

.s9{
top:320px;
left:910px;
background:#4caf50;
}

.s5{
top:320px;
left:1060px;
background:#9c27b0;
}


.tech-section{
padding:90px 20px;
background:#f8f9fc;
text-align:center;
font-family:'Poppins',sans-serif;
background: linear-gradient(90deg, rgb(255 249 243), rgb(245 234 255));
}

.tech-container{
max-width:1200px;
margin:auto;
}

.tech-title{
font-size:38px;
font-weight:700;
margin-bottom:10px;
}

.tech-title span{
color:#A7080D;
}

.tech-subtitle{
color:#777;
max-width:600px;
margin:auto;
margin-bottom:60px;
}

.tech-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:30px;
}

.tech-card{
background:#fff;
border-radius:14px;
padding:30px 15px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
transition:0.3s;
}

.tech-card i{
font-size:45px;

margin-bottom:15px;
}
.devicon-flutter-plain.colored {
color: #1b1b4e;
}
.tech-card p{
font-size:14px;
font-weight:500;
color:#444;
}

.tech-card:hover{
transform:translateY(-6px);
box-shadow:0 14px 35px rgba(0,0,0,0.12);
}

/* Tablet */

@media (max-width:992px){
.tech-grid{
grid-template-columns:repeat(4,1fr);
}
}

/* Mobile */

@media (max-width:600px){

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

.tech-title{
font-size:30px;
}

}

/* Brand Colors */

.figma{
color:#F24E1E;
}

.sketch{
color:#FDB300;
}

.ui{
color:#2563eb;
}

.ux{
color:#9333ea;
}
.road-timeline-section{
width:100%;
height:700px;
position:relative;
overflow:hidden;
background:#eee;
}

.timeline-viewport{
width:100%;
height:100%;
overflow:hidden;
position:relative;
cursor:grab;
}

.timeline-drag{
position:absolute;
height:100%;
width:4000px;
top:0;
left:0;
}

.timeline-bg{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
}

.road-layer{
position:absolute;
top:200px;
width:100%;
}

.timeline-road{
width:4000px;
pointer-events:none;
}

.timeline-point{
position:absolute;
top:-80px;
text-align:center;
}

.point-icon img{
width:70px;
cursor:pointer;
}
.point-popup{
display:none;
position:absolute;
bottom:85px;      /* popup above icon */
left:50%;
transform:translateX(-50%);
width:170px;      /* compact width */
background:#fff;
padding:8px 10px;
border-radius:8px;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
font-size:12px;
line-height:1.4;
text-align:center;
z-index:5;
}

/* remove default margins inside popup */
.point-popup h4,
.point-popup p{
margin:3px 0;
font-size:21px;
}

/* arrow */
.point-popup::after{
content:"";
position:absolute;
bottom:-6px;
left:50%;
transform:translateX(-50%);
border-width:6px;
border-style:solid;
border-color:#fff transparent transparent transparent;
}
.popup-images{
display:flex;
gap:4px;
margin-top:6px;
justify-content:center;
}

.popup-images img{
width:40px;
height:35px;
object-fit:cover;
border-radius:4px;
}
#timelineDrag{
will-change: transform;
cursor: grab;
user-select: none;
}
#timelineDrag{
cursor: grab;
user-select: none;
touch-action: none;
will-change: transform;
}
.timeline-point{
position:absolute;
}

.y2004 {
    margin-top: 137px;
    margin-left: -133px;
}
/* 2005 */
.y2005 {
    margin-top: 160px;
    margin-left: 78px;
}

/* 2006 */
.y2006 {
    margin-top: 261px;
    margin-left: 241px;
}

/* 2007 */
.y2007 {
    margin-top: 193px;
    margin-left: 401px;
}

/* 2008 */
.y2008
 {
    margin-top: 189px;
    margin-left: 580px;
}

/* 2009 */
.y2009 {
    margin-top: 156px;
    margin-left: 720px;
}

/* 2010 */
.y2010 {
    margin-top: 217px;
    margin-left: 899px;
}
/* 2011 */
.y2011 {
    margin-top: 185px;
    margin-left: 1040px;
}
/* 2012 */
.y2012{

    margin-top: 346px;
    margin-left: 1219px;
}

/* 2013 */
.y2013 {
    margin-top: 299px;
    margin-left: 1350px;
}

/* 2014 */
.y2014 {
    margin-top: 157px;
    margin-left: 1500px;
}

/* 2015 */
.y2015 {
    margin-top: 409px;
    margin-left: 1709px;
}

/* 2016 */
.y2016 {
    margin-top: 246px;
    margin-left: 1860px;
}

/* 2017 */
.y2017 {
    margin-top: 354px;
    margin-left: 2014px;
}

/* 2018 */
.y2018 {
    margin-top: 243px;
    margin-left: 2139px;
}

/* 2019 */
.y2019
 {
    margin-top: 85px;
    margin-left: 2250px;
}
/* 2020 */
.y2020 {
    margin-top: 95px;
    margin-left: 2387px;
}
/* 2021 */
.y2021
 {
    margin-top: 161px;
    margin-left: 2550px;
}
/* 2022 */
.y2022 {
    margin-top: 297px;
    margin-left: 2713px;
}
/* 2023 */
.y2023 {
    margin-top: 148px;
    margin-left: 2850px;
}
/* 2024 */
.y2024 {
    margin-top: 17px;
    margin-left: 3000px;
}

/* 2025 */
.y2025 {
    margin-top: 175px;
    margin-left: 3150px;
}
.y2026 {
    margin-top: 255px;
    margin-left: 3300px;
}
.point-popup{
display:none;
position:absolute;
bottom:95px;
left:50%;
transform:translateX(-50%) scale(.9);
width:200px;
background:linear-gradient(135deg,#ffffff,#f4f7ff);
padding:14px;
border-radius:12px;
box-shadow:0 15px 35px rgba(0,0,0,0.2);
text-align:center;
transition:all .3s ease;
opacity:0;
}

.point-popup.active{
display:block;
opacity:1;
transform:translateX(-50%) scale(1);
}

.point-popup h4{
font-size:18px;
color:#222;
margin-bottom:4px;
}

.point-popup p{
font-size:13px;
color:#555;
}

.point-popup::after{
content:"";
position:absolute;
bottom:-8px;
left:50%;
transform:translateX(-50%);
border-width:8px;
border-style:solid;
border-color:#fff transparent transparent transparent;
}

.journey-heading{
position:absolute;
top:40px;
left:50%;
transform:translateX(-50%);
text-align:center;
z-index:10;
font-family:'Poppins',sans-serif;
}

.journey-heading h2{
font-size:42px;
font-weight:700;
color:#222;
margin-bottom:8px;
font-family: 'Playfair Display', serif;
}

.journey-heading h2 span{
color:#A7080D;
}

.journey-heading p{
font-size:16px;
color:#555;
}
/* FAQ SECTION */

.faq-section{
padding:80px 20px;
background:#f7f8fc;
font-family:'Poppins',sans-serif;
}

.faq-container{
max-width:900px;
margin:auto;
}

.faq-title{
text-align:center;
font-size:38px;
font-weight:700;
margin-bottom:10px;
}

.faq-title span{
color:#e91e63;
}

.faq-subtitle{
text-align:center;
color:#777;
margin-bottom:50px;
}
.faq-wrapper{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}
/* FAQ ITEM */

.faq-item{
background:#fff;
border-radius:10px;
padding:18px 22px;
box-shadow:0 6px 18px rgba(0,0,0,0.05);
cursor:pointer;
transition:0.3s;
}

.faq-item:hover{
transform:translateY(-3px);
}

/* QUESTION */

.faq-item summary{
font-size:18px;
font-weight:600;
cursor:pointer;
list-style:none;
position:relative;
padding-right:30px;
}

/* plus icon */

.faq-item summary::after{
content:"+";
position:absolute;
right:0;
font-size:22px;
font-weight:600;
transition:0.3s;
}

/* open icon */

.faq-item[open] summary::after{
content:"−";
}

/* ANSWER */

.faq-item p{
margin-top:12px;
color:#555;
line-height:1.7;
font-size:15px;
}

/* MOBILE */

@media(max-width:768px){

.faq-title{
font-size:30px;
}

.faq-item summary{
font-size:16px;
}

}

/* ============================= */
/* FAQ PAGE TITLE */
/* ============================= */

.faq-page-title{
width:100%;
height:220px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
font-family:"Poppins",sans-serif;
background: linear-gradient(90deg, #fae0d8, #ffe6fc);
}

/* heading */

.faq-page-title h1{
font-size:40px;
font-weight:700;
color:#222;
margin-bottom:10px;
}

.faq-page-title h1 span{
color:#e91e63;
}

/* breadcrumb */

.faq-breadcrumb{
font-size:15px;
color:#555;
display:flex;
align-items:center;
gap:8px;
}

.faq-breadcrumb a{
text-decoration:none;
color:#333;
font-weight:500;
}

.faq-breadcrumb a:hover{
color:#e91e63;
}
/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px){

.faq-page-title{
height:180px;
padding:20px 15px;
}

.faq-page-title h1{
font-size:30px;
line-height:1.3;
}

.faq-breadcrumb{
font-size:14px;
}

}

/* Small Mobile */

@media (max-width:480px){

.faq-page-title{
height:160px;
padding:15px;
}

.faq-page-title h1{
font-size:24px;
}

.faq-breadcrumb{
font-size:13px;
flex-wrap:wrap;
justify-content:center;
}

}
/* TABLET */

@media(max-width:768px){

.faq-wrapper{
grid-template-columns:1fr;
}

.faq-title{
font-size:30px;
}

.faq-item summary{
font-size:16px;
}

}
/* ============================= */
/* GALLERY PAGE TITLE */
/* ============================= */

.gallery-page-title{
    width:100%;
    height:220px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-family:"Poppins",sans-serif;
    background: linear-gradient(90deg, #fae0d8, #ffe6fc);
}

/* heading */

.gallery-page-title h1{
    font-size:40px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}

.gallery-page-title h1 span{
    color:#e91e63;
}

/* breadcrumb */

.gallery-breadcrumb{
    font-size:15px;
    color:#555;
    display:flex;
    align-items:center;
    gap:8px;
}

.gallery-breadcrumb a{
    text-decoration:none;
    color:#333;
    font-weight:500;
}

.gallery-breadcrumb a:hover{
    color:#e91e63;
}

/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px){

    .gallery-page-title{
        height:180px;
        padding:20px 15px;
    }

    .gallery-page-title h1{
        font-size:30px;
        line-height:1.3;
    }

    .gallery-breadcrumb{
        font-size:14px;
    }
}

/* Small Mobile */

@media (max-width:480px){

    .gallery-page-title{
        height:160px;
        padding:15px;
    }

    .gallery-page-title h1{
        font-size:24px;
    }

    .gallery-breadcrumb{
        font-size:13px;
        flex-wrap:wrap;
        justify-content:center;
    }
}

.testimonial-section{
padding:80px 20px;
background:#f7f8fc;
font-family: 'Playfair Display', serif;

}

.testimonial-container{
max-width:1200px;
margin:auto;
}

.google-rating{
background:#eee;
padding:30px;
border-radius:15px;
display:flex;
justify-content:center;
align-items:center;
gap:20px;
margin-bottom:50px;
}

.google-logo{
width:120px;
}

.rating-info{
text-align:center;
}

.rating-info h3{
font-size:40px;
margin:0;
}

.stars{
color:#ffb400;
font-size:18px;
}

.testimonial-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.testimonial-card{
background:#f0f0f0;
padding:25px;
border-radius:12px;
}

.review-header{
display:flex;
align-items:center;
gap:12px;
margin-bottom:10px;
}

.review-header img{
width:45px;
height:45px;
border-radius:50%;
}

.review-header h4{
margin:0;
font-size:16px;
}

/* MOBILE */

@media(max-width:900px){

.testimonial-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

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

}
/* ============================= */
/* COMMON PAGE TITLE */
/* ============================= */

.page-title{
width:100%;
height:220px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
font-family:"Poppins",sans-serif;
background: linear-gradient(90deg, #fae0d8, #ffe6fc);
}

/* heading */

.page-title h1{
font-size:40px;
font-weight:700;
color:#222;
margin-bottom:10px;
}

.page-title h1 span{
color:#e91e63;
}

/* breadcrumb */

.page-breadcrumb{
font-size:15px;
color:#555;
display:flex;
align-items:center;
gap:8px;
}

.page-breadcrumb a{
text-decoration:none;
color:#333;
font-weight:500;
}

.page-breadcrumb a:hover{
color:#e91e63;
}


/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px){

.page-title{
height:180px;
padding:20px 15px;
}

.page-title h1{
font-size:30px;
line-height:1.3;
}

.page-breadcrumb{
font-size:14px;
}

}

@media (max-width:480px){

.page-title{
height:160px;
padding:15px;
}

.page-title h1{
font-size:24px;
}

.page-breadcrumb{
font-size:13px;
flex-wrap:wrap;
justify-content:center;
}

}
/* CONTAINER SAME AS OTHER SECTIONS */
.case-details-container {
    max-width: 1100px;
    margin: 40px auto;
    font-family: 'Poppins', sans-serif;
}

/* HEADING SAME STYLE */
.side-heading {
    font-size: 26px;
    color: #c40000;
    margin-bottom: 15px;
    font-weight: 500;
}

/* GRID */
.case-details-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* BOX */
.detail-box {
    padding: 18px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

/* COLORS */
.challenge-box {
    border-left: 4px solid #ff4d4d;
}

.solution-box {
    border-left: 4px solid #28a745;
}

.detail-box h4 {
    margin-bottom: 8px;
    font-size: 16px;
}

.detail-box p {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .case-details-grid {
        grid-template-columns: 1fr;
    }
}   

/* MAP SECTION */

.clinic-map-section{
padding:40px 20px;
}

.map-full{
max-width:1100px;   /* reduced width */
height:450px;
margin:auto;        /* center the map */
}

.map-full iframe{
width:100%;
height:100%;
border:0;
display:block;
border-radius:10px; /* optional for nicer look */
}
.skills-section{
padding:80px 20px;
background:#f7f8fc;
font-family:'Poppins',sans-serif;
}

.skills-container{
max-width:1200px;
margin:auto;
text-align:center;
}

.skills-title{
font-size:36px;
font-weight:700;
margin-bottom:50px;
font-family: 'Playfair Display', serif;
    
}

.skills-title span{
color:rgb(167, 8, 13);;
}

.skills-subtitle{
color:#666;
margin-bottom:40px;
}

/* TAB MENU */

.skills-tabs{
display:flex;
justify-content:center;
gap:15px;
margin-bottom:40px;
flex-wrap:wrap;
}

.tab-btn{
padding:10px 25px;
border:none;
background:#fff;
border-radius:30px;
cursor:pointer;
font-size:15px;
box-shadow:0 4px 10px rgba(0,0,0,0.05);
transition:.3s;
}

.tab-btn.active,
.tab-btn:hover{
background:#1d3c72;
color:#fff;
}

/* TAB CONTENT */

.tab-content{
display:none;
}

.tab-content.active{
display:block;
}

/* GRID */

.tech-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
gap:25px;
}

/* CARD */

.tech-card{
background:#fff;
padding:25px;
border-radius:12px;
box-shadow:0 6px 20px rgba(0,0,0,0.05);
transition:.3s;
}

.tech-card:hover{
transform:translateY(-5px);
}

.tech-card i{
font-size:40px;
margin-bottom:10px;
}

.tech-card p{
font-size:14px;
font-weight:500;
}

.ax-back-to-top-percentage

 {
    display: grid;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    place-items: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    font-size: 16px;
    color: var(--color-title-color);
    --tw-shadow: 0 5px 15px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.footer-map{
width:100%;
}

.map-box{
width:100%;
height:150px;
border-radius:10px;
overflow:hidden;
box-shadow:0 6px 20px rgba(0,0,0,0.2);
}

.map-box iframe{
width:100%;
height:100%;
border:0;
}
/* SECTION */

.brands-section{
padding:90px 20px;
background:#f7f8fc;
text-align:center;
}

/* CONTAINER */

.brands-container{
width:90%;
max-width:1200px;
margin:auto;
}

/* TITLE */

.brands-title{
font-size:38px;
font-weight:700;
margin-bottom:35px;
font-family:'Playfair Display', serif;
}

.brands-title span{
color:rgb(167,8,13);
}

.brands-subtitle{
color:#666;
margin-bottom:50px;
font-size:16px;
}

/* GRID */

.brands-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
gap:10px;
align-items:center;
justify-items:center;
}

/* BRAND LOGO (NO CARD) */

.brand-card{
display:flex;
align-items:center;
justify-content:center;
}

/* LOGO */

.brand-card img{
max-width:140px;
max-height:70px;
width:auto;
height:auto;
object-fit:contain;
transition:0.3s;
}

/* HOVER */

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

/* MOBILE */

@media (max-width:768px){

.brands-section{
padding:60px 15px;
}

.brands-title{
font-size:30px;
}

.brands-grid{
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.brand-card img{
max-width:110px;
}

}
/* SECTION */

.partners-section{
padding:90px 20px;
background:#e6eeff;
}

/* CONTAINER */

.partners-container{
width:90%;
max-width:1200px;
margin:auto;
}

/* HEADER */

.partners-header{
text-align:center;
margin-bottom:60px;
}

.partners-header h2{
font-size:40px;
font-weight:700;
font-family:"Poppins",sans-serif;
}

.partners-header h2 span{
color:rgb(167,8,13);
}

.partners-header p{
color:#666;
margin-top:10px;
font-size:16px;
}

/* GRID */

.partners-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:20px;
align-items:center;
justify-items:center;
}

/* REMOVE CARD DESIGN */

.partner-card{
display:flex;
align-items:center;
justify-content:center;
}

/* LOGO */

/* LOGO */

.partner-card img{
max-width:180px;   /* increased size */
max-height:90px;   /* increased height */
width:auto;
height:auto;
object-fit:contain;
transition:0.3s;
}

/* HOVER EFFECT */

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

/* MOBILE */

@media (max-width:768px){

.partners-section{
padding:60px 15px;
}

.partners-header h2{
font-size:28px;
}

.partners-header p{
font-size:14px;
}

.partners-grid{
grid-template-columns:repeat(2,1fr);
gap:25px;
}

@media (max-width:768px){

.partner-card img{
max-width:140px;
max-height:70px;
}

}

}
/* CTA SECTION */

.cta-section{
background: linear-gradient(135deg, rgb(247 203 203), rgb(242, 192, 194));
padding:50px 20px;

font-family:'Poppins',sans-serif;
}

.cta-container{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
flex-wrap:wrap;
}

.cta-text h2{
color:#fff;
font-size:32px;
margin-bottom:8px;
}

.cta-text p{
color:#fff;
font-size:16px;
}

.cta-btn a{
background:#fff;
color:#1b1b4e;
padding:14px 28px;
text-decoration:none;
font-weight:600;
border-radius:6px;
transition:0.3s;
}

.cta-btn a:hover{
background:#ffdede;
color:#A7080D;
}


/* MOBILE RESPONSIVE */

@media (max-width:768px){

.cta-container{
flex-direction:column;
text-align:center;
}

.cta-text h2{
font-size:24px;
}

.cta-text p{
font-size:14px;
}

.cta-btn{
margin-top:10px;
}

.cta-btn a{
padding:12px 24px;
font-size:14px;
}

}
.contact-container{
max-width:1200px;
margin:auto;
display:flex;
gap:80px; /* space between left & right */
align-items:flex-start;
}

.contact-container{
max-width:1200px;
margin:auto;
display:flex;
gap:60px;
align-items:flex-start;
flex-wrap:wrap;
}

/* LEFT SIDE */

.contact-left{
flex:1;
min-width:320px;
}

.contact-tag{
color:#ff3c7f;
font-weight:600;
letter-spacing:1px;
display:block;
margin-bottom:10px;
}

.contact-left h2{
font-size:40px;
margin-bottom:10px;
color:#0b0f3c;
}

.contact-desc{
color:#666;
margin-bottom:40px;
}

.contact-form{
width:100%;
}

.form-row{
display:flex;
gap:20px;
margin-bottom:25px;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
width:100%;
border:none;
border-bottom:1px solid #ccc;
padding:10px;
font-size:15px;
background:#fff;
outline:none;
}

.contact-form textarea{
height:80px;
resize:none;
margin-bottom:30px;
}

/* SUBMIT BUTTON */

.submit-btn{
background:linear-gradient(45deg,#f8c59c,#f06292);
border:none;
padding:15px 40px;
border-radius:40px;
color:#fff;
font-weight:600;
cursor:pointer;
transition:0.3s;
}

.submit-btn:hover{
transform:translateY(-2px);
}

/* RIGHT SIDE */

.contact-right{
flex:1;
display:flex;
flex-direction:column;
gap:25px;
min-width:300px;
}

.contact-card{
padding:30px;
border-radius:6px;
}

.contact-card h4{
margin-bottom:10px;
font-size:20px;
}

.contact-card p{
font-size:14px;
color:#555;
margin-bottom:10px;
}

.contact-card span{
font-weight:600;
color:#1b1b4e;
}

/* CARD COLORS */

.phone{
background:#f3e9de;
}

.email{
background:#ecd8d8;
}

.skype{
background:#d8e7ea;
}

/* RESPONSIVE */

@media(max-width:768px){

.contact-container{
flex-direction:column;
}

.contact-left h2{
font-size:30px;
}

.form-row{
flex-direction:column;
}

}
.dropdown .nav-link::before {
    position: absolute;
    content: "\e900";
    font-family: "icomoon";
    font-size: 8px;
    color: #1A1A1A;
    top: 11px;
    right: 7px;
    opacity: 0;
    transition: all 500ms linear;
}

/* GALLERY SECTION */

.gallery-section{
padding:80px 0;
background: linear-gradient(135deg, #e3fdff);
font-family:"Poppins",sans-serif;
}

.gallery-container{
width:90%;
max-width:1200px;
margin:auto;
}

/* Title */

.gallery-title{
text-align:center;
margin-bottom:50px;
}

.gallery-title h2{
font-size:38px;
font-weight:700;
color:#1b1b4e;
}

.gallery-title h2 span{
color:#A7080D;
}

.gallery-title p{
margin-top:10px;
color:#666;
font-size:16px;
}
/* GRID - FIXED 3 COLUMNS */
.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr); /* 🔥 exactly 3 columns */
    gap:40px; /* more spacing = premium feel */
}

/* CARD */
.gallery-item{
    position:relative;
    border-radius:22px;
    overflow:hidden;
    cursor:pointer;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,0.08);
    transition:all 0.4s ease;
}

/* HOVER */
.gallery-item:hover{
    transform:translateY(-14px) scale(1.02);
    box-shadow:0 30px 70px rgba(0,0,0,0.18);
}

/* IMAGE BOX - BIGGER HEIGHT */
.gallery-item .img-box{
    width:100%;
    height:320px;  /* 🔥 increased height */
    overflow:hidden;
}

/* IMAGE FIT */
.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.5s ease;
}

/* ZOOM */
.gallery-item:hover img{
    transform:scale(1.1);
}

/* OVERLAY */
.gallery-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    opacity:0;
    transition:0.4s;
}

.gallery-item:hover::after{
    opacity:1;
}

/* TITLE */
.gallery-item .title{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:20px;
    color:#fff;
    font-size:16px;
    font-weight:600;
    transform:translateY(100%);
    transition:0.4s;
    z-index:2;
}

.gallery-item:hover .title{
    transform:translateY(0);
}
.lightbox{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.lightbox img{
    width:600px;       /* fixed width */
    height:400px;      /* fixed height */
    object-fit:contain;
    border-radius:10px;
}

.close{
    position:absolute;
    top:20px;
    right:30px;
    font-size:30px;
    color:#fff;
    cursor:pointer;
}

.prev, .next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:none;
    border:none;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}

.prev{ left:30px; }
.next{ right:30px; }

/* =========================
   RESPONSIVE DESIGN
========================= */

/* Tablet (2 columns) */
@media (max-width: 992px){
    .gallery-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:25px;
    }

    .gallery-item .img-box{
        height:280px;
    }
}

/* Mobile (1 column 🔥) */
@media (max-width: 576px){
    .gallery-grid{
        grid-template-columns:1fr; /* ✅ one by one */
        gap:20px;
    }

    .gallery-item{
        border-radius:18px;
    }

    .gallery-item .img-box{
        height:240px; /* slightly smaller for mobile */
    }

    .gallery-item .title{
        font-size:14px;
        padding:15px;
    }
}
/* FORM CONTAINER */

.form-continer{
width:100%;
}

.form-container{
max-width:900px;
margin:auto;
background:#fff;
border:2px solid #2b7a5b;
padding:25px 30px;
}


/* HEADER */

.header{
display:flex;
justify-content:space-between;
align-items:flex-start;
border-bottom:1px solid #2b7a5b;
padding-bottom:10px;
margin-bottom:20px;
gap:20px;
flex-wrap:wrap;
}

.company h1{
font-size:22px;
margin-bottom:5px;
color:#2b7a5b;
}

.company p{
font-size:13px;
margin:2px 0;
color:#333;
}


/* RFQ BOX */

.rfq-box{
border:1px solid #2b7a5b;
padding:10px;
width:200px;
font-size:13px;
line-height:1.6;
}


/* SECTION */

.section{
margin-bottom:18px;
font-size:14px;
color:#222;
}

.section label{
margin-right:15px;
font-size:13px;
cursor:pointer;
}


/* INPUT FIELDS */

input[type="text"]{
width:100%;

padding:7px 8px;
margin-top:4px;
font-size:13px;
}


/* TABLE */

.table{
width:100%;
border-collapse:collapse;
margin-top:8px;
}

.table td,
.table th{
border:1px solid #2b7a5b;
padding:7px;
font-size:13px;
text-align:left;
}

.table th{
background:#f1f7f5;
font-weight:600;
}


/* CHECKBOX STYLE */

input[type="checkbox"]{
margin-right:6px;
cursor:pointer;
}


/* YES / NO GROUP */

.yesno-group{
display:flex;
gap:20px;
margin-top:6px;
}

.yesno-group label{
display:flex;
align-items:center;
gap:5px;
}


/* SIGNATURE */

.signature{
margin-top:40px;
display:flex;
justify-content:space-between;
font-size:13px;
gap:20px;
flex-wrap:wrap;
}

.signature div{
max-width:400px;
}


/* MOBILE RESPONSIVE */

@media(max-width:768px){

.form-container{
padding:20px;
}

.header{
flex-direction:column;
gap:15px;
}

.rfq-box{
width:100%;
}

.company h1{
font-size:18px;
}

.section{
font-size:13px;
}

.table td,
.table th{
font-size:12px;
padding:6px;
}

.signature{
flex-direction:column;
gap:25px;
}

}
/* YES NO GROUP */

.yesno{
display:flex;
align-items:center;
gap:25px;
margin-top:6px;
}

.yesno label{
display:flex;
align-items:center;
gap:6px;
font-size:14px;
cursor:pointer;
}

/* smaller checkbox */

.yesno input{
width:16px;
height:16px;
cursor:pointer;
}
/* SMALL CHECKBOX */

input[type="checkbox"]{
width:14px;
height:14px;
transform:scale(0.9);
cursor:pointer;
}

/* LOGIN SECTION */

.admin-login-section{
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:#f5f6fa;
padding:20px;
}

/* CONTAINER */

.admin-login-container{
width:100%;
max-width:420px;
}

/* CARD */

.admin-login-card{
background:#ffffff;
padding:40px;
border-radius:18px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

/* LOGO */

.admin-login-logo{
text-align:center;
margin-bottom:20px;
}

.admin-login-logo img{
max-width:180px;
}

/* HEADER */

.admin-login-header{
text-align:center;
margin-bottom:25px;
}

.admin-login-header h2{
font-size:28px;
margin-bottom:6px;
}

.admin-login-header p{
color:#777;
font-size:14px;
}

/* FORM */

.admin-login-form{
display:flex;
flex-direction:column;
}

.admin-input-group{
margin-bottom:18px;
display:flex;
flex-direction:column;
}

.admin-input-group label{
font-size:14px;
margin-bottom:6px;
color:#555;
}

.admin-input-group input{
padding:12px;
border:1px solid #ddd;
border-radius:8px;
font-size:15px;
}

/* BUTTON */

.admin-login-btn{
margin-top:5px;
padding:13px;
border:none;
background:#b93b78;
color:#fff;
font-size:16px;
border-radius:10px;
cursor:pointer;
transition:0.3s;
}

.admin-login-btn:hover{
background:#a5336a;
}

/* FOOTER */

.admin-login-footer{
text-align:center;
margin-top:25px;
font-size:13px;
color:#888;
}

/* MOBILE */

@media(max-width:576px){

.admin-login-card{
padding:30px;
}

.admin-login-header h2{
font-size:24px;
}

}
.bg-secondary-color

 {
    background-color: #fff;
}
.text-white {
    color: #0c0f1c;
}

.gallery-wrap {
    max-width: 1100px;
    margin: 30px auto;
    padding: 0 15px;
    font-family: 'Poppins', sans-serif;
}

/* HEADING SAME STYLE */
.common-heading {
    font-size: 26px;
    color: #c40000;
    margin: 20px 0 15px;
    font-weight: 500;
}
/* GRID */
.gallery-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

/* IMAGE */
.gallery-box img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 6px;
}

/* TABLET */
@media (max-width: 992px) {
    .gallery-box {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE */
@media (max-width: 600px) {
    .gallery-box {
        grid-template-columns: 1fr;
    }
}

.testimonial-wrap {
    max-width: 1100px;
    margin: 40px auto;
    padding: 40px 15px; /* increased top & bottom space */
    font-family: 'Poppins', sans-serif;
}
/* HEADING SAME STYLE */
.common-heading {
    font-size: 26px;
    color: #c40000;
    margin-bottom: 15px;
    font-weight: 500;
}

/* LAYOUT */
.testimonial-box {
    display: flex;
    align-items: center;
    gap: 30px;
}

/* LEFT TEXT */
.testimonial-text {
    flex: 1;
}

.testimonial-text h4 {
    margin-bottom: 10px;
    font-size: 18px;
}

.testimonial-text p {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
}

.client-name {
    margin-top: 10px;
    font-weight: 500;
    color: #000;
}

/* RIGHT VIDEO */
.testimonial-video {
    width: 300px;
}

.testimonial-video video {
    width: 100%;
    border-radius: 8px;
}

/* TABLET */
@media (max-width: 992px) {
    .testimonial-video {
        width: 250px;
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .testimonial-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .testimonial-video {
        width: 100%;
    }
}