:root{
    --navy:#072526;
    --navy-2:#0e3a3c;
    --maroon:#780000;
    --ju-red:#780000;
    --maroon-dark:#6b0c0c;
    --gold:#d4a64a;
    --bg:#ffffff;
    --ink:#1a1a1a;
    --muted:#5a6a6b;
    --line:#e6e8e8;
    --soft:#f6f7f7;
    --shadow:0 10px 30px rgba(10,44,46,.08);
    --radius:14px;
    --font:'Montserrat',system-ui,-apple-system,sans-serif;
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  .container{max-width:1200px;margin:0 auto;padding:0 15px}
  .eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--maroon);background:rgba(138,18,18,.08);padding:7px 14px;border-radius:999px;margin-bottom:18px}
  .section-title{font-size:clamp(28px,3.6vw,44px);font-weight:700;color:var(--navy);line-height:1.15;letter-spacing:-.01em}
  .section-sub{margin-top:14px;color:var(--muted);font-size:17px;max-width:760px}
  .center{text-align:center}
  .center .section-sub{margin-left:auto;margin-right:auto}



  .menu-btn {display: none; }
.header__nav-button { background: transparent;width: 27px;height: 18px; border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; display: block;   -webkit-transform: rotate(0deg);   -ms-transform: rotate(0deg);   transform: rotate(0deg); }
.header__nav-button:hover, .header__nav-button:focus { outline: none; }
.header__nav-button > span {background:#fff;display: block;position: absolute;height: 2px;width: 100%; left: 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);-o-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); }
.header__nav-button > span:nth-child(1) { top: 0px; }
.header__nav-button > span:nth-child(2) {top: 8px; }
.header__nav-button > span:nth-child(3) {top: 16px; }
.open-menu .header__nav-button > span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }
.open-menu .header__nav-button > span:nth-child(2) {opacity: 0;left: -60px; }
.open-menu .header__nav-button > span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.open-menu .header__nav-button > span{background:#fff;}

  /* Buttons */
  .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-weight:600;font-size:15px;border-radius:8px;transition:.25s;border:2px solid transparent;cursor:pointer}
  .btn-primary{background:var(--maroon);color:#fff}
  .btn-primary:hover{background:var(--maroon-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(138,18,18,.3)}
  .btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
  .btn-secondary:hover{background:#fff;color:var(--navy)}
  .btn-ghost{background:transparent;color:var(--maroon);border-color:var(--maroon)}
  .btn-ghost:hover{background:var(--maroon);color:#fff}

  .ju-header{position:sticky;top:0;z-index:100;width:100%;}

  .ju-topbar{background:var(--maroon); color:#fff; font-size:13px; padding: 12px 40px;}        
  .ju-topbar__inner{max-width:100%; margin:0 auto; display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.ju-topbar__left{display:flex;gap:24px;flex-wrap:wrap;}
.ju-topbar__item{display:inline-flex;align-items:center;gap:8px;color:#fff;opacity:.95;transition:opacity .2s;}
.ju-topbar__item:hover{opacity:1;color:#ffd9d9;}
.ju-topbar__item i{font-size:13px;}
.ju-topbar__right{display:flex;gap:10px;}
.ju-social{width:30px;height:30px;border-radius:50%; display:inline-flex; align-items:center;justify-content:center;color:#fff;font-size:13px;transition:all .25s;}


.header_wrap{ background:var(--navy); padding:15px 40px; z-index: 2;}
.header_row{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.logo a{display: block;}
.logo a img{display: block; max-width: 185px;}

.menu>ul{margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.nav_element{ font-size: 16px; font-style: normal; padding: 0 16px; font-weight: 600;line-height: normal;text-transform:uppercase;}
.nav_element a{text-decoration: none; color: #fff; -webkit-transition: 0.5s ease all; padding: 5px 0; display: block; -o-transition: 0.5s ease all; transition: 0.5s ease all;}
.nav_element:hover a{color:crimson;}

.nav_element.dropdown{position: relative;}
.nav_element .submenu li a{display: block; padding:14px 20px;  white-space: nowrap; color:#fff; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; font-size: 16px; font-weight: 500;}
.nav_element .submenu li a:hover{background:var(--maroon); color: #fff;}
.header_item{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
@media (min-width: 992px) {
.nav_element .submenu{position: absolute; min-width: 160px; opacity: 0; z-index: 2; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); pointer-events: none; list-style: none; margin: 0; background:var(--navy);}

.nav_element.dropdown:hover .submenu{opacity: 1; pointer-events: inherit; -webkit-transform: none; -ms-transform: none; transform: none;}
}

.nav_element.dropdown a i{font-size: 14px;}

.header_item .btn{border:1px solid #fff; padding: 8px 12px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1px;
    border: 1px solid #fff;
    border-radius: 0;
    color:#fff;
}

.header_item .btn:hover{background:var(--maroon);}



  /* Section 2 — Intro */
  .intro{padding:90px 0 70px;background:linear-gradient(180deg,#fff 0%,var(--soft) 100%)}
  .intro .container{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  .intro-text p{font-size:19px;color:var(--ink);margin:18px 0 30px;line-height:1.7}
  .intro-ctas{display:flex;flex-wrap:wrap;gap:14px}
  .btn-secondary.dark{color:var(--navy);border-color:var(--navy)}
  .btn-secondary.dark:hover{background:var(--navy);color:#fff}
  .intro-visual{position:relative;height:420px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);display:flex;align-items:center;justify-content:center}
  .intro-visual::before{content:"";position:absolute;inset:0;background:
    radial-gradient(circle at 20% 30%,rgba(212,166,74,.18),transparent 50%),
    radial-gradient(circle at 80% 70%,rgba(138,18,18,.25),transparent 50%)}
  .intro-visual .badge{position:relative;color:#fff;text-align:center;padding:30px}
  .intro-visual .badge i{font-size:60px;color:var(--gold);margin-bottom:18px}
  .intro-visual .badge h3{font-size:28px;font-weight:600;margin-bottom:8px}
  .intro-visual .badge p{color:rgba(255,255,255,.75);font-size:14px;letter-spacing:.08em;text-transform:uppercase}

 .intro-visual{
  position:relative;
  height:420px;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
}

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

  /* Section 3 — Numbers */
  .numbers{padding:90px 0;background:var(--navy);color:#fff;position:relative;overflow:hidden}
  .numbers::before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(212,166,74,.08),transparent 70%)}
  .numbers .section-title{color:#fff}
  .numbers .section-sub{color:rgba(255,255,255,.7)}
  .num-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;position:relative}
  .num-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:36px 28px;border-radius:var(--radius);transition:.3s}
  .num-card:hover{background:rgba(255,255,255,.07);transform:translateY(-4px);border-color:rgba(212,166,74,.3)}
  .num-card .stat{font-size:48px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:14px;letter-spacing:-.02em}
  .num-card h4{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}
  .num-card p{font-style:italic;color:rgba(255,255,255,.65);font-size:14px}

  /* Section 4 — Industries */
  .industries{padding:100px 0;background:#fff}
  /* .ind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:60px} */
  .ind-grid{
  margin-top:60px;
}
  .ind-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;transition:.3s;position:relative;overflow:hidden; margin:0 12px; height:100%;}
  .ind-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--maroon);transform:scaleY(0);transform-origin:top;transition:.3s}
  .ind-card:hover{box-shadow:var(--shadow);border-color:transparent;transform:translateY(-4px)}
  .ind-card:hover::before{transform:scaleY(1)}
  .ind-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}
  .ind-icon{flex:0 0 56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:22px}
  .ind-title{font-size:22px;font-weight:700;color:var(--navy);line-height:1.2}
  .ind-tag{font-style:italic;color:var(--maroon);font-size:14px;margin-top:4px;font-weight:500}
  .ind-card ul{list-style:none;margin:18px 0}
  .ind-card ul li{padding:8px 0;font-size:14.5px;color:var(--ink);display:flex;gap:10px}
  .ind-card ul li strong{color:var(--navy);min-width:120px;flex-shrink:0}
  .ind-cta{display:inline-flex;align-items:center;gap:8px;color:var(--maroon);font-weight:600;font-size:14px;margin-top:14px;border-top:1px solid var(--line);padding-top:18px;transition:.2s}
  .ind-cta:hover{gap:14px}

  /* Section 5 — Spotlights (expandable) */
  .spotlights{padding:100px 0;background:var(--soft)}
  .spot-list{margin-top:60px;display:flex;flex-direction:column;gap:18px}
  .spot{background:#fff;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;transition:.3s}
  .spot.open{box-shadow:var(--shadow);border-color:transparent;}
  .spot-head{width:100%;display:flex;align-items:center;gap:20px;padding:26px 30px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;transition:.2s}
  .spot-head:hover{background:rgba(10,44,46,.02)}
  .spot-num{flex:0 0 48px;height:48px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
  .spot.open .spot-num{background:var(--maroon);color:#fff}
  .spot-titles{flex:1}
  .spot-titles h3{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:4px}
  .spot-titles p{font-style:italic;color:var(--muted);font-size:14px}
  .spot-toggle{flex:0 0 36px;height:36px;border-radius:50%;background:var(--soft);color:var(--navy);display:flex;align-items:center;justify-content:center;transition:.3s}
  .spot.open .spot-toggle{background:var(--maroon);color:#fff;transform:rotate(180deg)}
  /* .spot-body{max-height:0;overflow:hidden;transition:max-height .4s ease} */
.spot-body{
  height: 0;
  overflow: hidden;
  transition: height .4s ease;
}

  .spot-body-inner{padding:0 30px 30px 98px}
  .spot-body ul{list-style:none;margin-bottom:20px}
  .spot-body ul li{padding:8px 0;font-size:15px;display:flex;gap:10px;border-bottom:1px dashed var(--line)}
  .spot-body ul li:last-child{border-bottom:0}
  .spot-body ul li strong{color:var(--navy);min-width:130px;flex-shrink:0}
  .spot-quote{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;padding:24px 28px;border-radius:10px;position:relative;margin-top:8px}
  .spot-quote::before{content:"\201C";position:absolute;top:-10px;left:18px;font-size:70px;color:var(--gold);font-family:Georgia,serif;line-height:1}
  .spot-quote p{font-style:italic;font-size:16px;line-height:1.6;padding-left:22px}
  .spot-quote cite{display:block;margin-top:14px;font-style:normal;color:var(--gold);font-weight:600;font-size:14px;padding-left:22px}

  /* Section 6 — Testimonials */
  .testimonials{padding:100px 0;background:#fff}
  .test-grid{margin-top:60px}
  .test-card{background:var(--soft);padding:30px;border-radius:var(--radius);border:1px solid var(--line);transition:.3s;display:flex;flex-direction:column; margin: 0 12px; height: 100%;}
  .test-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);background:#fff}
  .stars{color:var(--gold);font-size:16px;margin-bottom:16px;letter-spacing:2px}
  .test-card blockquote{font-style:italic;color:var(--ink);font-size:15px;line-height:1.7;margin-bottom:20px;flex:1}
  .test-author{border-top:1px solid var(--line);padding-top:16px}
  .test-author strong{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}
  .test-author span{color:var(--maroon);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}

  /* Closing CTA */
  .closing{padding:100px 0;background:linear-gradient(135deg,var(--maroon) 0%,var(--maroon-dark) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}
  .closing::before{content:"";position:absolute;inset:0;background:
    radial-gradient(circle at 15% 30%,rgba(212,166,74,.15),transparent 40%),
    radial-gradient(circle at 85% 70%,rgba(10,44,46,.3),transparent 50%)}
  .closing .container{position:relative}
  .closing h2{font-size:clamp(30px,4vw,46px);font-weight:700;max-width:820px;margin:0 auto 20px;line-height:1.2}
  .closing p{font-size:18px;color:rgba(255,255,255,.85);max-width:680px;margin:0 auto 36px}
  .closing-ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
  .closing .btn-primary{background:#fff;color:var(--maroon)}
  .closing .btn-primary:hover{background:var(--gold);color:var(--navy)}


  .slick-track{
  display:flex !important;
}

.slick-slide{
  height:inherit !important;
}

.slick-prev,
.slick-next{
  width:48px;
  height:48px;
  border-radius:50%;
  background:#0a2c2e !important;
  z-index:99;
}

.slick-prev:hover,
.slick-next:hover{
  background:#8a1212 !important;
}

.slick-prev{
  left:-15px;
}

.slick-next{
  right:-15px;
}


.slick-prev:before,
.slick-next:before{
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:18px;
  opacity:1;
  color:#fff;
}

.slick-prev:before{
  content:"\f053";
}

.slick-next:before{
  content:"\f054";
}

.slick-list{
  margin:0 -12px;
  padding:10px 0;
}



.footer {
    background:var(--navy);
    color: #fff;
    padding: 60px 8% 40px;
  }

  .footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
    gap: 40px;
  }
  .footer h3 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .brand .logo-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
  }
  .brand .logo-row img { width: 200px; height: auto; }
  .brand .logo-row .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
  }
  .brand .logo-row .name small {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: #c9c9c9;
    margin-top: 4px;
    letter-spacing: 0.5px;
  }
  .brand p {
    font-size: 14px;
    color:#FFF;
    margin-bottom: 24px;
    max-width: 280px;
  }
  .socials { display: flex; gap: 12px; }
  .socials a {
    width: 38px; height: 38px;
    border-radius: 50%;
    background:var(--bg);
    color:var(--navy);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    transition: transform .2s, background .2s;
  }
 

  .footer ul { list-style: none; }
  .footer ul li {
    margin-bottom: 12px;
    font-size: 15px;
    color:#A5A5A5;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: color .2s;
    font-weight: 700;
  }
  .footer ul li:hover { color: #fff; }
  .footer ul li::before {
    content: "";
    width: 8px; height: 8px;
    border: 1.5px solid #fff;
    border-radius: 50%;
    display: inline-block;
  }

  .contact .item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
    font-size: 14px;
    color: #A5A5A5;
    line-height: 1.5;
    font-weight: 700;
  }
  .contact .item i {
    width: 30px; height: 30px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    flex-shrink: 0;
  }

  .footer-bottom {
    background:var(--maroon);
    color: #fff;
    text-align: center;
    padding: 16px 20px;
    font-size: 14px;
  }

.sticky-contact-buttons {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 9999;
}

.sticky-contact-buttons a {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  color: #fff;
  font-size: 28px;
  text-decoration: none;  
 }
	
.sticky-contact-buttons a:hover{
	color:#fff;
}
	


.sticky-contact-buttons a.whatsapp-btn {
  background: #25D366; 
}

.sticky-contact-buttons a.call-btn {
  background:#780000; 
  font-size:20px;
}



  /* Responsive */
  @media (max-width:991px){
    .intro .container{grid-template-columns:1fr}
    .intro-visual{height:320px;order:-1}
    .num-grid{grid-template-columns:1fr 1fr;gap:18px}
    .ind-grid{grid-template-columns:1fr}
    .test-grid{grid-template-columns:1fr}
    .spot-body-inner{padding:0 24px 24px 24px}

    .nav_element.dropdown a i{display: none;}


     .header_wrap{padding: 19px 20px;}
     .ju-topbar{padding:12px 20px;}
nav.menu { max-width: 320px; z-index: 4; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; width: 100%;position: fixed; left: -100%; top: 0; height: 100vh; overflow-y: auto; background:var(--navy); padding: 25px 0;}
.menu>ul {display: block;}
.nav_element {margin-bottom: 0;border-bottom: 1px solid #eee;}
.nav_element a { color: #fff;}
.nav_element>a{padding: 14px 0;}
.header_item .btn{display: none;}
.menu-btn{display: block;}
.logo a img{max-width: 125px;}
.banner-content h1{max-width: 500px;}
.hero-banner{padding-top: 94px; padding-bottom: 74px;}
.logos-vertical-slider{width: 73%;}
nav.menu.open {left: 0;}
.open-menu{overflow: hidden;}
.nav_element.dropdown>a{position: relative;}
.nav_element.dropdown>a::before{ content: ""; width: 14px; height: 2px; background-color:#fff;position: absolute;top: 50%;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);right: 0;}
.nav_element.dropdown>a::after{ content: ""; width: 14px; height: 2px;background-color:#fff;position: absolute;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);top: 50%;right: 0;}
.nav_element.dropdown>a.open::before{opacity: 0;}
ul.submenu {list-style: none;padding: 0 0 15px;margin: 0; display: none; width: 100% !important;}

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

  @media(max-width:768px){

  .slick-prev{
    left:-5px;
  }

  .slick-next{
    right:-5px;
  }

  .slick-prev,
  .slick-next{
    width:40px;
    height:40px;
  }

  .spot-body ul li{flex-direction: column;}

  .ind-card ul li{flex-direction: column;}

  .ju-topbar{display:none;}

}

  @media (max-width:560px){
    .num-grid{grid-template-columns:1fr}
    .num-card .stat{font-size:38px}
    .spot-head{padding:20px;gap:14px}
    .spot-num{flex-basis:40px;height:40px;font-size:15px}
    .spot-titles h3{font-size:17px}
    section{padding:70px 0 !important}

     .footer-grid { grid-template-columns: 1fr; }
    .footer { padding: 40px 6% 30px; }
  }