/* ============================================
   MODERN FEATURES SECTION
   ============================================ */
.modern-features-section{
  padding: 110px 0;
  background: #fafaf7;
  position: relative;
}
.modern-features-section::before{
  content:"";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(191,168,136,.4), transparent);
}
.mf-heading{
  text-align: center;
  margin-bottom: 65px;
}
.mf-heading .eyebrow{
  display: inline-block;
  color: #bfa888;
  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 14px;
}
.mf-heading h2{
  color: #0d444b;
  font-size: 42px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
  font-family: "Playfair Display", serif;
}
.modern-features-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
.mf-card{
  background: #fff;
  padding: 55px 35px 45px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  transition: transform .35s ease, box-shadow .35s ease;
  box-shadow: 0 4px 20px rgba(12,35,64,.06);
  overflow: hidden;
  border: 1px solid rgba(12,35,64,.05);
}
.mf-card::before{
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, #bfa888, transparent);
  transform: scaleX(0);
  transition: transform .4s ease;
}
.mf-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(12,35,64,.12);
}
.mf-card:hover::before{ transform: scaleX(1); }

.mf-num{
  position: absolute;
  top: 20px; right: 28px;
  font-size: 70px;
  font-weight: 800;
  color: rgba(191,168,136,.13);
  line-height: 1;
  letter-spacing: -2px;
}
.mf-icon{
  width: 90px;
  height: 90px;
  margin: 0 auto 28px;
  background: linear-gradient(135deg, #bfa888 0%, #d4bfa0 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform .35s ease;
  box-shadow: 0 10px 25px rgba(191,168,136,.35);
}
.mf-icon::after{
  content: "";
  position: absolute;
  inset: -10px;
  border: 2px dashed rgba(191,168,136,.45);
  border-radius: 50%;
  opacity: 0;
  transition: opacity .3s ease;
}
.mf-card:hover .mf-icon{ transform: scale(1.06); }
.mf-card:hover .mf-icon::after{
  opacity: 1;
  animation: mf-spin 10s linear infinite;
}
@keyframes mf-spin { to { transform: rotate(360deg); } }
.mf-icon i{ color: #fff; font-size: 36px; }
.mf-title{
  color: #0d444b;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 14px;
  line-height: 1.35;
  font-family: "Playfair Display", serif;
}
.mf-desc{
  color: #6b7280;
  font-size: 15px;
  line-height: 1.7;
  margin: 0 0 25px;
}
.mf-line{
  display: inline-block;
  width: 50px;
  height: 3px;
  background: #bfa888;
  border-radius: 2px;
}
@media (max-width: 991.98px){
  .modern-features-grid{ grid-template-columns: 1fr; gap: 25px; max-width: 520px; }

  .modern-features-section{ padding: 80px 0; }
  .mf-heading h2{ font-size: 32px; }
}
@media (max-width: 575.98px){
  .modern-features-section{ padding: 60px 0; }
  .mf-heading{ margin-bottom: 40px; }
  .mf-heading h2{ font-size: 26px; }
  .mf-card{ padding: 45px 25px 35px; }
  .mf-num{ font-size: 55px; top: 15px; right: 22px; }
}


/* ============================================
   CRUISES SECTION (MODERN)
   ============================================ */
.cruises-section-modern{
  padding: 110px 0;
  background: linear-gradient(to bottom, #fff 0%, #f7f5f1 100%);
  position: relative;
}
.cruises-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 55px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.cruise-card{
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(12,35,64,.08);
  transition: transform .35s ease, box-shadow .35s ease;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(12,35,64,.04);
}
.cruise-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 25px 55px rgba(12,35,64,.16);
}
.cruise-card.featured{
  border: 1px solid rgba(191,168,136,.4);
  box-shadow: 0 12px 35px rgba(191,168,136,.18);
}
.cruise-image{
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #ddd;
}
.cruise-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s ease;
  display: block;
}
.cruise-card:hover .cruise-image img{ transform: scale(1.08); }
.cruise-image::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,.35) 100%);
  pointer-events: none;
}
.duration-badge{
  position: absolute;
  top: 16px; left: 16px;
  background: #bfa888;
  color: #fff;
  padding: 8px 16px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.duration-badge.premium{
  background: linear-gradient(135deg, #0d444b, #155c66);
}
.skipper-badge{
  position: absolute;
  bottom: 14px; right: 14px;
  background: rgba(255,255,255,.95);
  color: #0d444b;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .5px;
  border-radius: 4px;
  z-index: 2;
}
.cruise-body{
  padding: 30px 28px 28px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.cruise-title{
  color: #0d444b;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px;
  line-height: 1.3;
  font-family: "Playfair Display", serif;
}
.cruise-text{
  color: #555;
  font-size: 14.5px;
  line-height: 1.7;
  margin: 0 0 20px;
  flex: 1;
}
.cruise-meta{
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  border-top: 1px dashed rgba(12,35,64,.12);
  padding-top: 16px;
}
.cruise-meta li{
  font-size: 13px;
  color: #4a5568;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.cruise-meta i{ color: #bfa888; font-size: 13px; }
.cruise-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  background: #0d444b;
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease;
}
.cruise-btn:hover{
  background: #bfa888;
  color: #fff;
}
.cruise-btn i{ font-size: 11px; transition: transform .25s ease; }
.cruise-btn:hover i{ transform: translateX(5px); }

.cruises-cta{ text-align: center; }
.primary-btn{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 38px;
  background: #bfa888;
  color: #fff;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 6px;
  text-decoration: none;
  transition: all .25s ease;
  box-shadow: 0 8px 22px rgba(191,168,136,.3);
}
.primary-btn:hover{
  background: #0d444b;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(12,35,64,.3);
}
.primary-btn i{ transition: transform .25s ease; }
.primary-btn:hover i{ transform: translateX(5px); }

@media (max-width: 991.98px){
  .cruises-grid{ grid-template-columns: 1fr 1fr; max-width: 720px; }
  .cruises-section-modern{ padding: 80px 0; }
}
@media (max-width: 767.98px){
  .cruises-grid{ grid-template-columns: 1fr; max-width: 480px; }
}
@media (max-width: 575.98px){
  .cruises-section-modern{ padding: 60px 0; }
  .cruise-body{ padding: 25px 22px 22px; }
  .cruise-title{ font-size: 20px; }
  .primary-btn{ width: 100%; justify-content: center; }
}

/* ============================================
   WHY CHOOSE US (MODERN)
   ============================================ */
.why-us-modern{
  padding: 110px 0;
  background: #fff;
  position: relative;
}
.why-us-grid{
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 70px;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
.why-us-image{
  position: relative;
}
.why-us-image img{
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 25px 60px rgba(12,35,64,.18);
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
}
.floating-stat{
  position: absolute;
  bottom: -28px;
  left: -28px;
  background: linear-gradient(135deg, #bfa888, #d4bfa0);
  color: #fff;
  padding: 26px 32px;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(191,168,136,.45);
  text-align: center;
  min-width: 150px;
}
.floating-stat .stat-num{
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
}
.floating-stat .stat-label{
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 8px;
  font-weight: 700;
  line-height: 1.3;
}
.floating-badge{
  position: absolute;
  top: 28px;
  right: -22px;
  background: #0d444b;
  color: #fff;
  padding: 14px 22px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 12px 30px rgba(12,35,64,.35);
}
.floating-badge i{
  color: #bfa888;
  font-size: 22px;
}
.floating-badge span{
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.3;
}
.mf-heading.text-start{
  text-align: left;
  margin-bottom: 22px;
}
.lead-text{
  color: #4a5568;
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 35px;
}
.why-features{
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.why-feat{
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 22px 24px;
  background: #fafaf7;
  border-radius: 12px;
  border-left: 3px solid transparent;
  transition: all .3s ease;
}
.why-feat:hover{
  border-left-color: #bfa888;
  background: #fff;
  transform: translateX(6px);
  box-shadow: 0 12px 28px rgba(12,35,64,.07);
}
.why-feat-icon{
  width: 56px; height: 56px;
  background: linear-gradient(135deg, #0d444b, #155c66);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 8px 18px rgba(12,35,64,.25);
}
.why-feat-icon i{
  color: #bfa888;
  font-size: 22px;
}
.why-feat-body h4{
  color: #0d444b;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 6px;
  line-height: 1.3;
  font-family: "Playfair Display", serif;
}
.why-feat-body p{
  color: #6b7280;
  font-size: 14.5px;
  line-height: 1.65;
  margin: 0;
}
@media (max-width: 991.98px){
  .why-us-grid{ grid-template-columns: 1fr; gap: 60px; }
  .why-us-modern{ padding: 80px 0; }
  .why-us-image{ max-width: 480px; margin: 0 auto; }
  .floating-badge{ right: 16px; }
}
@media (max-width: 575.98px){
  .why-us-modern{ padding: 60px 0; }
  .floating-stat{ left: 50%; transform: translateX(-50%); bottom: -22px; padding: 18px 24px; min-width: 130px; }
  .floating-stat .stat-num{ font-size: 32px; }
  .floating-badge{ top: 16px; right: 12px; padding: 10px 14px; }
  .floating-badge i{ font-size: 18px; }
  .why-feat{ padding: 18px; }
  .why-feat:hover{ transform: none; }
}

/* ============================================
   BOAT RENTALS (MODERN)
   ============================================ */
.boats-section-modern{
  padding: 110px 0;
  background: #fafaf7;
  position: relative;
}
.boats-section-modern::before{
  content:"";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(191,168,136,.4), transparent);
}
.boats-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 55px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.boat-card{
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(12,35,64,.08);
  transition: transform .35s ease, box-shadow .35s ease;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(12,35,64,.04);
}
.boat-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 25px 55px rgba(12,35,64,.16);
}
.boat-card.featured{
  border: 1px solid rgba(191,168,136,.4);
  box-shadow: 0 12px 35px rgba(191,168,136,.18);
}
.boat-image{
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #ddd;
}
.boat-image a{ display: block; height: 100%; }
.boat-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s ease;
  display: block;
}
.boat-card:hover .boat-image img{ transform: scale(1.08); }
.boat-image::after{
  content:"";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 35%, rgba(12,35,64,.7) 100%);
  pointer-events: none;
}
.boat-name-badge{
  position: absolute;
  bottom: 18px; left: 22px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  z-index: 2;
  text-shadow: 0 2px 12px rgba(0,0,0,.5);
  letter-spacing: 1px;
  font-family: "Playfair Display", serif;
}
.boat-type-badge{
  position: absolute;
  top: 16px; left: 16px;
  background: rgba(255,255,255,.95);
  color: #0d444b;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 4px;
  z-index: 2;
}
.boat-type-badge.premium{
  background: #bfa888;
  color: #fff;
}
.boat-body{
  padding: 28px 26px 26px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.boat-specs{
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
  flex: 1;
}
.boat-specs li{
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px dashed rgba(12,35,64,.1);
  font-size: 14px;
}
.boat-specs li:last-child{ border-bottom: none; }
.boat-specs li i{
  color: #bfa888;
  font-size: 14px;
}
.boat-specs .spec-label{
  color: #6b7280;
  font-weight: 500;
}
.boat-specs .spec-value{
  color: #0d444b;
  font-weight: 700;
  font-size: 14px;
}
.boat-specs .spec-value.yes{ color: #2e9b6f; font-size: 16px; }
.boat-specs .spec-value.soft{ color: #8a8074; font-weight: 500; font-size: 13px; font-style: italic; }
.boat-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  background: #0d444b;
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease;
}
.boat-btn:hover{ background: #bfa888; color: #fff; }
.boat-btn i{ font-size: 11px; transition: transform .25s ease; }
.boat-btn:hover i{ transform: translateX(5px); }

@media (max-width: 991.98px){
  .boats-grid{ grid-template-columns: 1fr 1fr; max-width: 720px; }
  .boats-section-modern{ padding: 80px 0; }
}
@media (max-width: 767.98px){
  .boats-grid{ grid-template-columns: 1fr; max-width: 480px; }
}
@media (max-width: 575.98px){
  .boats-section-modern{ padding: 60px 0; }
  .boat-body{ padding: 24px 22px 22px; }
}

/* ============================================
   TESTIMONIALS (MODERN CAROUSEL)
   ============================================ */
.testimonials-modern{
  padding: 110px 0;
  background: #fff;
  position: relative;
}
.testimonials-carousel-wrap{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 5px;
}
/* Owl carousel item spacing */
.testimonials-modern .team-carousel.owl-carousel .owl-stage-outer{ padding: 15px 0; }
.testimonials-modern .team-carousel.owl-carousel .owl-item{ padding: 0 15px; }
.testimonials-modern .team-carousel.owl-carousel .owl-item > *{ height: 100%; }

/* Card */
.testimonial-card{
  background: #fafaf7;
  border-radius: 14px;
  padding: 35px 32px 30px;
  position: relative;
  border: 1px solid rgba(13,68,75,.05);
  transition: transform .35s ease, box-shadow .35s ease, background .25s;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 290px;
}
.testimonial-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 25px 50px rgba(13,68,75,.1);
  background: #fff;
}
.t-quote-icon{
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 50px;
  color: rgba(191,168,136,.18);
  line-height: 1;
}
.t-stars{
  margin-bottom: 16px;
  display: flex;
  gap: 4px;
}
.t-stars i{
  color: #f5a623;
  font-size: 13px;
}
.t-text{
  color: #4a5568;
  font-size: 15px;
  line-height: 1.7;
  margin: 0 0 25px;
  flex: 1;
}
.t-author{
  display: flex;
  align-items: center;
  gap: 14px;
  border-top: 1px solid rgba(13,68,75,.08);
  padding-top: 18px;
}
.t-avatar{
  width: 48px; height: 48px;
  background: linear-gradient(135deg, #bfa888, #d4bfa0);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 1px;
  flex-shrink: 0;
  box-shadow: 0 6px 14px rgba(191,168,136,.35);
}
.t-meta h4{
  margin: 0 0 2px;
  color: #0d444b;
  font-size: 15px;
  font-weight: 700;
}
.t-meta span{
  color: #6b7280;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
}

/* Carousel dots */
.testimonials-modern .team-carousel .owl-dots{
  text-align: center;
  margin-top: 30px;
}
.testimonials-modern .team-carousel .owl-dots .owl-dot{
  display: inline-block;
  margin: 0 5px;
}
.testimonials-modern .team-carousel .owl-dots .owl-dot span{
  display: block;
  width: 10px; height: 10px;
  background: rgba(13,68,75,.2);
  border-radius: 50%;
  transition: all .25s ease;
}
.testimonials-modern .team-carousel .owl-dots .owl-dot.active span,
.testimonials-modern .team-carousel .owl-dots .owl-dot:hover span{
  background: #bfa888;
  width: 28px;
  border-radius: 5px;
}

/* Google reviews strip */
.t-google-strip{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 24px 32px;
  background: linear-gradient(135deg, #0d444b 0%, #155c66 100%);
  border-radius: 14px;
  max-width: 720px;
  margin: 50px auto 0;
  box-shadow: 0 18px 40px rgba(13,68,75,.18);
  flex-wrap: wrap;
}
.t-google-icon{
  width: 56px; height: 56px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.t-google-icon i{
  font-size: 28px;
  background: conic-gradient(from -45deg, #4285F4, #EA4335, #FBBC05, #34A853, #4285F4);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.t-google-text{
  flex: 1;
  min-width: 180px;
  text-align: left;
}
.t-google-text strong{
  display: block;
  color: #bfa888;
  font-size: 26px;
  font-weight: 800;
  font-family: "Playfair Display", serif;
  line-height: 1;
  margin-bottom: 4px;
}
.t-google-text span{
  color: rgba(255,255,255,.8);
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
}
.t-google-strip .t-cta-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: #bfa888;
  color: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease;
  flex-shrink: 0;
}
.t-google-strip .t-cta-btn:hover{
  background: #fff;
  color: #0d444b;
}
.t-google-strip .t-cta-btn i{ transition: transform .25s ease; }
.t-google-strip .t-cta-btn:hover i{ transform: translateX(4px); }

@media (max-width: 991.98px){
  .testimonials-modern{ padding: 80px 0; }
}
@media (max-width: 767.98px){
  .testimonials-modern{ padding: 60px 0; }
  .t-google-strip{ flex-direction: column; text-align: center; padding: 22px 24px; }
  .t-google-text{ text-align: center; }
  .t-google-strip .t-cta-btn{ width: 100%; justify-content: center; }
}

/* === Eyebrow gold variant for dark backgrounds === */
.eyebrow.gold{
  display: inline-block;
  color: #bfa888;
  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 14px;
}

/* === Banner hero responsive title === */
@media (max-width: 575.98px){
  .banner-section-two .content-column .inner-column .title{
    font-size: 48px !important;
    line-height: 1.1 !important;
  }
  .banner-section-two .content-column .inner-column .text{
    font-size: 16px !important;
  }
}

/* === Cruise / Boat cards equal-height responsive === */
.product-block .inner-box { height: 100%; display: flex; flex-direction: column; }
.product-block .content-box { flex: 1; display: flex; flex-direction: column; }
.product-block .content-box .button2 { margin-top: auto; }

/* ============================================
   TRANSFER SECTION (NEW)
   ============================================ */
.transfer-section{
  position: relative;
  padding: 90px 0;
  background: linear-gradient(135deg, #0d444b 0%, #155c66 100%);
  overflow: hidden;
}
.transfer-section::before{
  content:"";
  position: absolute;
  inset: 0;
  background: url('./images/main-slider/slider4.jpg') center/cover no-repeat;
  opacity: .15;
  z-index: 0;
}
.transfer-section .auto-container{ position: relative; z-index: 1; }
.transfer-section .transfer-inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}
.transfer-section .transfer-content{
  flex: 1 1 480px;
  color: #fff;
}
.transfer-section .sub-title{
  display: inline-block;
  color: #bfa888;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 12px;
  font-weight: 600;
}
.transfer-section h2{
  font-size: 44px;
  line-height: 1.15;
  color: #fff;
  margin: 0 0 18px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}
.transfer-section p{
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,.85);
  margin-bottom: 26px;
}
.transfer-section ul.transfer-features{
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
}
.transfer-section ul.transfer-features li{
  color: #fff;
  font-size: 15px;
  position: relative;
  padding-left: 28px;
}
.transfer-section ul.transfer-features li::before{
  content: "\f00c";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  color: #bfa888;
  position: absolute;
  left: 0; top: 2px;
}
.transfer-section .transfer-cta{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #bfa888;
  color: #fff;
  padding: 16px 34px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
  transition: all .25s ease;
  text-decoration: none;
}
.transfer-section .transfer-cta:hover{
  background: #fff;
  color: #0d444b;
  transform: translateY(-2px);
}
.transfer-section .transfer-image{
  flex: 1 1 420px;
  position: relative;
}
.transfer-section .transfer-image img{
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 25px 60px rgba(0,0,0,.4);
  display: block;
}
.transfer-section .transfer-image .badge-circle{
  position: absolute;
  bottom: -20px; right: -20px;
  width: 130px; height: 130px;
  background: #bfa888;
  color: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
  padding: 10px;
}
@media (max-width: 991.98px){
  .transfer-section h2{ font-size: 34px; }
  .transfer-section{ padding: 70px 0; }
}
@media (max-width: 575.98px){
  .transfer-section h2{ font-size: 26px; }
  .transfer-section ul.transfer-features{ grid-template-columns: 1fr; }
  .transfer-section .transfer-image .badge-circle{ width: 100px; height: 100px; font-size: 12px; right: 0; bottom: -15px; }
  .transfer-section .transfer-cta{ width: 100%; justify-content: center; }
}

/* ============================================
   INSTAGRAM SECTION (NEW)
   ============================================ */
.instagram-section{
  padding: 100px 0 110px;
  background: #f7f5f1;
  position: relative;
}
.instagram-section .sec-title{ margin-bottom: 50px; text-align: center; }
.instagram-section .sec-title .sub-title{
  color: #bfa888;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
}
.instagram-section .sec-title h2{
  font-size: 42px;
  font-weight: 700;
  margin: 8px 0 0;
  color: #0d444b;
}
.instagram-section .ig-handle{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: #555;
  font-size: 16px;
  text-decoration: none;
  transition: color .2s;
}
.instagram-section .ig-handle:hover{ color: #bfa888; }
.instagram-section .ig-handle i{ color: #E1306C; font-size: 22px; }

.instagram-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto;
}
.instagram-grid .ig-item{
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 6px;
  display: block;
  background: #ddd;
}
.instagram-grid .ig-item img{
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
  display: block;
}
.instagram-grid .ig-item:hover img{ transform: scale(1.08); }
.instagram-grid .ig-item::after{
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(225,48,108,.85), rgba(131,58,180,.85));
  opacity: 0;
  transition: opacity .3s ease;
}
.instagram-grid .ig-item::before{
  content: "\f16d";
  font-family: "Font Awesome 5 Brands", "FontAwesome";
  font-weight: 400;
  position: absolute;
  inset: 0;
  display: flex; align-items: center; justify-content: center;
  color: #fff;
  font-size: 32px;
  z-index: 2;
  opacity: 0;
  transition: opacity .3s ease;
}
.instagram-grid .ig-item:hover::after,
.instagram-grid .ig-item:hover::before{ opacity: 1; }

.instagram-section .ig-follow-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
  background: linear-gradient(45deg,#F58529,#DD2A7B,#8134AF);
  color: #fff;
  padding: 14px 32px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 30px;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
}
.instagram-section .ig-follow-btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(221,42,123,.35);
  color: #fff;
}
.instagram-section .text-center{ text-align: center; }

@media (max-width: 991.98px){
  .instagram-grid{ grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .instagram-section .sec-title h2{ font-size: 34px; }
}
@media (max-width: 575.98px){
  .instagram-grid{ grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .instagram-section{ padding: 70px 0; }
  .instagram-section .sec-title h2{ font-size: 26px; }
}

/* === Floating WhatsApp safety on mobile === */
.float{ z-index: 999 !important; }
@media (max-width: 575.98px){
  .float img{ width: 55px !important; height: 55px !important; }
}

/* === Sec-title responsive === */
@media (max-width: 575.98px){
  .sec-title h2{ font-size: 28px !important; line-height: 1.2 !important; }
}

  
    
/* ============================================
   GALLERY CAROUSEL (MODERN, SELF-CONTAINED)
   ============================================ */
.br-gallery-section{
  padding: 100px 0 60px;
  background: #fff;
}
.br-gallery-section .auto-container{ max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.br-section-heading{
  text-align: center;
  margin-bottom: 50px;
}
.br-section-heading .eyebrow{
  display: inline-block;
  color: #bfa888;
  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 14px;
}
.br-section-heading h2{
  font-family: "Playfair Display", serif;
  color: #0d444b;
  font-size: 40px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}
 
.br-gallery{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(13,68,75,.22);
  max-width: 1100px;
  margin: 0 auto;
  background: #f7f5f1;
  user-select: none;
}
.br-gallery-track{
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  overflow: hidden;
}
.br-slide{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s ease;
  z-index: 1;
}
.br-slide.is-active{
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.br-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
 
/* Soft bottom gradient for badge readability */
.br-gallery::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 120px;
  background: linear-gradient(to top, rgba(13,68,75,.55), transparent);
  pointer-events: none;
  z-index: 3;
}
 
/* Navigation buttons */
.br-carousel-btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 54px; height: 54px;
  background: rgba(255,255,255,.95);
  color: #0d444b;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all .25s ease;
  box-shadow: 0 8px 22px rgba(0,0,0,.25);
  font-size: 17px;
  padding: 0;
}
.br-carousel-btn:hover{
  background: #bfa888;
  color: #fff;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 12px 28px rgba(191,168,136,.5);
}
.br-carousel-btn.left{ left: 22px; }
.br-carousel-btn.right{ right: 22px; }
 
/* Counter badge */
.br-counter{
  position: absolute;
  bottom: 22px;
  left: 22px;
  background: rgba(13,68,75,.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  padding: 8px 16px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  z-index: 5;
  border: 1px solid rgba(255,255,255,.12);
}
.br-counter .current{ color: #bfa888; font-weight: 800; }
.br-counter .total{ color: rgba(255,255,255,.7); }
 
/* Dot indicators */
.br-indicators{
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 5;
}
.br-dot{
  width: 10px;
  height: 10px;
  background: rgba(255,255,255,.4);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  transition: all .25s ease;
}
.br-dot.is-active{
  background: #bfa888;
  width: 30px;
  border-radius: 5px;
}
.br-dot:hover{
  background: rgba(191,168,136,.7);
}
 
@media (max-width: 767.98px){
  .br-gallery-section{ padding: 70px 0 40px; }
  .br-section-heading h2{ font-size: 28px; }
  .br-carousel-btn{ width: 42px; height: 42px; font-size: 14px; }
  .br-carousel-btn.left{ left: 12px; }
  .br-carousel-btn.right{ right: 12px; }
  .br-counter{ bottom: 16px; left: 16px; font-size: 12px; padding: 6px 12px; }
  .br-indicators{ bottom: 18px; }
  .br-dot{ width: 8px; height: 8px; }
  .br-dot.is-active{ width: 24px; }
}
@media (max-width: 480px){
  .br-gallery-track{ aspect-ratio: 4/3; }
}
 
/* ============================================
   BOATS GRID (same style as index2 cards)
   ============================================ */
.br-boats-section{
  padding: 60px 0 100px;
  background: #fff;
  position: relative;
}
.br-boats-section .auto-container{ max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.boats-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 55px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.boat-card{
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(13,68,75,.08);
  transition: transform .35s ease, box-shadow .35s ease;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(13,68,75,.04);
}
.boat-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 25px 55px rgba(13,68,75,.16);
}
.boat-card.featured{
  border: 1px solid rgba(191,168,136,.4);
  box-shadow: 0 12px 35px rgba(191,168,136,.18);
}
.boat-image{
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #ddd;
}
.boat-image a{ display: block; height: 100%; }
.boat-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s ease;
  display: block;
}
.boat-card:hover .boat-image img{ transform: scale(1.08); }
.boat-image::after{
  content:"";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 35%, rgba(13,68,75,.7) 100%);
  pointer-events: none;
}
.boat-name-badge{
  position: absolute;
  bottom: 18px; left: 22px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  z-index: 2;
  text-shadow: 0 2px 12px rgba(0,0,0,.5);
  letter-spacing: 1px;
  font-family: "Playfair Display", serif;
}
.boat-type-badge{
  position: absolute;
  top: 16px; left: 16px;
  background: rgba(255,255,255,.95);
  color: #0d444b;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 4px;
  z-index: 2;
}
.boat-type-badge.premium{
  background: #bfa888;
  color: #fff;
}
.boat-body{
  padding: 28px 26px 26px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.boat-specs{
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
  flex: 1;
}
.boat-specs li{
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px dashed rgba(13,68,75,.1);
  font-size: 14px;
}
.boat-specs li:last-child{ border-bottom: none; }
.boat-specs li i{
  color: #bfa888;
  font-size: 14px;
}
.boat-specs .spec-label{
  color: #6b7280;
  font-weight: 500;
}
.boat-specs .spec-value{
  color: #0d444b;
  font-weight: 700;
  font-size: 14px;
}
.boat-specs .spec-value.yes{ color: #2e9b6f; font-size: 16px; }
.boat-specs .spec-value.soft{ color: #8a8074; font-weight: 500; font-size: 13px; font-style: italic; }
.boat-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  background: #0d444b;
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease;
}
.boat-btn:hover{ background: #bfa888; color: #fff; }
.boat-btn i{ font-size: 11px; transition: transform .25s ease; }
.boat-btn:hover i{ transform: translateX(5px); }
 
.primary-btn{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 38px;
  background: #bfa888;
  color: #fff;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 6px;
  text-decoration: none;
  transition: all .25s ease;
  box-shadow: 0 8px 22px rgba(191,168,136,.3);
}
.primary-btn:hover{
  background: #0d444b;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(13,68,75,.3);
}
.primary-btn i{ transition: transform .25s ease; }
.primary-btn:hover i{ transform: translateX(5px); }
 
.cruises-cta{ text-align: center; margin-top: 20px; }
 
@media (max-width: 991.98px){
  .boats-grid{ grid-template-columns: 1fr 1fr; max-width: 720px; }
}
@media (max-width: 767.98px){
  .boats-grid{ grid-template-columns: 1fr; max-width: 480px; }
}
@media (max-width: 575.98px){
  .br-boats-section{ padding: 40px 0 60px; }
  .boat-body{ padding: 24px 22px 22px; }
  .primary-btn{ width: 100%; justify-content: center; }
}

/* ============================================
   SECTION HEADING
   ============================================ */
.pc-section-heading{ text-align: center; margin-bottom: 55px; }
.pc-section-heading .eyebrow{
  display: inline-block;
  color: #bfa888;
  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 14px;
}
.pc-section-heading h2{
  font-family: "Playfair Display", serif;
  color: #0d444b;
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 12px;
  line-height: 1.2;
}
.pc-section-heading p{
  color: #6b7280;
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ============================================
   CRUISES SECTION (same as index)
   ============================================ */
.pc-cruises-section{
  padding: 100px 0 60px;
  background: linear-gradient(to bottom, #fff 0%, #fafaf7 100%);
}
.pc-cruises-section.second{
  background: linear-gradient(to bottom, #fafaf7 0%, #fff 100%);
  padding: 60px 0 100px;
}
.pc-cruises-section .auto-container{ max-width: 1280px; margin: 0 auto; padding: 0 20px; }
 
.cruises-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1280px;
  margin: 0 auto;
}
.cruise-card{
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(13,68,75,.08);
  transition: transform .35s ease, box-shadow .35s ease;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(13,68,75,.04);
}
.cruise-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 25px 55px rgba(13,68,75,.16);
}
.cruise-card.featured{
  border: 1px solid rgba(191,168,136,.4);
  box-shadow: 0 12px 35px rgba(191,168,136,.18);
}
.cruise-image{
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #ddd;
}
.cruise-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s ease;
  display: block;
}
.cruise-card:hover .cruise-image img{ transform: scale(1.08); }
.cruise-image::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,.35) 100%);
  pointer-events: none;
}
.duration-badge{
  position: absolute;
  top: 16px; left: 16px;
  background: #bfa888;
  color: #fff;
  padding: 8px 16px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.duration-badge.premium{
  background: linear-gradient(135deg, #0d444b, #155c66);
}
.skipper-badge{
  position: absolute;
  bottom: 14px; right: 14px;
  background: rgba(255,255,255,.95);
  color: #0d444b;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .5px;
  border-radius: 4px;
  z-index: 2;
}
.cruise-body{
  padding: 28px 26px 26px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.cruise-title{
  color: #0d444b;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px;
  line-height: 1.3;
  font-family: "Playfair Display", serif;
}
.cruise-text{
  color: #555;
  font-size: 14.5px;
  line-height: 1.7;
  margin: 0 0 18px;
  flex: 1;
}
/* Price */
.cruise-price{
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 18px;
  padding: 12px 0;
  border-top: 1px solid rgba(13,68,75,.08);
  border-bottom: 1px solid rgba(13,68,75,.08);
}
.cruise-price .label{
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #6b7280;
  font-weight: 600;
  margin-right: auto;
}
.cruise-price .amount{
  font-family: "Playfair Display", serif;
  color: #0d444b;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}
.cruise-price .amount .currency{
  font-size: 18px;
  color: #bfa888;
  font-weight: 700;
  margin-right: 2px;
}
.cruise-meta{
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}
.cruise-meta li{
  font-size: 13px;
  color: #4a5568;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.cruise-meta i{ color: #bfa888; font-size: 13px; }
.cruise-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  background: #0d444b;
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease;
}
.cruise-btn:hover{
  background: #bfa888;
  color: #fff;
}
.cruise-btn i{ font-size: 11px; transition: transform .25s ease; }
.cruise-btn:hover i{ transform: translateX(5px); }
 
@media (max-width: 991.98px){
  .cruises-grid{ grid-template-columns: 1fr 1fr; max-width: 720px; }
  .pc-cruises-section{ padding: 70px 0 40px; }
  .pc-cruises-section.second{ padding: 40px 0 70px; }
  .pc-section-heading h2{ font-size: 32px; }
}
@media (max-width: 767.98px){
  .cruises-grid{ grid-template-columns: 1fr; max-width: 480px; }
}
@media (max-width: 575.98px){
  .pc-cruises-section{ padding: 60px 0 30px; }
  .pc-cruises-section.second{ padding: 30px 0 60px; }
  .cruise-body{ padding: 24px 22px 22px; }
  .cruise-title{ font-size: 20px; }
  .pc-section-heading h2{ font-size: 26px; }
}
 
/* ============================================
   CATEGORY DIVIDER (between skipper / no-skipper)
   ============================================ */
.pc-divider{
  background: #fafaf7;
  padding: 30px 20px;
  text-align: center;
  position: relative;
}
.pc-divider .inner{
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 30px;
  background: linear-gradient(135deg, #0d444b 0%, #155c66 100%);
  border-radius: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  box-shadow: 0 18px 40px rgba(13,68,75,.18);
}
.pc-divider .icon{
  width: 56px; height: 56px;
  background: rgba(191,168,136,.2);
  color: #bfa888;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}
.pc-divider .text{
  text-align: left;
}
.pc-divider .text strong{
  display: block;
  font-family: "Playfair Display", serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.pc-divider .text span{
  color: rgba(255,255,255,.78);
  font-size: 13.5px;
  margin-top: 4px;
  display: block;
  line-height: 1.5;
}
@media (max-width: 575.98px){
  .pc-divider .inner{ flex-direction: column; text-align: center; padding: 24px 22px; }
  .pc-divider .text{ text-align: center; }
  .pc-divider .text strong{ font-size: 18px; }
}
 
/* ============================================
   CTA SECTION
   ============================================ */
.pc-cta{
  padding: 90px 20px;
  background: linear-gradient(135deg, #0d444b 0%, #155c66 100%);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.pc-cta::before{
  content: "";
  position: absolute;
  top: -100px; left: -100px;
  width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(191,168,136,.2), transparent 70%);
  border-radius: 50%;
}
.pc-cta::after{
  content: "";
  position: absolute;
  bottom: -100px; right: -100px;
  width: 320px; height: 320px;
  background: radial-gradient(circle, rgba(191,168,136,.15), transparent 70%);
  border-radius: 50%;
}
.pc-cta .inner{
  max-width: 760px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.pc-cta .eyebrow{
  display: inline-block;
  color: #bfa888;
  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 14px;
}
.pc-cta h2{
  font-family: "Playfair Display", serif;
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  margin: 0 0 18px;
  line-height: 1.2;
}
.pc-cta p{
  color: rgba(255,255,255,.85);
  font-size: 16px;
  margin: 0 0 28px;
  line-height: 1.7;
}
.pc-cta .pc-cta-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 34px;
  background: #bfa888;
  color: #fff;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 6px;
  text-decoration: none;
  transition: all .25s ease;
}
.pc-cta .pc-cta-btn:hover{
  background: #fff;
  color: #0d444b;
  transform: translateY(-2px);
}
.pc-cta .pc-cta-btn i{ transition: transform .25s ease; }
.pc-cta .pc-cta-btn:hover i{ transform: translateX(5px); }
@media (max-width: 575.98px){
  .pc-cta{ padding: 70px 20px; }
  .pc-cta h2{ font-size: 28px; }
  .pc-cta .pc-cta-btn{ width: 100%; justify-content: center; }
}
  
/* ============================================
   TRANSFER SECTION (NEW)
   ============================================ */
.transfer-section{
  position: relative;
  padding: 90px 0;
  background: linear-gradient(135deg, #0d444b 0%, #155c66 100%);
  overflow: hidden;
}
.transfer-section::before{
  content:"";
  position: absolute;
  inset: 0;
  background: url('./images/banner/transfer1.jpg') center/cover no-repeat;
  opacity: .15;
  z-index: 0;
}
.transfer-section .auto-container{ position: relative; z-index: 1; }
.transfer-section .transfer-inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}
.transfer-section .transfer-content{
  flex: 1 1 480px;
  color: #fff;
}
.transfer-section .sub-title{
  display: inline-block;
  color: #bfa888;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 12px;
  font-weight: 600;
}
.transfer-section h2{
  font-size: 44px;
  line-height: 1.15;
  color: #fff;
  margin: 0 0 18px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}
.transfer-section p{
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,.85);
  margin-bottom: 26px;
}
.transfer-section ul.transfer-features{
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
}
.transfer-section ul.transfer-features li{
  color: #fff;
  font-size: 15px;
  position: relative;
  padding-left: 28px;
}
.transfer-section ul.transfer-features li::before{
  content: "\f00c";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  color: #bfa888;
  position: absolute;
  left: 0; top: 2px;
}
.transfer-section .transfer-cta{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #bfa888;
  color: #fff;
  padding: 16px 34px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
  transition: all .25s ease;
  text-decoration: none;
}
.transfer-section .transfer-cta:hover{
  background: #fff;
  color: #0d444b;
  transform: translateY(-2px);
}
.transfer-section .transfer-image{
  flex: 1 1 420px;
  position: relative;
}
.transfer-section .transfer-image img{
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 25px 60px rgba(0,0,0,.4);
  display: block;
}
.transfer-section .transfer-image .badge-circle{
  position: absolute;
  bottom: -20px; right: -20px;
  width: 130px; height: 130px;
  background: #bfa888;
  color: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
  padding: 10px;
}
@media (max-width: 991.98px){
  .transfer-section h2{ font-size: 34px; }
  .transfer-section{ padding: 70px 0; }
}
@media (max-width: 575.98px){
  .transfer-section h2{ font-size: 26px; }
  .transfer-section ul.transfer-features{ grid-template-columns: 1fr; }
  .transfer-section .transfer-image .badge-circle{ width: 100px; height: 100px; font-size: 12px; right: 0; bottom: -15px; }
  .transfer-section .transfer-cta{ width: 100%; justify-content: center; }
}
    /* ============================================
   SUNSET CRUISE CARD (special styling)
   ============================================ */
.cruise-card.sunset-cruise{
  position: relative;
  border: 1px solid rgba(217,119,66,.35) !important;
  box-shadow: 0 12px 35px rgba(217,119,66,.18) !important;
  background: linear-gradient(to bottom, #fff7ed 0%, #fff 50%) !important;
  overflow: hidden;
}
.cruise-card.sunset-cruise::before{
  content: "";
  position: absolute;
  top: -1px; left: -1px; right: -1px;
  height: 4px;
  background: linear-gradient(90deg, #d97742 0%, #e8a35a 40%, #f5c87f 75%, #d97742 100%);
  z-index: 4;
  border-radius: 12px 12px 0 0;
}
.cruise-card.sunset-cruise:hover{
  box-shadow: 0 28px 60px rgba(217,119,66,.28) !important;
  transform: translateY(-12px);
}

/* Image overlay with sunset gradient */
.sunset-image-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(217,119,66,.15) 0%,
    transparent 40%,
    rgba(217,119,66,.25) 100%
  );
  z-index: 1;
  pointer-events: none;
}

/* Sunset duration badge — warm gradient */
.duration-badge.sunset-badge{
  background: linear-gradient(135deg, #d97742 0%, #e8a35a 50%, #f5c87f 100%) !important;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 6px 16px rgba(217,119,66,.4) !important;
}
.duration-badge.sunset-badge i{ font-size: 12px; }

/* Corner tag "Most Romantic" */
.sunset-corner-tag{
  position: absolute;
  top: 16px;
  right: 16px;
  background: #fff;
  color: #d97742;
  padding: 6px 14px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 30px;
  z-index: 3;
  box-shadow: 0 4px 12px rgba(217,119,66,.3);
  border: 1px solid rgba(217,119,66,.3);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.sunset-corner-tag::before{
  content: "♥";
  color: #d97742;
  font-size: 11px;
}

/* Sunset title with icon */
.cruise-card.sunset-cruise .cruise-title{
  color: #0d444b;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sunset-title-icon{
  color: #d97742;
  font-size: 18px;
  background: linear-gradient(135deg, #d97742, #f5c87f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Sunset price area */
.cruise-card.sunset-cruise .cruise-price{
  border-top-color: rgba(217,119,66,.2);
  border-bottom-color: rgba(217,119,66,.2);
}
.cruise-card.sunset-cruise .cruise-price .amount .currency{
  color: #d97742;
}

/* Sunset meta icons */
.cruise-card.sunset-cruise .cruise-meta i{ color: #d97742; }

/* Sunset button */
.cruise-btn.sunset-btn{
  background: linear-gradient(135deg, #d97742 0%, #e8a35a 100%);
  color: #fff;
  box-shadow: 0 8px 22px rgba(217,119,66,.3);
}
.cruise-btn.sunset-btn:hover{
  background: linear-gradient(135deg, #0d444b 0%, #155c66 100%);
  color: #fff;
  box-shadow: 0 12px 28px rgba(13,68,75,.35);
  transform: translateY(-2px);
}