/* ============================================================
   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 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);
}


/* ============ 2. 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%; }


/* ============ 3. 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; }
}


/* ============ 4. 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; }
}


/* ============ 5. FOOTER LOGO ============
   The <img> carries width="180" height="60" and the CSS forces width:25%,
   so the square badge gets crushed into a 3:1 box. Restore its circle. */

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


/* ============ 6. 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; }


/* ============ 7. 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;
}


/* ============ 8. 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; }


/* ============ 9. 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; }
}