/* ============================================================
   upgrade.css — Local Guide AMI
   Loads LAST, after every vendor sheet. Overrides only.
   Never edit style.css / layout.css. Every look change lives here.
   ============================================================ */


/* ============ 1. FEATURE CARDS (Sunsets / Sandbars / Fishing) ============
   Restyle the old flat color-blocks into rounded gradient cards with an
   icon, a corner watermark number, and a hover lift. No HTML change —
   this reuses .advice-box / .adv-nu-box that are already on the page. */

.advice-sec .advi-main-boxx{
  display:flex; gap:20px; align-items:stretch; flex-wrap:wrap;
}
.advice-sec .advice-box{
  position:relative; overflow:hidden;
  flex:1 1 250px; min-width:250px;
  border-radius:16px !important;
  padding:30px 26px 34px !important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s;
}
.advice-sec .advice-box:hover{ transform:translateY(-8px); }

/* icon chip — the ::before on each box */
.advice-sec .advice-box::before{
  content:""; display:block;
  width:60px; height:60px; border-radius:14px;
  margin-bottom:18px;
  background-repeat:no-repeat; background-position:center; background-size:32px 32px;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.advice-sec .advice-box:hover::before{ transform:scale(1.12) rotate(-6deg); }

/* card 1 — deep navy, sunset icon */
.advice-sec .color-box1{
  background:linear-gradient(160deg,#004471 0%,#00629c 100%) !important;
  box-shadow:0 14px 34px rgba(0,68,113,.28);
}
.advice-sec .color-box1::before{
  background-color:rgba(255,255,255,.14);
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238be9ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17h18M6 21h12M12 9V2M4.9 10.9l-1.4-1.4M20.5 9.5l-1.4 1.4'/%3E%3Cpath d='M16 17a4 4 0 0 0-8 0'/%3E%3C/svg%3E");
}
.advice-sec .color-box1 h4{ color:#fff !important; }
.advice-sec .color-box1 p{ color:#c7e4f5 !important; }
.advice-sec .color-box1 .adv-nu-box h2{ color:rgba(255,255,255,.07) !important; }

/* card 2 — cyan, swimmer icon */
.advice-sec .color-box2{
  background:linear-gradient(160deg,#00b8d4 0%,#00d8f7 100%) !important;
  box-shadow:0 14px 34px rgba(0,184,212,.32);
}
.advice-sec .color-box2::before{
  background-color:rgba(0,52,66,.16);
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23004a5c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Cpath d='M3 15c1.5 0 2-1 3.5-1s2 1 3.5 1 2-1 3.5-1 2 1 3.5 1 2-1 3.5-1M3 19c1.5 0 2-1 3.5-1s2 1 3.5 1 2-1 3.5-1 2 1 3.5 1 2-1 3.5-1'/%3E%3Cpath d='M6 12l4-2-2.5-3'/%3E%3C/svg%3E");
}
.advice-sec .color-box2 h4{ color:#00323f !important; }
.advice-sec .color-box2 p{ color:#04485a !important; }
.advice-sec .color-box2 .adv-nu-box h2{ color:rgba(0,50,63,.10) !important; }

/* card 3 — white, fish icon (fishing de-emphasized) */
.advice-sec .color-box3{
  background:#fff !important;
  border:1px solid #e2e8ec;
  box-shadow:0 14px 34px rgba(0,68,113,.12) !important;
}
.advice-sec .color-box3::before{
  background-color:#eaf6fb;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23004471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.46-3.44 6-7 6-3.56 0-7.56-2.54-8.5-6z'/%3E%3Cpath d='M18 12v.5M2 12l4.5 3v-6z'/%3E%3C/svg%3E");
}
.advice-sec .color-box3 h4{ color:#004471 !important; }
.advice-sec .color-box3 p{ color:#5a7284 !important; }
.advice-sec .color-box3 .adv-nu-box h2{ color:rgba(0,68,113,.06) !important; }

/* the big number → corner watermark for every card */
.advice-sec .adv-nu-box{
  position:absolute; right:-8px; bottom:-30px;
  text-align:right; margin:0 !important;
}
.advice-sec .adv-nu-box h2{
  font-size:120px !important; font-weight:800 !important;
  line-height:1 !important; margin:0 !important;
}
.advice-sec .advice-box h4{ margin:0 0 8px !important; letter-spacing:-.3px; position:relative; z-index:1; }
.advice-sec .advice-box p{ position:relative; z-index:1; min-height:0 !important; }

@media (max-width:991px){
  .advice-sec .advice-box{ flex:1 1 100%; }
}


/* ============ 2. TEAM: FEATURE BOXES OVER PHOTOS ============ */

.team-main-box.team-bg-1,
.team-main-box.team-bg-2,
.team-main-box.team-bg-3{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:56px 38px !important;
}

.team-main-box.team-bg-1::before,
.team-main-box.team-bg-2::before,
.team-main-box.team-bg-3::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,
     rgba(4,26,42,.34) 0%,
     rgba(4,26,42,.58) 55%,
     rgba(4,26,42,.76) 100%);
}

.team-main-box .temicon-img-box,
.team-main-box h4,
.team-main-box p{ position:relative; z-index:1; }

.team-main-box .temicon-img-box{ margin-bottom:20px; }
.team-main-box .temicon-img-box img{ width:60px; height:auto; }

.team-main-box h4{
  font-size:34px !important;
  line-height:1.12 !important;
  letter-spacing:-.3px;
  margin:0 0 16px 0 !important;
  text-shadow:0 2px 20px rgba(0,0,0,.55);
}

.team-main-box p{
  font-size:18.5px !important;
  line-height:1.62 !important;
  width:92% !important;
  text-shadow:0 1px 14px rgba(0,0,0,.65);
}


/* ============ 3. TEAM SECTION — EQUAL HEIGHT ROWS ============ */

.team-sec .row{ display:flex; flex-wrap:wrap; }
.team-sec .row > [class*="col-"]{ display:flex; }

.team-sec .team-main-box,
.team-sec .team-boxx,
.team-sec .team-img-box1{
  width:100%;
  bottom:0 !important;
  margin:0 !important;
}

.team-sec .team-img-box1{ overflow:hidden; min-height:240px; }
.team-sec .team-img-box1 img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
}
.team-sec .team-boxx{ overflow:hidden; }
.team-sec .team-boxx .team-img-box1{ height:100%; }


/* ============ 4. PHOTO CAROUSEL — UNIFORM SLIDES ============ */

.banner-logos .partnerslider .slick-slide{ padding:0 8px; }
.banner-logos .partnerslider figure{ margin:0; }
.banner-logos .partnerslider img{
  width:100% !important;
  height:240px !important;
  object-fit:cover;
  border-radius:10px;
  display:block;
}
@media (max-width:767px){
  .banner-logos .partnerslider img{ height:190px !important; }
}


/* ============ 5. LOCATIONS — EQUAL PHOTO HEIGHT + ALIGNED CAPTIONS ============ */

.pupler-section .popule-main{ display:flex; flex-direction:column; }
.pupler-section .populr-img-box{
  width:100%;
  height:300px;
  overflow:hidden;
  border-radius:10px;
}
.pupler-section .populr-img-box img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  display:block;
}
.pupler-section .populer-text{ padding-top:12px; }
.pupler-section .populer-text h4{
  min-height:52px;
  display:flex;
  align-items:flex-end;
  margin:0 0 6px 0 !important;
}
.pupler-section .populer-text p{ margin:0 0 4px; line-height:1.45; }

@media (max-width:991px){
  .pupler-section .populr-img-box{ height:240px; }
  .pupler-section .populer-text h4{ min-height:0; }
}


/* ============ 6. FOOTER LOGO ============ */

.footerbox-details.footer-box-1 img{
  width:120px !important;
  height:120px !important;
  object-fit:contain;
  margin:0 0 18px 0 !important;
}


/* ============ 7. TESTIMONIALS ============ */

.testi-box{
  background:#f3f3f3;
  box-shadow:0 0 33.44px 4.56px rgba(0,0,0,.15);
  padding:0 0 24px 0;
}
.testi-box .test-text-box{
  box-shadow:none !important;
  padding:28px 22px 14px !important;
}
.test-mini-box{
  margin:0 !important;
  padding:0 22px;
  text-align:center;
}
.test-mini-box h4{ margin:0 0 3px 0 !important; }


/* ============ 8. PRICING — 4 ACROSS ============ */

section.pricing-sec .pricing-box{
  padding:26px 18px 34px !important;
  height:100%;
  display:flex;
  flex-direction:column;
}
section.pricing-sec .pri-text-box h4{ font-size:21px !important; }
section.pricing-sec .pri-text-box h2{
  font-size:44px !important;
  margin:10px 0 14px 0 !important;
  padding:0 0 12px 0 !important;
}
section.pricing-sec .pri-text-box h2 span{
  font-size:13px !important;
  line-height:1.35;
  display:block;
  margin-top:6px;
}
section.pricing-sec .pric-ul-box{ flex:1; }
section.pricing-sec .pric-ul-box li p{ font-size:14px !important; line-height:1.45 !important; }
section.pricing-sec a.get-btn.price-btn{
  padding:14px 22px !important;
  font-size:15px !important;
  display:block;
  text-align:center;
}
section.pricing-sec .price-featured{
  outline:3px solid #00d8f7;
  outline-offset:-3px;
  position:relative;
}
section.pricing-sec .price-tag{
  position:absolute;
  top:0; right:0;
  background:#00d8f7;
  color:#004471;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.2px;
  padding:6px 12px;
  z-index:2;
}


/* ============ 9. CONTACT COLUMN ============ */

.appointment-sec .bk-info h2{ color:#fff !important; font-size:40px !important; }
.appointment-sec .bk-info p{ color:#cfe0ee !important; font-size:17px !important; line-height:1.65 !important; }
.appointment-sec .bk-perks{ list-style:none; margin:26px 0 24px; padding:0; }
.appointment-sec .bk-perks li{ display:flex; gap:16px; align-items:flex-start; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.appointment-sec .bk-perks li:last-child{ border-bottom:0; }
.appointment-sec .bk-perks .ic{ font-size:26px; line-height:1.1; flex:none; width:34px; text-align:center; }
.appointment-sec .bk-perks h4{ color:#fff; font-size:19px; font-weight:700; margin:0 0 3px; }
.appointment-sec .bk-perks p{ color:#b9cbdb; font-size:15px; line-height:1.55; margin:0; }


/* ============ 10. MOBILE HEADER FIX ============ */

@media (max-width:991px){
  .StickyHeader.stick{ display:none !important; }
  img.headr-logo{
    width:80px !important;
    margin:0 !important;
    position:absolute;
    top:10px;
    left:50%;
    transform:translateX(-50%);
  }
  .navbar-container{ min-height:64px; }
}


/* ============ 11. RESPONSIVE ============ */

@media (max-width:1199px){
  .team-main-box h4{ font-size:28px !important; }
  .team-main-box p{ font-size:16.5px !important; width:100% !important; }
  .team-main-box.team-bg-1,
  .team-main-box.team-bg-2,
  .team-main-box.team-bg-3{ padding:40px 26px !important; }
  section.pricing-sec .pri-text-box h2{ font-size:36px !important; }
  .appointment-sec .bk-info h2{ font-size:30px !important; }
}

@media (max-width:767px){
  .team-main-box h4{ font-size:26px !important; }
  .team-main-box p{ font-size:16px !important; }
  .team-sec .row{ display:block; }
  .team-sec .row > [class*="col-"]{ display:block; }
  .team-sec .team-img-box1{ min-height:200px; }
}