:root {
    --navy: #003A66;
    --navy-light: #0a4d80;
    --red: #d7201a;
    --red-dark: #b31d43;
    --orange: #FF6B35;
    --light-bg: #f4f8fc;
    --text-dark: #0d2137;
    --text-muted: #444545;
    --gold: #FFB800;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family: 'Open Sans', sans-serif;color:var(--text-dark);overflow-x:hidden;}

/* ── SPINNER ── */
#spinner{position:fixed;inset:0;background:#fff;z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s;}
#spinner.hide{opacity:0;pointer-events:none;}
.spin-truck{font-size:48px;animation:truckBob .8s ease-in-out infinite;}
@keyframes truckBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── TOPBAR ── */
.topbar{background:var(--navy);padding:4px 0;}
.topbar a{color:rgba(255,255,255,.82);text-decoration:none;font-size:13px;transition:.2s;}
.topbar a:hover{color:var(--gold);}
.social-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:12px;margin-left:5px;transition:.3s;}
.social-btn:hover{background:var(--red);border-color:var(--red);}
.section-header .hide{display:none}
.contact-info .address-info{
color:rgba(255,255,255,.82);
font-size:13px;
display:flex;
align-items:center;
transition:.2s;
}

.contact-info .address-info i{
color:rgba(255,255,255,.82);
}

/* Hover same as links */
.contact-info .address-info:hover{
color:var(--gold);
}

.contact-info .address-info:hover i{
color:var(--gold);
}

/* Topbar background & link colors */
.topbar {
    background: var(--navy);
    padding: 4px 0;
}
.topbar a {
    color: rgba(255,255,255,.82);
    text-decoration: none;
    font-size: 13px;
    transition: .2s;
}
.topbar a:hover {
    color: var(--gold);
}

/* Social icons */
.social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    transition: .3s;
}
.social-btn:hover {
    background: var(--red);
    border-color: var(--red);
}

/* Mobile Call Now Button */
.topbar .btn-call {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--red);
    color: #fff;
    padding: 4px 8px;  /* smaller on mobile */
    font-size: 11px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.topbar .btn-call:hover {
    background: green;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

/* Mobile specific adjustments */
@media (max-width: 767px) {
    /* Topbar compact height */
    .topbar {
        padding: 4px 0;
    }

    /* Hide navbar call button on mobile */
    #mainNav .btn-call {
        display: none !important;
    }
}

/* ── NAVBAR ── */
.navbar{padding:10px 0;box-shadow:0 2px 20px rgba(0,58,102,.1);transition:.3s;}
.navbar.scrolled{padding:6px 0;box-shadow:0 4px 30px rgba(0,58,102,.2);}
.navbar .container{display:flex;align-items:center;justify-content:space-between;}
.navbar-brand-wrap{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;padding:0;margin:0;}
.navbar-brand-wrap img{height:68px;width:auto;object-fit:contain;display:block;margin:0;padding:0;flex-shrink:0;}
.navbar-brand-wrap > div{display:flex;flex-direction:column;justify-content:center;gap:3px;}
.brand-name{font-family:'Nunito',sans-serif;font-weight:900;font-size:25px;color:#123e7f;line-height:1;white-space:nowrap;}
.brand-name span{color:var(--red);}
.brand-sub{font-size:13px;color:#121212;font-weight:600;letter-spacing:.3px;text-align:left;white-space:nowrap;}
.nav-link{font-weight:600;color:var(--navy)!important;font-size:14px;padding:8px 16px!important;transition:.2s;position:relative;}
.nav-link::after{content:'';position:absolute;bottom:2px;left:16px;right:16px;height:2px;background:var(--red);transform:scaleX(0);transition:.3s;}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);}
.nav-link:hover{color:var(--red)!important;}
.btn-call{background:var(--red);color:#fff!important;border:none;padding:10px 22px;border-radius:50px;font-weight:700;font-size:14px;text-decoration:none;transition:.3s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;}
.btn-call:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(224,36,84,.4);}

/* ══════════════════════════════════════
   HERO BANNER
══════════════════════════════════════ */
.hero-slider{position:relative;overflow:hidden;}
.hero-slide{display:none;position:relative;height:560px;overflow:hidden;}
.hero-slide.active{display:block;animation:heroFade .7s ease;}
@keyframes heroFade{from{opacity:.3;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}
@media(max-width:768px){.hero-slide{height:320px;}}
@media(max-width:480px){.hero-slide{height:240px;}}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,30,60,.82) 0%,rgba(0,58,102,.4) 55%,rgba(224,36,84,.15) 100%);}
.slide-content{position:absolute;inset:0;display:flex;align-items:center;padding:0 6%;}
.slide-text{max-width:560px;}
.badge-tag{display:inline-block;background:var(--red);color:#fff;padding:5px 16px;border-radius:50px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;}
.slide-text h2{font-family:'Nunito',sans-serif;font-size:clamp(22px,3.8vw,44px);font-weight:900;color:#fff;line-height:1.15;margin-bottom:14px;background: #1010108f;text-shadow:0 2px 12px rgba(0,0,0,.35);padding: 10px;font-size: 34px;/* border-radius: 35px; */}
.slide-text p{color:rgba(255,255,255,.88);font-size:clamp(13px,1.4vw,16px);margin-bottom:22px;background: #1010108f;padding: 10px;font-size: 17px;/* border-radius: 35px; */}
.slide-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-slide-p{background:var(--red);color:#fff;border:none;padding:12px 28px;border-radius:50px;font-weight:700;font-size:14px;text-decoration:none;transition:.3s;}
.btn-slide-p:hover{background:var(--red-dark);color:#fff;transform:translateY(-2px);}
.btn-slide-o{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.65);padding:12px 28px;border-radius:50px;font-weight:600;font-size:14px;text-decoration:none;transition:.3s;}
.btn-slide-o:hover{background:rgba(255,255,255,.15);border-color:#fff;color:#fff;}
.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.35);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;backdrop-filter:blur(4px);}
.slider-prev{left:18px;}.slider-next{right:18px;}
.slider-prev:hover,.slider-next:hover{background:var(--red);border-color:var(--red);}
.slider-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:10;}
.slider-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:.3s;}
.slider-dot.active{background:var(--red);width:22px;border-radius:4px;}
@media(max-width:576px){.slide-text p,.slide-btns{display:none;}.slide-text h2{margin-bottom:0;margin-bottom: 0;width: 100%;line-height: 23px;font-weight: 700;padding: 5px;font-size: 15px;}.slider-prev,.slider-next{width:34px;height:34px;}}


.book-btn{
display:inline-block;
margin-top:20px;
padding:12px 28px;
background:var(--red);
color:#fff;
font-size:15px;
font-weight:700;
border-radius:30px;
text-decoration:none;
transition:all .3s ease;
}

.book-btn:hover{
background:var(--navy);
color: #fff;
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,0,0,0.25);
}

/* ── QUICK BAR ── */
.quick-bar{background:var(--navy);padding:14px 0;}
.q-item{display:flex;align-items:center;gap:11px;color:#fff;}
.q-icon{width:40px;height:40px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.q-text small{font-size:14px;color:rgba(255,255,255,.55);display:block;}
.q-text strong{font-size:13px;font-weight:700;}

/* ── SECTION HEADER ── */
.section-header{text-align:center;margin-bottom: 65px;}
.sub-label{display:inline-block;color:var(--red);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:10px;}
.section-header h2{font-family:'Nunito',sans-serif;font-size:clamp(24px,3.2vw,36px);font-weight:900;color:var(--navy);margin-bottom:14px;line-height:1.2;}
.section-header h1{font-family:'Nunito',sans-serif;font-size:clamp(24px,3.2vw,36px);font-weight:900;color:var(--navy);margin-bottom:14px;line-height:1.2;}
.section-header p{color:var(--text-muted);/*! max-width:580px; */margin:0 auto;font-size:14px;}

/* ── ABOUT ── */
.about-section{padding:50px 0;background:#fff;}
.about-img-wrap{position:relative;}
.about-img-wrap img{width:100%;border-radius:20px;object-fit:cover;max-height:400px;box-shadow:0 20px 60px rgba(0,58,102,.15);}
.exp-badge{position:absolute;bottom:-18px;right:-18px;background:linear-gradient(135deg,#14407e,#123e7f);color:#fff;border-radius:16px;padding:20px 24px;text-align:center;box-shadow:0 12px 35px rgb(18, 62, 127);}
.exp-badge .num{font-family:'Nunito',sans-serif;font-size:38px;font-weight:900;line-height:1;}
.exp-badge .lbl{font-size:11px;font-weight:700;opacity:.9;text-transform:uppercase;letter-spacing:.5px;}
.about-feature{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;}
.af-icon{width:46px;height:46px;background:rgba(0,58,102,.07);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:19px;flex-shrink:0;}
.af-icon.red{background:rgba(224,36,84,.09);color:var(--red);}
.about-feature h6{font-weight:700;color:#303132;margin-bottom:3px;font-size:15px;}
.about-feature p{font-size:14px;color:var(--text-muted);margin:0;}
/* Mission & Vision Section */
.section-mission {
    background: #f9faff;
    padding: 80px 20px;
    font-family: 'Nunito', sans-serif;
    color: #333;
}

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

.mission-header h2 {
    font-size: 32px;
    font-weight: 900;
    color: #0d3b66;
    margin-bottom: 15px;
}

.mission-header p {
    font-size: 16px;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

.mission-row {
    display: flex;
    gap: 40px;
    margin-top: 60px;
    flex-wrap: wrap;
    justify-content: center;
}

.mission-box, .vision-box {
    background: #fff;
    flex: 0 0 45%;
    border-radius: 20px;
    padding: 30px 25px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    position: relative;
    overflow: hidden;
}

.mission-box:hover, .vision-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.12);
}

.mission-box h4, .vision-box h4 {
    font-size: 22px;
    font-weight: 800;
    color: #0d3b66;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px; /* space between icon and text */
}

.mission-box ul, .vision-box ul {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.mission-box ul li, .vision-box ul li {
    font-size: 15px;
    line-height: 1.8;
    color: #555;
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s forwards;
    animation-delay: calc(0.2s * var(--li-index));
}

/* Highlight phrases in color */
.mission-box ul li .highlight, .vision-box ul li .highlight {
    color: #f95738;
    font-weight: 700;
}

/* Animation for list items */
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.about-counter{
    background:url('../img/slider1.png') center/cover no-repeat fixed;
    padding:60px 0;       /* top & bottom padding */
    margin-bottom:40px;   /* extra space only for About Us page */
    position:relative;
    overflow:hidden;
}

.about-counter::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(0,30,60,.88) 0%, rgba(0,58,102,.82) 60%, rgba(224,36,84,.25) 100%);
    z-index:0;
}

.about-counter::after{
    content:'';
    position:absolute;
    bottom:-40px;
    left:10%;
    width:160px;
    height:160px;
    background:rgba(255,255,255,.03);
    border-radius:50%;
    z-index:0;
}

/* Counter Box Styles */
.about-counter .counter-box{
    text-align:center;
    color:#fff;
    position:relative;
    z-index:1;
}

.about-counter .c-icon{
    width:58px;
    height:58px;
    background:rgba(255,255,255,.1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin:0 auto 12px;
    border:1px solid rgba(255,255,255,.15);
}

.about-counter .counter-num{
    font-family:'Nunito',sans-serif;
    font-size:clamp(34px,4vw,50px);
    font-weight:900;
    color:#fff;
    line-height:1;
}

.about-counter .counter-label{
    font-size:13px;
    color:rgba(255,255,255,.75);
    font-weight:500;
    margin-top:5px;
}

.learn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 26px;
    border-radius: 50px;
    background: linear-gradient(135deg,#14407e,#123e7f);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: fit-content;
    
    /* CHANGE THESE LINES */
    margin-left: 30px; /* Adjust this value for the space you want */
    margin-right: 0;   /* Removes the 'auto' centering */
    cursor: pointer;
}

.learn-btn:hover {
 background:red;
}
.ml-custom {
    margin-left: 35px; /* adjust the value as needed */
}

/* Call Button */
.call-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 26px;
    border-radius:50px;
    background:rgba(0,58,102,.08);
    color:#003a66;
    font-weight:700;
    font-size:14px;
    text-decoration:none !important;
    transition:all .3s ease;
}

/* Phone icon green */
.call-btn i{
    color:#25D366; /* calling green */
    font-size:15px;
}

/* Hover effect */
.call-btn:hover{
    background:#25D366;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 8px 25px rgba(0,0,0,.2);
}

/* Hover icon white */
.call-btn:hover i{
    color:#fff;
}

/* ── COUNTER ── */
.counter-section{background:url('../img/slider1.png') center/cover no-repeat fixed;padding:60px 0;position:relative;overflow:hidden;}
.counter-section::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,30,60,.88) 0%,rgba(0,58,102,.82) 60%,rgba(224,36,84,.25) 100%);z-index:0;}
.counter-section::after{content:'';position:absolute;bottom:-40px;left:10%;width:160px;height:160px;background:rgba(255,255,255,.03);border-radius:50%;z-index:0;}
.counter-box{text-align:center;color:#fff;position:relative;z-index:1;}
.c-icon{width:58px;height:58px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 12px;border:1px solid rgba(255,255,255,.15);}
.counter-num{font-family:'Nunito',sans-serif;font-size:clamp(34px,4vw,50px);font-weight:900;color:#fff;line-height:1;}
.counter-label{font-size:13px;color:rgba(255,255,255,.75);font-weight:500;margin-top:5px;}

/* ══════════════════════════════════════
   SERVICES CAROUSEL
══════════════════════════════════════ */
/* ── SERVICES CAROUSEL ── */
.services-section{padding:50px 0;background:var(--light-bg);}
.svc-carousel-wrap{position:relative;overflow:hidden;padding-bottom:52px;}
.svc-carousel{display:flex;gap:24px;transition:transform .48s cubic-bezier(.4,0,.2,1);will-change:transform;}
.svc-card{flex:0 0 calc(33.333% - 16px);min-width:0;border-radius:20px;overflow:hidden;position:relative;height:320px;box-shadow:0 8px 32px rgba(0,58,102,.13);transition:.4s;background:#fff;}
@media(max-width:991px){.svc-card{flex:0 0 calc(50% - 12px);}}
@media(max-width:576px){.svc-card{flex:0 0 88%;height:280px;}}
.svc-card:hover{transform:translateY(-7px);box-shadow:0 22px 54px rgba(0,58,102,.22);}
.svc-img{width:100%;transition:transform .5s;}
.svc-card:hover .svc-img{transform:scale(1.07);}
.svc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,15,40,.92) 0%,rgba(0,30,70,.45) 55%,transparent 100%);}
.svc-content{position:absolute;bottom:0;left:0;background: #fff;right:0;padding: 5px 5px;text-align: center;}
.svc-icon-wrap{width: 35px;height: 35px;/*! background:#003a66; */border-radius:13px;text-align: center;display: inline-block;align-items:center;line-height: 30px;justify-content:center;font-size:22px;/*! box-shadow:0 4px 14px rgba(0, 58, 102, 0.62); */}
.svc-content h4{font-family:'Nunito',sans-serif;font-size:17px;font-weight:900;color: #2a2929;margin-bottom:6px;line-height: 22px;}
.svc-content p{font-size:14px;color: rgba(69, 63, 63, 0.8);margin:0;line-height:1.55;}
.svc-tag{display:inline-block;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color: #000000;font-size:10px;font-weight:700;padding:3px 11px;border-radius:50px;text-transform:uppercase;letter-spacing:.6px;margin-top:9px;}
/* Carousel nav */
.svc-prev,.svc-next{position:absolute;top:50%;transform:translateY(calc(-50% - 26px));z-index:10;background:var(--navy);border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;box-shadow:0 4px 18px rgba(0,58,102,.28);}
.svc-prev{left:-6px;}.svc-next{right:-6px;}
.svc-prev:hover,.svc-next:hover{background:var(--red);transform:translateY(calc(-50% - 26px)) scale(1.08);}
.svc-dots-wrap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;}
.svc-dot{width:9px;height:9px;border-radius:50%;background:rgba(0,58,102,.2);cursor:pointer;transition:.3s;border:none;padding:0;}
.svc-dot.active{background:var(--red);width:26px;border-radius:5px;}

/* REVIEW CAROUSEL */
.review-carousel-wrap{position:relative;overflow:hidden;padding-bottom:44px;}
.review-track{display:flex;gap:24px;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform;}
.review-track .test-card{flex:0 0 calc(33.333% - 16px);min-width:0;}
@media(max-width:991px){.review-track .test-card{flex:0 0 calc(50% - 12px);}}
@media(max-width:576px){.review-track .test-card{flex:0 0 85%;}}

/* Shared carousel nav */
.svc-prev,.svc-next{position:absolute;top:50%;transform:translateY(calc(-50% - 22px));z-index:10;background:var(--navy);border:none;color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;box-shadow:0 4px 16px rgba(0,58,102,.25);}
.svc-prev{left:0;}.svc-next{right:0;}
.svc-prev:hover,.svc-next:hover{background:var(--red);}
.svc-dots{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:7px;}
.svc-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,58,102,.2);cursor:pointer;transition:.3s;border:none;}
.svc-dot.active{background:var(--red);width:22px;border-radius:4px;}

.services-section{padding:80px 0;background:var(--light-bg);}

/* Layout Alignment */
.services-list {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.service-item {
  display: flex;
  align-items: center; /* Centers content vertically relative to image */
  gap: 40px;
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  
  /* Animation Start State */
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

/* Ensure Image is always on Left */
.service-img {
  flex: 0 0 45%; /* Image takes 45% of width */
}

.service-img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 12px;
}

.service-content {
  flex: 1;
}

/* Animation Active State */
.service-item.active {
  opacity: 1;
  transform: translateY(0);
}

/* Force anchor tag to keep styling */
.svc-tag,
.svc-tag:link,
.svc-tag:visited,
.svc-tag:hover,
.svc-tag:active,
.svc-tag:focus {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 20px;
    background: red;
    color: #fff !important; /* Force text white */
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    text-decoration: none !important; /* Remove underline */
    transition: all 0.3s ease;
}

/* Hover effect */
.svc-tag:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
    cursor: pointer;
    color: #fff !important; /* Keep text white on hover */
}

/* Responsive Fix for Mobile */
@media (max-width: 768px) {
  .service-item {
    flex-direction: column !important; /* Stack vertically on mobile */
    text-align: center;
  }
  .service-img {
    flex: 0 0 100%;
  }
}
/* others */
/* ── PROFESSIONAL SERVICES ── */

/* Section background and padding */
.pm-services-section {
  background: var(--light-bg);
}

/* Centered container for all services */
.pm-services-wrapper {
  max-width: 1200px; /* limits width */
  margin: 0 auto;    /* centers the wrapper */
  display: flex;
  flex-direction: column;
  gap: 60px;
}

/* Service card styles remain the same */
.pm-service-card{
  display:flex;
  align-items:center;
  gap: 60px;
  background:#fff;
  padding:50px;
  border-radius:16px;
  box-shadow:0 10px 35px rgba(0,58,102,.08);
  transition:all .35s ease;
}

/* Hover effect */
.pm-service-card:hover{
  box-shadow:0 20px 45px rgba(0,58,102,.15);
}

/* Zigzag Layout */
.pm-service-card:nth-child(even){
  flex-direction:row-reverse;
}

.pm-service-image{
  flex:0 0 45%;
}

.pm-service-image img{
  width:100%;
  height:320px;
  object-fit:cover;
  border-radius:14px;
}

.pm-service-content{
  flex:1;
}

.pm-service-content h4{
  font-family:'Nunito',sans-serif;
  font-size:24px;
  font-weight:800;
  color:var(--navy);
  margin-bottom:12px;
}

.pm-service-content p{
  color:var(--text-muted);
  font-size:15px;
  line-height:1.7;
  margin-bottom:12px;
}

.pm-service-content ul{
  padding-left:18px;
  margin-top:10px;
}

.pm-service-content ul li{
  margin-bottom:7px;
  color:#444;
  font-size:14px;
}

/* Highlight Badge */
.pm-service-badge{
  display:inline-block;
  margin-top:14px;
  padding:8px 20px;
  background:var(--red);
  color:#fff;
  border-radius:30px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.pm-services-wrapper .pm-service-card:first-child {
    margin-top: 60px; /* adjust as needed */
}

/* Optional: reduce top padding for smaller screens */
@media(max-width:768px){
    .pm-services-wrapper .pm-service-card:first-child {
        margin-top: 40px;
    }
}



/* Mobile responsiveness */
@media(max-width:768px){

  .pm-service-card{
    flex-direction:column !important;
    text-align:center;
    padding:25px;
  }

  .pm-service-image img{
    height:240px;
  }

  .pm-service-content h4{
    font-size:20px;
  }

}

/* Full-width breadcrumb / hero wrapper */
.hero-banner, /* or your breadcrumb wrapper class */
.breadcrumb-section {
    width: 100vw; /* Full viewport width */
    max-width: 100%; /* Avoid container restrictions */
    margin: 0;
    padding: 60px 0; /* vertical spacing */
    background: linear-gradient(135deg, rgba(0,30,60,.88) 0%, rgba(0,58,102,.82) 60%, rgba(224,36,84,.25) 100%);
    position: relative;
}

/* Inner content centered */
.breadcrumb-section .container {
    max-width: 1200px; /* or any width you want */
    margin: 0 auto; /* center horizontally */
    text-align: center;
    padding: 0 20px; /* optional horizontal padding */
}
/* ══════════════════════════════════════
 /* Section Layout */
/* =========================
   WHY CHOOSE SECTION
========================= */
.why-section {
    padding: 10px 0;
    position: relative;
    overflow: hidden;
    background: var(--light-bg);
}

.services-section {
    padding: 45px 0; /* Top and bottom */
    position: relative;
    background: var(--light-bg);
}

.services-section .container {
    padding-bottom: 0; /* remove extra bottom space */
}

.why-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: url('img/packing1.jpg') center/cover no-repeat;
    opacity: 0.05;
    pointer-events: none;
}

/* -------- HEADER -------- */
.why-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 60px;
}

.why-content-title {
    font-family: 'Nunito', sans-serif;
    font-size: clamp(28px, 4vw, 36px);
    font-weight: 900;
    color: var(--navy);
    margin-bottom: 16px;
    line-height: 1.2;
}

.why-content-desc {
    font-size: 16px;
    line-height: 1.75;
    color: var(--text-muted);
}

/* -------- TWO-COLUMN LAYOUT -------- */
.why-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

@media (max-width: 991px) {
    .why-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* -------- IMAGE LEFT -------- */
.why-visual {
    position: relative;
}

.why-img-main {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    height: 480px;
    box-shadow: 0 24px 64px rgba(0,58,102,.18);
}

.why-img-badge {
    position: absolute;
    bottom: 28px;
    left: -24px;
    background: #fff;
    border-radius: 16px;
    padding: 18px 22px;
    box-shadow: 0 12px 40px rgba(0,58,102,.16);
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 220px;
}

@media (max-width: 991px) {
    .why-img-badge {
        left: 16px;
        bottom: 16px;
    }
}

.why-badge-icon {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, #144182, #012646);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.why-badge-text strong {
    display: block;
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    font-weight: 900;
    color: var(--navy);
    line-height: 1;
}

.why-badge-text span {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 500;
}

/* -------- FEATURES RIGHT -------- */
.why-feature-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 768px) {
    .why-feature-list {
        grid-template-columns: 1fr 1fr;
    }
}

.why-feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #fff;
    padding: 18px 16px;
    border-radius: 14px;
    box-shadow: 0 4px 20px rgba(0, 58, 102, .07);
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.why-feature:hover {
    transform: translateX(6px);
    border-left-color: var(--red);
    box-shadow: 0 8px 32px rgba(0,58,102,.12);
}

.why-feat-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    text-align: center;
    line-height: 46px;
}

.wfi-navy { background: rgba(0,58,102,.09); color: var(--navy);}
.wfi-red   { background: rgba(224,36,84,.09); color: var(--red);}
.wfi-gold  { background: rgba(255,184,0,.12); color: var(--gold);}

.why-feat-body h6 {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    color: var(--navy);
    font-size: 16px; /* increased from 14px */
    margin-bottom: 8px;
}

.why-feat-body p {
    font-size: 15px; /* increased from 13px */
    color: var(--text-muted);
    margin: 0;
    line-height: 1.6;
}

.why-feat-check {
    width: 24px;
    height: 24px;
    background: linear-gradient(135deg, var(--red), var(--orange));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: auto;
    margin-top: 2px;
}

.why-feat-check i {
    color: #fff;
    font-size: 10px;
}

/* -------- RESPONSIVE -------- */
@media (max-width: 576px) {
    .why-feature {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .why-feat-check {
        margin-left: 0;
        margin-top: 8px;
    }

    .why-feat-icon {
        margin-bottom: 8px;
    }
}


/*** Single Page Hero Header Start ***/
.bg-breadcrumb {
    background: linear-gradient(rgba(0, 58, 102, 0.9), rgba(0, 58, 102, 0.8)), url(../img/slider1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-size: cover;
    padding: 40px 0 40px 0;
}
/*** Single Page Hero Header End ***/


/* ══════════════════════════════════════
   PROCESS — PACKING → SHIPPING → TRACKING → DELIVERY
══════════════════════════════════════ */
.process-section{padding:80px 0;background:linear-gradient(160deg,#021e35 0%,#003A66 50%,#0a4d80 100%);position:relative;overflow:hidden;background: url('../img/slider4.png') center/cover no-repeat fixed;}
.process-section::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.process-section .section-header h2{color:#fff;}
.process-section .section-header h2 span{color:var(--gold);}
.process-section .section-header p{color:rgba(255,255,255,.65);}
.process-section .sub-label{color:var(--gold);}
.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:20px;}
@media(max-width:991px){.process-track{grid-template-columns:repeat(2,1fr);gap:32px 0;}}
@media(max-width:576px){.process-track{grid-template-columns:1fr;gap:24px;}}
.process-connector{position:absolute;top:60px;left:12.5%;right:12.5%;height:2px;/* background:rgba(255,255,255,.15); */z-index:0;}
.process-connector::after{content:'';position:absolute;top:0;left:0;height:100%;width:var(--progress,0%);/* background:linear-gradient(90deg,var(--gold),var(--red)); */transition:width 1.2s ease .5s;}
@media(max-width:991px){.process-connector{display:none;}}
.process-step{text-align:center;position:relative;z-index:1;padding:0 12px;}
.ps-circle{width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;position:relative;transition:.4s;flex-direction:column;}
.ps-circle:hover{background:rgba(255,255,255,.12);border-color:var(--gold);}
.ps-icon{font-size:34px;}
.ps-step-num{position:absolute;top:-8px;right:-8px;width:26px;height:26px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#111;font-family:'Nunito',sans-serif;}
.process-step h4{font-family:'Nunito',sans-serif;font-weight:800;color:#fff;font-size:17px;margin-bottom:8px;}
.process-step p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6;max-width:180px;margin:0 auto;}
.ps-arrow{position:absolute;top:48px;right:-14px;color: rgba(255, 255, 255, 0.2);font-size: 55px;z-index:2;}
@media(max-width:991px){.ps-arrow{display:none;}}

/* ══════════════════════════════════════
   THE ONE ANIMATION — MOVING TRUCK SCENE
══════════════════════════════════════ */
.animation-section{padding:30px 0;background:#c4d6f247;overflow:hidden;}
.anim-scene{position:relative;height: 257px;max-width: 100%;margin:0 auto;}
/* Road */
.road{position:absolute;bottom:0;left:0;right:0;height: 102px;background: #383b3e;/*! border-radius:8px; */}
.road-line{position:absolute;top:50%;left:0;right:0;height:3px;transform:translateY(-50%);}
.dash{position:absolute;top:0;height:3px;width:40px;background:var(--gold);border-radius:2px;animation:dashMove 1s linear infinite;}
.dash:nth-child(1){left:5%;animation-delay:0s;}
.dash:nth-child(2){left:25%;animation-delay:.25s;}
.dash:nth-child(3){left:45%;animation-delay:.5s;}
.dash:nth-child(4){left:65%;animation-delay:.75s;}
.dash:nth-child(5){left:85%;animation-delay:1s;}
@keyframes dashMove{0%{transform:translateX(0);}100%{transform:translateX(120px);opacity:0;}}
/* Truck */
.truck-wrap{position:absolute;bottom: 118px;left:50%;transform:translateX(-50%);animation:truckDrive 3s ease-in-out infinite;}
@keyframes truckDrive{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-4px);}}
.truck-body{position:relative;display:inline-flex;align-items:flex-end;gap:0;}
/* Cabin */
.t-cabin{width:70px;height:54px;background:#123D81;border-radius: 10px 10px 0 0;position:relative;}
.t-cabin::after{content:'';position:absolute;top:8px;left:8px;right:8px;height:20px;background:rgba(255,255,255,.2);border-radius:5px;}
.t-windshield{position:absolute;top:6px;right:6px;width:28px;height:18px;background:rgba(100,180,255,.55);border-radius:4px;}
/* Cargo */
.t-cargo{width:150px;height:68px;background:#123D81;border-radius:4px 10px 0 0;margin-left:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.t-cargo-label{color:#fff;font-family:'Nunito',sans-serif;font-size:10px;font-weight:800;text-align:center;line-height:1.3;padding:4px;}
/* Wheels */
.t-wheels{position:absolute;bottom:-16px;display:flex;justify-content:space-between;width:100%;}
.wheel{width:28px;height:28px;background:#1a1a2e;border-radius:50%;border:4px solid #555;position:relative;animation:wheelSpin 1s linear infinite;}
.wheel::after{content:'';position:absolute;inset:3px;border-radius:50%;border:2px solid #888;}
@keyframes wheelSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
/* Boxes on truck */
.box-stack{position:absolute;top:-30px;left:6px;display:flex;gap:3px;align-items:flex-end;animation:boxBounce 1s ease-in-out infinite;}
@keyframes boxBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
.sbox{border-radius:3px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:10px;}
/* Tree decorations */
.tree{position:absolute;bottom:42px;}
.tree-l{left:2%;}
.tree-r{right:2%;}
.tree-top{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:36px solid #27ae60;}
.tree-trunk{width:8px;height:10px;background:#6d4c41;margin:0 auto;}
/* Houses */
.house{position:absolute;bottom:42px;}
.house-l{left:8%;}
.house-r{right:8%;}
.house-body{width:44px;height:30px;background:#e0c89a;border-bottom:none;}
.house-roof{width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:18px solid var(--red);}
/* Sun */
.sun{position:absolute;top: 19px;right:15%;width:36px;height:36px;background:var(--gold);border-radius:50%;box-shadow:0 0 18px rgba(255,184,0,.4);animation:sunPulse 2s ease-in-out infinite;}
@keyframes sunPulse{0%,100%{box-shadow:0 0 18px rgba(255,184,0,.4);}50%{box-shadow:0 0 30px rgba(255,184,0,.65);}}
/* Sky */
.sky{position:absolute;inset:0;bottom: -10px;background: linear-gradient(180deg, #94bdf7 0%, #ffffff 100%);/* border-radius:8px 8px 0 0; */z-index:-1;}
/* Cloud */
.cloud{position:absolute;top:15px;background:#fff;border-radius:50px;animation:cloudFloat 8s linear infinite;}
.cloud::before,.cloud::after{content:'';position:absolute;background:#fff;border-radius:50%;}
.cloud-1{width:60px;height:16px;left:10%;top:12px;animation-delay:0s;}
.cloud-1::before{width:22px;height:22px;top:-10px;left:10px;}
.cloud-1::after{width:16px;height:16px;top:-7px;left:28px;}
.cloud-2{width:44px;height:12px;left:40%;top:20px;animation-delay:3s;opacity:.7;}
.cloud-2::before{width:16px;height:16px;top:-8px;left:8px;}
.cloud-2::after{width:12px;height:12px;top:-5px;left:20px;}
@keyframes cloudFloat{0%{transform:translateX(0);}100%{transform:translateX(30px);}}

.anim-caption{text-align:center;margin-top:28px;}
.anim-caption h3{font-family:'Nunito',sans-serif;font-weight:900;color:var(--navy);font-size:clamp(20px,2.5vw,26px);margin-bottom:8px;}
.anim-caption p{color:var(--text-muted);font-size:14px;}

/* ── GALLERY ── */
.gallery-section{padding:30px 30px 50px 30px;/*! background:var(--light-bg); */}
.gallery-scroll-wrap{overflow:hidden;position:relative;}
.gallery-track{display:flex;gap:14px;animation:scrollGallery 30s linear infinite;width:max-content;}
.gallery-track:hover{animation-play-state:paused;}
@keyframes scrollGallery{0%{transform:translateX(0);}100%{transform:translateX(-50%)}}
.gallery-item{width:240px;height:170px;border-radius:14px;overflow:hidden;flex-shrink:0;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.gallery-item:hover img{transform:scale(1.1);}

/* ── Gallery Filter Buttons ── */
.svc-filters {
    text-align: center;
    margin-bottom: 2rem;
}
 
.svc-filters .filter-btn {
    background: #f8f9fa;
    border: 1px solid #ddd;
    padding: 10px 22px;
    margin: 5px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    color: #333;
    display: inline-block;
}
 
.svc-filters .filter-btn:hover,
.svc-filters .filter-btn.active {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}
 
/* ── Gallery Grid ── */
.gallery-section {
    padding: 50px 0;
}
 
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 250px;        /* Every row is exactly 250px — no gaps */
    gap: 25px;
    align-items: stretch;         /* All cards stretch to fill the row height */
}
 

 
/* ── Gallery Card ── */
.gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    background: #fff;
    display: block;
    width: 100%;
    height: 100%;               /* Fill the grid row height fully */
    min-height: 0;              /* Prevents grid blowout on some browsers */
}
 
.gallery-card img {
    width: 100%;
    height: 100%;               /* Image fills the entire card */
    object-fit: cover;          /* Crops neatly — no stretching, no gaps */
    display: block;
    transition: transform 0.5s ease;
}
 
.gallery-card:hover img {
    transform: scale(1.08);
}
 
/* ── Overlay on Hover (optional) ── */
.gallery-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 123, 255, 0.15);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 12px;
}
 
.gallery-card:hover::after {
    opacity: 1;
}
 
/* ── Filter Animation ── */
.gallery-card.fade-in {
    animation: fadeInScale 0.4s ease forwards;
}
 
@keyframes fadeInScale {
    0%   { opacity: 0; transform: scale(0.93); }
    100% { opacity: 1; transform: scale(1); }
}

/* ── Gallery Section ── */
.custom-gallery-section {
    padding: 60px 0;
}

/* Filter Buttons */
.custom-svc-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-bottom: 40px;
}

.custom-filter-btn {
    padding: 10px 24px;
    border: 2px solid #dde3ef;
    background: #fff;
    color: var(--navy);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    letter-spacing: 0.3px;
    outline: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.custom-filter-btn:hover {
    border-color: var(--red);
    color: var(--red);
    background: #fff5f7;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(224,36,84,0.15);
}

.custom-filter-btn.active {
    background: var(--red);
    border-color: var(--red);
    color: #fff;
    box-shadow: 0 6px 20px rgba(224,36,84,0.35);
    transform: translateY(-2px);
}

/* Gallery Grid */
.custom-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 250px;
    gap: 25px;
    align-items: stretch;
}

/* Gallery Card */
.custom-gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.10);
    background: #fff;
}

.custom-gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.custom-gallery-card:hover img {
    transform: scale(1.08);
}

.custom-gallery-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,58,102,0.18);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 12px;
}

.custom-gallery-card:hover::after {
    opacity: 1;
}



/* Fade-in Animation */
.custom-gallery-card.fade-in {
    animation: fadeInScale 0.4s ease forwards;
}

@keyframes fadeInScale {
    0% { opacity: 0; transform: scale(0.93); }
    100% { opacity: 1; transform: scale(1); }
}

/* Desktop-only staggered offset */
@media (min-width: 992px) {
    .custom-gallery-card:nth-child(1),
    .custom-gallery-card:nth-child(5),
    .custom-gallery-card:nth-child(6) {
        transform: translateY(40px);
    }
}

/* Reset for smaller screens */
@media (max-width: 991px) {
    .custom-gallery-card {
        transform: translateY(0);
    }
    .custom-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 220px;
    }
}

@media (max-width: 575px) {
    .custom-gallery-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 200px;
    }
}

.btn-view-more {
    display: inline-block;
    background: red; /* red background */
    color: #fff;          /* white text */
    padding: 10px 25px;
    border-radius: 30px;  /* more rounded corners */
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    transition: none;     /* no animation */
}

/* Ensure hover does not change anything */
.btn-view-more:hover,
.btn-view-more:focus,
.btn-view-more:active {
    background: red;/* keep red */
    color: #fff;          /* keep white text */
    text-decoration: none;
    transform: none;
}
/* ── TESTIMONIALS ── */
.testimonials-section{padding:40px 0;}
.test-card{background:#fff;border-radius:18px;padding:32px 28px;box-shadow:0 4px 24px rgba(0,58,102,.08);position:relative;height:100%;border-bottom:4px solid #123e7f;}
.test-card::before{content:'\201C';font-size:90px;color:#123e7f;opacity:.12;position:absolute;top:5px;left:18px;line-height:1;font-family:Georgia,serif;}
.test-card .stars{color:var(--gold);margin-bottom:12px;font-size:15px;}
.test-card p{color:var(--text-muted);font-size:14px;line-height:1.75;}
.test-card .reviewer{font-weight:700;color:var(--navy);margin-top:16px;font-size:14px;}

/* FAQ Section */
.faq-section{
background:#f7f9fc;
padding:40px 0;
}

.faq-wrapper{
max-width:900px;
margin:auto;
}

.faq-item{
background:#fff;
border-radius:12px;
margin-bottom:15px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:0.3s;
}

.faq-item:hover{
transform:translateY(-3px);
}

.faq-question{
width:100%;
background:none;
border:none;
padding:20px;
font-size:16px;
font-weight:700;
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
}

.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .4s ease;
padding:0 20px;
}

.faq-answer p{
padding-bottom:20px;
font-size:14px;
color:#555;
}

.faq-item.active .faq-answer{
max-height:200px;
}

.faq-icon{
font-size:22px;
color:#0d3b66;
transition:0.3s;
}

.faq-item.active .faq-icon{
transform:rotate(45deg);
}

/* ── CTA ── */
.cta-section{background:linear-gradient(135deg,var(--navy) 0%,#0a4d80 60%,#1a5a8a 100%);padding:70px 0;position:relative;overflow:hidden;}
.cta-section::after{content:'';position:absolute;right:-60px;top:-60px;width:300px;height:300px;background:rgba(224,36,84,.15);border-radius:50%;}
.cta-section::before{content:'';position:absolute;left:-40px;bottom:-40px;width:200px;height:200px;background:rgba(255,255,255,.04);border-radius:50%;}
.cta-section h2{font-family:'Nunito',sans-serif;font-size:clamp(22px,3.5vw,36px);font-weight:900;color:#fff;}
.cta-section p{color:rgba(255,255,255,.78);}
.btn-cta{background:var(--red);color:#fff;border:none;padding:14px 32px;border-radius:50px;font-weight:700;font-size:15px;text-decoration:none;transition:.3s;display:inline-flex;align-items:center;gap:8px;}
.btn-cta:hover{background:var(--red-dark);color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px rgba(224,36,84,.4);}
.btn-cta-o{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.45);padding:14px 32px;border-radius:50px;font-weight:600;font-size:15px;text-decoration:none;transition:.3s;}
.btn-cta-o:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff;}

.contact-section .section-header .sub-label {
    color: #0d3b66;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
    font-size: 13px; /* smaller */
    letter-spacing: 1px;
}

.contact-section .section-header h2 {
    font-size: 26px; /* reduced from larger */
    margin-bottom: 12px;
    color: #003a66;
}

.contact-section .section-header p {
    font-size: 14px; /* reduced for readability */
    line-height: 1.6;
    color: #333;
}

.contact-form input, 
.contact-form textarea {
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 8px; /* slightly smaller padding */
    font-size: 14px; /* smaller font */
    transition: all 0.3s ease;
}

.contact-form input:focus, 
.contact-form textarea:focus {
    border-color: #0d3b66;
    box-shadow: 0 0 6px rgba(13, 59, 102, 0.2);
}

.contact-form button {
    background: #0d3b66;
    border: none;
    padding: 10px;
    font-size: 15px; /* smaller font */
    font-weight: 600;
    transition: all 0.3s ease;
}

.contact-form button:hover {
    background: #065187;
}

.contact-details h5 {
    font-size: 16px; /* slightly smaller */
    color: #0d3b66;
    margin-bottom: 12px;
}

.contact-details ul li {
    font-size: 14px; /* smaller font */
    margin-bottom: 8px;
}

.contact-details a {
    color: #0d3b66;
    text-decoration: none;
}

.contact-details a:hover {
    text-decoration: underline;
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 10px;
}

/* ── FOOTER ── */
.footer{background:linear-gradient(135deg,rgba(0, 11, 22, 0.88) 0%,rgb(0, 58, 102) 60%,rgba(73, 0, 0, 0.88) 100%);padding:60px 0 20px;color:rgba(255,255,255,.7);}
.footer h5{color:#fff;font-weight:700;font-size:16px;margin-bottom:20px;position:relative;padding-bottom:12px;}
.footer h5::after{content:'';position:absolute;bottom:0;left:0;width:32px;height:3px;background:var(--red);border-radius:2px;}
.footer a{color:rgba(255,255,255,.6);text-decoration:none;transition:.3s;display:block;margin-bottom:8px;font-size:14px;}
.footer a:hover{color:var(--red);padding-left:4px;}
.footer a i{margin-right:8px;/*! color:var(--red); */text-align: center;}
.fsocial a{display:inline-block;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:rgba(255,255,255,.65);margin-right:8px;margin-bottom:0;padding:0!important;font-size:14px;text-align: center;line-height: 36px;}
.fsocial a:hover{background:var(--red);border-color:var(--red);color:#fff;padding:0!important;}
.footer-divider{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:20px;}
.copyright{color:rgba(255,255,255,.45);font-size:13px;}


/* ── WHATSAPP FLOAT ── */
.wa-float{position:fixed;bottom:28px;right:22px;z-index:1000;}
.wa-float a{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#25D366;border-radius:50%;box-shadow:0 6px 20px rgba(37,211,102,.5);color:#fff;font-size:26px;text-decoration:none;animation:waBounce 2.5s ease-in-out infinite;}
.wa-float a:hover{color:#fff;}
@keyframes waBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

/* ── BACK TO TOP ── */
.back-to-top{position:fixed;bottom:92px;right:22px;width:40px;height:40px;background:var(--navy);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:999;cursor:pointer;transition:.3s;opacity:0;pointer-events:none;text-decoration:none;font-size:14px;}
.back-to-top.visible{opacity:1;pointer-events:all;}
.back-to-top:hover{background:var(--red);color:#fff;transform:translateY(-3px);}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-l{opacity:0;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease;}
.reveal-l.visible{opacity:1;transform:translateX(0);}
.reveal-r{opacity:0;transform:translateX(30px);transition:opacity .7s ease,transform .7s ease;}
.reveal-r.visible{opacity:1;transform:translateX(0);}
.process-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,rgb(0, 30, 60) 0%,rgba(0, 58, 102, 0.88) 60%,rgba(224,36,84,.25) 100%);
  z-index: 0;
}
.fsocial i{
	margin-right:0px !important;
}
.black-bg-5 {
  background-color: #050c29;
}
@media(max-width:991px){
    .about-section,.services-section,.why-section,.gallery-section,.testimonials-section,.cta-section,.process-section,.animation-section{padding:55px 0;}
    .quick-bar{display:none;}
    .exp-badge{display:none;}
    .about-img-wrap{margin-bottom:36px;}
    .navbar-collapse{background:#fff;padding:14px;border-top:1px solid #eee;}
	.slider-prev, .slider-next {
  top: 88%;
	}
		.badge-tag{
		display:none;
	}
	.section-header h2 {
  font-size: 23px;
}
.btn-cta {
display: inline-block;
  text-align: center;
  margin-bottom: 20px;
}
.btn-cta-o {
  display: inline-block;
  text-align: center;
}
}

@media (max-width:771px)
{
	.section-header h2 {
  font-size: 23px;
}
.btn-cta {
display: inline-block;
  text-align: center;
  margin-bottom: 20px;
}
.btn-cta-o {
  display: inline-block;
  text-align: center;
}
	.navbar-brand-wrap img {
    height: 32px;
    object-fit: contain;
}
	.slider-prev, .slider-next {
  top: 88%;
	}
	.badge-tag{
		display:none;
	}
.brand-name {
    font-size: 9px;
}
.brand-sub {
    font-size: 10px;
}
.why-feature {
    width: 96%;
}
}

/* Responsive */
@media(max-width:991px){
    .mission-box, .vision-box {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }
}


@media(max-width:576px){
    .counter-section{padding:40px 0;}
}

/* Responsive: 2 columns on tablets */
@media (max-width: 991px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 220px;
    }
}
 
/* Responsive: 1 column on mobile */
@media (max-width: 575px) {
    .gallery-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 200px;
    }
}

@media (min-width: 992px) {
    .custom-gallery-card:nth-child(1) {
        transform: translateY(40px);
    }

    .custom-gallery-card:nth-child(5),
    .custom-gallery-card:nth-child(6) {
        transform: translateY(40px);
    }
}

/* Reset transform on smaller screens */
@media (max-width: 991px) {
    .custom-gallery-card {
        transform: translateY(0);
    }
}