:root{
  --bg:#f4f8fb;
  --surface:#ffffff;
  --surface-soft:#f8fbfd;
  --navy:#123552;
  --navy-2:#183f61;
  --sky:#2f89c8;
  --teal:#1f9a8a;
  --amber:#d3a341;
  --text:#18344d;
  --muted:#6e8091;
  --line:rgba(18,53,82,.10);
  --line-strong:rgba(18,53,82,.16);
  --shadow:0 16px 40px rgba(14,36,56,.08);
  --shadow-lg:0 26px 60px rgba(14,36,56,.14);
  --radius:24px;
  --radius-sm:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:
    radial-gradient(circle at top left, rgba(47,137,200,.08), transparent 30%),
    radial-gradient(circle at right 10%, rgba(211,163,65,.10), transparent 28%),
    var(--bg);
  color:var(--text);
  line-height:1.7;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.section{padding:88px 0;position:relative}
.section-title{font-size:clamp(2rem,3vw,2.75rem);font-weight:800;color:var(--navy);letter-spacing:-.02em}
.section-subtitle,.text-muted{color:var(--muted)!important}
.bg-light{background:linear-gradient(180deg,#f8fbfe 0%, #eef4f9 100%)!important}

.custom-navbar{
  background:rgba(18,53,82,.72)!important;
  backdrop-filter:blur(18px);
  padding:12px 0;
  transition:all .3s ease;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.custom-navbar.navbar-scrolled{
  background:rgba(18,53,82,.94)!important;
  box-shadow:0 14px 30px rgba(8,26,44,.18);
  padding:9px 0;
}
.brand-logo{gap:12px}
.brand-icon{
  width:46px;height:46px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--sky),var(--navy));color:#fff;font-size:1.2rem;
  box-shadow:0 12px 24px rgba(47,137,200,.28);
}
.brand-text{
  display:flex;flex-direction:column;line-height:1.05;font-weight:800;font-size:1rem;color:#fff;
}
.brand-text span{font-size:.84rem;font-weight:600;color:rgba(255,255,255,.78)}
.navbar .nav-link{
  color:rgba(255,255,255,.82)!important;font-weight:600;padding:.7rem 1rem!important;position:relative;
}
.navbar .nav-link::after{
  content:"";position:absolute;left:1rem;right:1rem;bottom:.3rem;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--amber),#fff0);transform:scaleX(0);transform-origin:left;transition:.28s ease;
}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff!important}
.navbar .nav-link:hover::after,.navbar .nav-link.active::after{transform:scaleX(1)}
.custom-navbar .btn-success,
.custom-navbar .btn-sm{
  border:none!important;border-radius:999px!important;padding:.8rem 1.15rem!important;font-weight:700;
  background:linear-gradient(135deg,#1f8a70,#22a884)!important;box-shadow:0 12px 22px rgba(31,154,138,.25);
}
.navbar-toggler{border:none;box-shadow:none!important}

.hero.hero-modern{
  position:relative;
  padding:148px 0 82px;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero.hero-modern::before,
.hero.hero-modern::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(4px)
}
.hero.hero-modern::before{width:380px;height:380px;right:-140px;top:-80px;background:radial-gradient(circle, rgba(47,137,200,.18), transparent 66%)}
.hero.hero-modern::after{width:320px;height:320px;left:-120px;bottom:-120px;background:radial-gradient(circle, rgba(211,163,65,.18), transparent 68%)}
.hero-shell{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:54px}
.hero-copy h1{font-size:clamp(2.3rem,4.7vw,4.5rem);line-height:1.05;letter-spacing:-.03em;font-weight:900;color:var(--navy);margin-bottom:18px}
.hero-copy p{font-size:1.08rem;color:var(--muted);max-width:640px;margin-bottom:18px}
.hero-kicker{
  display:inline-flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:20px;
  border-radius:999px;background:rgba(255,255,255,.84);border:1px solid var(--line);
  box-shadow:var(--shadow);font-weight:700;color:var(--navy)
}
.location-rating{
  display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;background:#fff;
  border:1px solid var(--line);border-radius:18px;color:var(--text);box-shadow:var(--shadow)
}
.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 26px}
.btn-hero,.cta-btn,.btn-custom,.offer-card .btn,.contact-actions .btn{
  border:none!important;border-radius:16px!important;padding:14px 20px!important;font-weight:800!important;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.btn-hero:hover,.cta-btn:hover,.btn-custom:hover,.offer-card .btn:hover,.contact-actions .btn:hover{transform:translateY(-2px)}
.btn-hero-primary,.cta-btn.whatsapp-btn,.btn-custom,.contact-actions .btn-success{
  background:linear-gradient(135deg,#1f8a70,#22a884)!important;color:#fff!important;box-shadow:0 14px 24px rgba(31,154,138,.22)
}
.btn-hero-secondary,.contact-actions .btn-primary,.offer-card .btn-primary,.offer-card .btn-dark{
  background:linear-gradient(135deg,var(--navy),var(--navy-2))!important;color:#fff!important;box-shadow:0 14px 24px rgba(18,53,82,.18)
}
.btn-hero-outline,.btn-outline-primary,.cta-btn-alt{
  background:#fff!important;color:var(--navy)!important;border:1px solid var(--line-strong)!important;box-shadow:var(--shadow)
}
.hero-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:560px}
.hero-mini-stats>div{
  padding:16px 18px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)
}
.hero-mini-stats strong{display:block;font-size:1.15rem;color:var(--navy)}
.hero-mini-stats span{display:block;margin-top:4px;font-size:.9rem;color:var(--muted)}
.hero-visual{position:relative}
.hero-visual img,.hero-media{
  width:100%;height:min(64vh,620px);object-fit:cover;border-radius:32px;border:1px solid var(--line);
  box-shadow:var(--shadow-lg);background:#dfeaf3
}
.page-home .hero-visual img,.page-about .hero-visual img,.page-services .hero-visual img,.page-contact .hero-visual img,.page-traffic .hero-visual img,.page-terms .hero-visual img{aspect-ratio:4/4.15}

.offers,.testimonials-section,.booking-section,.contact-page-wrap,.page-terms .section,.page-about .section,.page-services .section,.page-traffic .section{position:relative}
.card,.offer-card,.review-card,.booking-card,.map-card,.service-card,.about-card,.stat-box,.about-box,.contact-panel,.contact-map-card,.signal-card,.tnc-card,.feature-card{
  background:linear-gradient(180deg,#fff 0%, var(--surface-soft) 100%);
  border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;overflow:hidden;
}
.card:hover,.offer-card:hover,.review-card:hover,.service-card:hover,.about-card:hover,.stat-box:hover,.feature-card:hover,.tnc-card:hover,.signal-card:hover{transform:translateY(-6px)}
.offer-card,.review-card,.service-card,.feature-card,.tnc-card,.signal-card,.contact-panel,.contact-map-card,.booking-card,.map-card,.about-card,.about-box{transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease}
.offer-card:hover,.review-card:hover,.service-card:hover,.feature-card:hover,.tnc-card:hover,.signal-card:hover,.about-card:hover{box-shadow:var(--shadow-lg)!important;border-color:rgba(47,137,200,.2)!important}

.offer-card .card-body{padding:28px 24px!important}
.offer-card .badge{padding:8px 12px;border-radius:999px;font-weight:700;font-size:.8rem}
.offer-card .badge.bg-success{background:#e9f6ef!important;color:#17603f!important}
.offer-card .badge.bg-danger{background:#f9ecec!important;color:#8a2d2f!important}
.offer-card .badge.bg-warning{background:#f8f1e3!important;color:#7b5b18!important;border:1px solid #eadcb8}

.why-choose-row{row-gap:24px}
.feature-card{padding:30px 24px;text-align:center;height:100%;position:relative}
.feature-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--navy)}
.feature-icon{
  width:74px;height:74px;border-radius:22px;display:grid;place-items:center;margin:0 auto 18px;
  font-size:1.45rem;background:#eff5fa;border:1px solid var(--line);color:var(--navy)
}
.feature-title{font-size:1.18rem;font-weight:800;color:var(--navy);margin-bottom:10px}
.feature-text{font-size:.98rem;color:var(--muted);margin-bottom:0}
.feature-card-blue::before{background:#205b88}.feature-card-gold::before{background:#c89633}.feature-card-green::before{background:#227f6d}
.feature-card-red::before{background:#b85c4b}.feature-card-orange::before{background:#c9792b}.feature-card-purple::before{background:#6e5a96}
.feature-card-blue .feature-icon{background:#ebf4fb;color:#205b88}.feature-card-gold .feature-icon{background:#fbf5e8;color:#b88620}
.feature-card-green .feature-icon{background:#ebf7f3;color:#227f6d}.feature-card-red .feature-icon{background:#fbefec;color:#b85c4b}
.feature-card-orange .feature-icon{background:#fbf2e8;color:#c9792b}.feature-card-purple .feature-icon{background:#f3eef9;color:#6e5a96}

.review-card{padding:26px;position:relative}
.review-card .review-text{color:#52677a;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.review-card .review-text.expanded{-webkit-line-clamp:unset;overflow:visible}
.read-more-btn{display:inline-block;margin-top:4px;font-weight:700;color:var(--sky);cursor:pointer}
.user-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eef4f8;color:var(--navy);font-size:1.6rem}
.stars{color:#e2ab37;letter-spacing:2px}
.review-card.orange{border-top:4px solid #d98d2b!important}.review-card.pink{border-top:4px solid #cc5479!important}.review-card.purple{border-top:4px solid #7859b8!important}

.booking-card,.contact-panel,.tnc-card,.about-box,.service-card{padding:30px}
.booking-card h5,.contact-panel h4,.tnc-card h4{font-weight:800;color:var(--navy)}
.input-group-text,.form-control,.form-select{
  border-color:var(--line-strong)!important;border-radius:14px!important;min-height:52px
}
.input-group-text{background:#f4f8fb!important;color:var(--navy);font-weight:700}
.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(47,137,200,.12)!important;border-color:rgba(47,137,200,.35)!important}
.contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.action-btn{width:100%;min-height:54px}
.trust-strip{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:4px}
.trust-strip span{display:inline-flex;align-items:center;font-size:.92rem;font-weight:600;color:var(--muted)}
.trust-strip i{color:#1f8a70}
.map-card,.contact-map-card{position:relative;overflow:hidden}
.map-card iframe,.contact-map-card iframe{display:block;min-height:360px;border:0;width:100%}
.map-badge,.rating-badge,.contact-strip{
  display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)
}
.map-badge{position:absolute;top:18px;left:18px;z-index:2;font-weight:800;color:var(--navy)}
.contact-strip{justify-content:center;font-weight:700;width:100%}
.contact-page-wrap{padding-top:6px}
.contact-panel{height:100%}
.contact-intro{color:var(--muted);margin-bottom:18px}
.contact-list{display:grid;gap:12px}
.contact-item{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.contact-item:last-child{border-bottom:none;padding-bottom:0}
.contact-item .icon-box{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#edf4f9;border:1px solid var(--line);color:var(--navy)}
.contact-item strong{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#748697;margin-bottom:6px}
.contact-item span,.contact-item a{color:var(--text);font-weight:700}
.contact-form-note{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.contact-form-note span{padding:10px 12px;border-radius:999px;background:#f5f9fc;border:1px solid var(--line);font-weight:700;color:#4f6578;font-size:.88rem}

.about-card{padding:30px 24px;min-height:100%}
.about-card-title{font-size:1.12rem;font-weight:800;color:var(--navy);margin-bottom:10px}
.about-card-text{color:var(--muted);margin-bottom:0}
.counter{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--navy);margin-bottom:8px}
.rating-badge{font-weight:700;color:var(--navy)}

.signal-card{padding:26px}
.signal-box{
  width:110px;height:220px;margin:0 auto 16px;padding:18px;border-radius:999px;background:linear-gradient(180deg,#243a4b,#0f2233);
  display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 2px rgba(255,255,255,.04), 0 18px 30px rgba(0,0,0,.14)
}
.light{width:70px;height:70px;margin:0 auto;border-radius:50%;opacity:.35;box-shadow:0 0 0 8px rgba(255,255,255,.04) inset}
.light.red{background:#ff4a4a;box-shadow:0 0 22px rgba(255,74,74,.42)}
.light.yellow{background:#f1c742;box-shadow:0 0 22px rgba(241,199,66,.42)}
.light.green{background:#35c66b;box-shadow:0 0 22px rgba(53,198,107,.42)}

.roadSignAll{padding:10px 0 0;background:transparent}
.roadSignTxt{max-width:960px;margin:0 auto 28px;padding:32px;background:linear-gradient(180deg,#fff 0%, #f8fbfd 100%);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.roadSignTxt h1{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;color:var(--navy);margin-bottom:12px}
.roadSignTxt .content{color:var(--muted);font-size:1rem}
.roadSignsRw{margin-top:28px}
.category-header{padding:24px 26px;margin-bottom:20px;border-radius:24px;background:linear-gradient(135deg,#edf5fb,#ffffff);border:1px solid var(--line)}
.category-header h3{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:900;color:var(--navy);margin:0 0 8px}
.category-header p{margin:0;color:var(--muted)}
.category-header span{font-weight:800;color:var(--navy)}
.roadSignsRw ul{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.roadSignsRw ul li{position:relative;background:#fff;padding:18px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);min-height:228px;overflow:hidden}
.roadSignsRw ul li>div:first-child{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.roadSignsRw ul li img{width:82px;height:82px;object-fit:contain}
.roadSignsRw ul li p{margin:0;font-weight:800;font-size:.95rem;line-height:1.45;color:var(--navy)}
.overlayBox{
  position:absolute;inset:auto 12px 12px 12px;padding:14px 14px 12px;border-radius:20px;background:linear-gradient(135deg, rgba(15,39,70,.96), rgba(20,184,255,.92));
  color:#fff;opacity:0;transform:translateY(10px);transition:all .28s ease;box-shadow:0 18px 28px rgba(8,26,44,.28)
}
.overlayBox span{display:block;font-size:.86rem;line-height:1.55}
.roadSignsRw ul li:hover .overlayBox{opacity:1;transform:translateY(0)}
.roadSignsRw ul:nth-of-type(n+3){display:none}
.roadSignsRw.active ul{display:grid}
.view-more-btn,.pdf-btn{
  border:none;border-radius:16px;padding:14px 20px;font-weight:800;display:inline-flex;align-items:center;gap:10px
}
.view-more-btn{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;box-shadow:0 16px 26px rgba(18,53,82,.18);margin:10px auto 0;display:block}
.pdf-download{text-align:center;padding-top:28px}
.pdf-btn{background:linear-gradient(135deg,#f0bb45,#d3a341)!important;color:#1d2a38!important;box-shadow:0 14px 24px rgba(211,163,65,.22)}

.tnc-card{margin-bottom:22px}
.tnc-card p{margin-bottom:0;color:#586c7d}
.icon{color:var(--sky);margin-right:8px}
.btn-custom{margin-top:8px}

.cta-section{padding:0 0 90px}
.cta-wrapper{
  position:relative;padding:42px 34px;border-radius:32px;background:linear-gradient(135deg,var(--navy) 0%, #285b82 58%, #1f8a70 100%);
  color:#fff;box-shadow:var(--shadow-lg);overflow:hidden
}
.cta-wrapper::before{content:"";position:absolute;inset:auto -50px -70px auto;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.cta-tag{display:inline-flex;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:700;margin-bottom:16px}
.cta-title{font-size:clamp(2rem,3vw,2.85rem);font-weight:900;margin-bottom:10px}
.cta-text{max-width:760px;color:rgba(255,255,255,.86);margin-bottom:20px}
.cta-actions{display:flex;flex-wrap:wrap;gap:14px}
.cta-actions .cta-btn{min-width:170px}
.cta-actions .cta-btn-alt{background:#fff!important;color:var(--navy)!important}

.site-footer{padding:24px 0 34px;background:transparent}
.footer-wrapper{
  display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 24px;
  background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:24px;backdrop-filter:blur(12px);box-shadow:var(--shadow)
}
.footer-copy{margin:0;color:var(--muted);font-weight:600}
.footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.footer-admin-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#edf4f9;color:var(--navy);font-weight:800;border:1px solid var(--line)}
.footer-social{display:flex;gap:10px}
.footer-social a,.float-btn{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--navy)
}
.footer-social a:hover,.float-btn:hover{transform:translateY(-2px)}
.float-btn{position:fixed;right:18px;z-index:999}
.float-btn.whatsapp{bottom:84px;background:linear-gradient(135deg,#1f8a70,#22a884);color:#fff}
.float-btn.call{bottom:24px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}

@media (max-width:1199px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero.hero-modern{min-height:auto;padding:126px 0 70px}
  .hero-copy,.hero-copy p{text-align:center;margin-left:auto;margin-right:auto}
  .hero-buttons,.hero-mini-stats{justify-content:center}
  .hero-mini-stats{max-width:none}
  .roadSignsRw ul{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:991px){
  .custom-navbar .navbar-collapse{margin-top:12px;padding:14px;border-radius:20px;background:rgba(12,32,48,.94);border:1px solid rgba(255,255,255,.08)}
  .contact-actions{grid-template-columns:1fr}
  .roadSignsRw ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .section{padding:72px 0}
  .hero.hero-modern{padding:112px 0 56px}
  .hero-copy h1{font-size:clamp(2rem,10vw,3rem)}
  .hero-visual img,.hero-media{height:auto;aspect-ratio:4/3.8}
  .hero-mini-stats{grid-template-columns:1fr}
  .roadSignTxt,.booking-card,.contact-panel,.tnc-card,.about-box,.service-card,.about-card,.feature-card,.review-card{padding:24px}
  .roadSignsRw ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .roadSignsRw ul li{min-height:208px;padding:14px}
  .cta-wrapper{padding:32px 22px}
  .footer-wrapper{justify-content:center;text-align:center}
  .map-card iframe,.contact-map-card iframe{min-height:300px}
}
@media (max-width:575px){
  .brand-text{font-size:.9rem}.brand-text span{font-size:.76rem}
  .hero-kicker,.location-rating,.rating-badge,.contact-strip{font-size:.9rem}
  .btn-hero,.cta-btn,.btn-custom,.offer-card .btn,.contact-actions .btn{width:100%}
  .hero-buttons,.cta-actions{flex-direction:column}
  .float-btn{right:14px;width:44px;height:44px}
  .roadSignsRw ul{grid-template-columns:1fr}
  .map-badge{left:12px;top:12px;font-size:.85rem}
}

/* ===== Enhanced modern/professional refinement ===== */
:root{
  --shadow:0 18px 44px rgba(10, 34, 58, .08);
  --shadow-lg:0 28px 70px rgba(10, 34, 58, .14);
}

.section-title,
.hero-copy h1,
.cta-title{
  letter-spacing:-.035em;
}

.brand-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  font-size:1.35rem;
  box-shadow:0 16px 28px rgba(47,137,200,.3);
}

.hero-kicker i,
.location-rating i,
.btn-hero i,
.cta-btn i,
.btn-custom i,
.offer-card .btn i,
.contact-actions .btn i,
.footer-admin-link i,
.map-badge i,
.contact-strip i,
.tnc-card h4 i,
.category-header h3 i{
  font-size:1.08em;
}

.card,
.offer-card,
.review-card,
.booking-card,
.map-card,
.service-card,
.about-card,
.stat-box,
.about-box,
.contact-panel,
.contact-map-card,
.signal-card,
.tnc-card,
.feature-card{
  position:relative;
  isolation:isolate;
}

.card::after,
.offer-card::after,
.review-card::after,
.booking-card::after,
.map-card::after,
.service-card::after,
.about-card::after,
.stat-box::after,
.about-box::after,
.contact-panel::after,
.contact-map-card::after,
.signal-card::after,
.tnc-card::after,
.feature-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(47,137,200,.12), rgba(255,255,255,0), rgba(211,163,65,.12));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:-1;
}

.feature-card,
.about-card,
.service-card,
.offer-card,
.review-card,
.tnc-card{
  backdrop-filter:blur(8px);
}

.feature-card{
  padding:34px 26px;
}

.feature-icon{
  width:88px;
  height:88px;
  border-radius:26px;
  margin:0 auto 20px;
  font-size:1.85rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 12px 26px rgba(16,41,64,.08);
}

.choose-icon,
.feature-icon > i,
.icon-box > i{
  font-size:1.95rem;
  line-height:1;
}

.contact-item{
  grid-template-columns:56px 1fr;
  gap:16px;
}

.contact-item .icon-box{
  width:56px;
  height:56px;
  border-radius:18px;
  background:linear-gradient(180deg,#f4f9fd 0%, #e9f2f9 100%);
  box-shadow:0 10px 22px rgba(19,60,93,.08);
}

.user-icon{
  width:56px;
  height:56px;
  font-size:1.95rem;
  box-shadow:0 10px 20px rgba(18,53,82,.08);
}

.offer-card img,
.hero-visual img,
.hero-media,
.map-card iframe,
.contact-map-card iframe{
  border-radius:28px;
}

.offer-card .card-body{
  padding:30px 26px !important;
}

.offer-card h4,
.about-card h5,
.service-card h5,
.feature-title{
  letter-spacing:-.02em;
}

.footer-social a,
.float-btn{
  width:50px;
  height:50px;
  font-size:1.15rem;
}

.footer-social a{
  background:linear-gradient(180deg,#ffffff 0%, #f4f8fb 100%);
}

.float-btn.whatsapp,
.float-btn.call,
.custom-navbar .btn-success,
.custom-navbar .btn-sm,
.btn-hero-primary,
.cta-btn.whatsapp-btn,
.btn-custom,
.contact-actions .btn-success{
  box-shadow:0 16px 28px rgba(18,53,82,.16), 0 10px 18px rgba(31,154,138,.18);
}

.navbar .nav-link{
  font-size:.97rem;
}

.roadSignsRw ul li img{
  width:92px;
  height:92px;
}

.icon{
  font-size:1.1em;
}

@media (max-width:767px){
  .brand-icon{
    width:46px;
    height:46px;
    border-radius:16px;
    font-size:1.2rem;
  }
  .feature-card{
    padding:28px 22px;
  }
  .feature-icon{
    width:78px;
    height:78px;
    border-radius:22px;
    font-size:1.65rem;
  }
  .choose-icon,
  .feature-icon > i,
  .icon-box > i{
    font-size:1.7rem;
  }
  .contact-item{
    grid-template-columns:52px 1fr;
  }
  .contact-item .icon-box,
  .user-icon{
    width:52px;
    height:52px;
  }
}

/* modern overrides */
.brand-mark-img{width:54px;height:54px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))}
.brand-text-wrap{display:flex;flex-direction:column;line-height:1.06}.brand-title{font-size:1.03rem;font-weight:800;color:#fff}.brand-subtitle{font-size:.76rem;color:rgba(255,255,255,.72);font-weight:600}.custom-navbar{background:rgba(12,29,52,.78)!important;backdrop-filter:blur(18px)}.nav-cta-btn{min-height:46px;padding:12px 20px!important;border-radius:999px!important;color:#102846!important;font-weight:800!important;border:none!important;background:linear-gradient(135deg,#ffd778,#f1b84b)!important;box-shadow:0 14px 28px rgba(241,184,75,.30)}.hero-shell{border-radius:36px;box-shadow:0 30px 80px rgba(16,40,70,.16)!important}.hero-grid{background:linear-gradient(135deg,rgba(239,247,255,.95),rgba(255,255,255,.90));border-radius:30px;border:1px solid rgba(18,40,70,.10);padding:34px!important}.hero-kicker{background:#fff;border-radius:999px;padding:12px 16px;font-weight:800;box-shadow:0 10px 24px rgba(16,40,70,.06)}.btn-hero{min-height:54px;border-radius:18px!important;font-weight:800!important}.btn-hero-primary{background:linear-gradient(135deg,#14a38b,#1bb0cc)!important;border:none!important}.btn-hero-outline{background:linear-gradient(135deg,#132c4d,#224f7c)!important;color:#fff!important;border:none!important}.btn-hero-secondary{background:#fff!important;color:#102846!important;border:1px solid rgba(18,40,70,.16)!important}.hero-mini-stats>div{border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(16,40,70,.06)}.feature-icon,.contact-item .icon-box{width:82px;height:82px;border-radius:24px;font-size:1.8rem!important}.contact-item .icon-box{width:58px;height:58px;border-radius:18px}.offer-card,.feature-card,.review-card,.booking-card,.contact-panel,.contact-map-card,.map-card,.about-card,.tnc-card,.service-card,.signal-card,.roadSignTxt,.roadSignsRw ul li,.category-header{border-radius:28px!important;box-shadow:0 18px 44px rgba(16,40,70,.10)!important;border:1px solid rgba(18,40,70,.10)!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96))}.offer-card img{aspect-ratio:6/10;object-fit:cover}.footer-wrapper{border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 10px 24px rgba(16,40,70,.06)}.float-btn{width:62px;height:62px;font-size:1.45rem}.float-btn.whatsapp{background:linear-gradient(135deg,#22c55e,#15a74c)}.float-btn.call{background:linear-gradient(135deg,#183a61,#1d5b8f)}@media(max-width:767px){.hero-grid{padding:20px!important}.hero-buttons,.cta-actions{display:grid;grid-template-columns:1fr}.btn-hero,.cta-btn,.action-btn,.offer-card .btn{width:100%}.feature-icon{width:76px;height:76px}}