/* Cormorant Garamond */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('./fonts/CormorantGaramond-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('./fonts/CormorantGaramond-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

/* Inter */
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-VariableFont_opsz\,wght.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-Italic-VariableFont_opsz\,wght.ttf') format('truetype');
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}

:root{
  --primary: #1D75BC;
  --primary-dark: #134f80;
  --secondary: #20C7CA;
  --helper: #B1410C;
  --helper-bright: #D14E12;
  --section-bg:#e1eaef;

  --n-900: #0A1418;
  --n-800: #142127;
  --n-700: #25363D;
  --n-500: #5C6F76;
  --n-300: #9FB0B5;
  --n-150: #D8E2E4;
  --n-100: #EDF2F3;
  --n-50:  #F6F9FA;
  --white: #FFFFFF;
  --black: #000;
  --banner-overlay:linear-gradient(90deg,rgba(0, 0, 0, 0.8) 0%,rgb(0, 68, 118, 0.8) 100%);
  --banner-overlay-dark:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%,rgb(0, 68, 118,1) 100%);

  --font-primary: 'Cormorant Garamond', 'Inter', sans-serif;
  --font-secondary: 'Inter', sans-serif;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --shadow-card: 0 14px 40px -16px rgba(10,30,40,0.28);
  --shadow-cta: 0 10px 30px -8px rgba(177,65,12,0.45);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
}

body{margin:0;font-family:var(--font-body);color:var(--n-800);background:var(--section-bg);webkit-font-smoothing:antialiased;line-height:1.55;}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none !important;outline:none;box-shadow:none;transition:color .18s var(--ease); }
h1,h2,h3,h4{ font-family:var(--font-primary); font-weight:600; margin:0; color:var(--n-900);letter-spacing:-0.01em; }
p{ margin:0; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; }

:focus-visible,
:focus-visible{outline:0px;border-radius:0px;border:0;}

.btn-primary{display:inline-flex; align-items:center; justify-content:center; gap:.55rem;font-weight:600; font-size:16px;line-height:1.2;padding:10px 20px;border-radius:100px; border:1.5px solid transparent; cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);white-space:nowrap;text-transform:uppercase;letter-spacing: 0.05em;}
.btn--cta{background:var(--helper); color:#fff; box-shadow:var(--shadow-cta);}
.btn--cta:hover{ background:var(--helper-bright); transform:scale(1.03) translateY(-1px); }

.btn--ghost{background:transparent; border-color:rgba(255,255,255,.55); color:#fff;}
.btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:scale(1.03);}

.btn--blue{background:var(--primary); border-color:rgba(255,255,255,.55); color:#fff;}
.btn--blue:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.03);}

.icon-btn{width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.3);transition:background-color .18s var(--ease), transform .18s var(--ease);}
.icon-btn:hover{ background:rgba(255,255,255,.28); transform:translateY(-2px); }
.icon-btn svg{ width:19px; height:19px; }

.section-heading {
  width: 100%;display:block;padding:0;margin: 0;
  
  & .sub-title {
    display: block;width: 100%;font-size:16px;font-weight:500;color: var(--helper);letter-spacing: 0.04em;white-space: nowrap;font-family: var(--font-secondary);text-transform: uppercase;line-height: 1;margin-bottom: 10px;
  }
  & .main-title {
    display: block;width: 100%;font-size:48px;font-weight:600;color:var(--primary-dark);letter-spacing:0.04em;white-space:nowrap;text-transform: capitalize;line-height: 1.2;
  }

}

.sections-content{
  display: block;width: 100%;margin: 0;padding: 0;
  p{
    display: block;width: 100%;margin-bottom:20px;font-size:18px;font-weight: 400;color:var(--n-900);line-height:1.3;
  }
}


/* Header */
body:has(#solidHeader) .siteHeader{
  background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%,rgba(0, 68, 118, 1) 100%);
}

.siteHeader.is-scrolled{background:linear-gradient(90deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 68, 118, 0.8) 100%);backdrop-filter:blur(14px);webkit-backdrop-filter:blur(14px);padding:.65rem 0; box-shadow:0 8px 30px -12px rgba(0,0,0,.4);}

.siteHeader{
  display: block;width: 100%;margin: 0;padding: 10px 0;position:fixed; inset:0 0 auto 0; z-index:200;transition:background .35s var(--ease), padding .35s var(--ease), box-shadow .35s var(--ease);
  .navbar-nav{
    gap:24px;
    .nav-item .nav-link{
      display: inline-flex;justify-content: center;align-items: center;font-size:16px;font-weight:500;color:var(--white);font-family:var(--font-secondary);line-height: 1.2;
    
      &:hover{color:var(--helper-bright);}
      &.active {
        color: var(--helper-bright);
      }
    }
  }
  &.is-scrolled .navbar .navbar-brand {transform:scale(.8);}

  .navbar{
    .navbar-brand {
      width: auto;height: 100px;transition: transform .35s ease;transform-origin: left center;will-change: transform;
      img{width: auto;height: 100px;}
    }
    .dropdown-toggle::after{content:"\f078";border: 0;font-family:"Font Awesome 7 Free";font-weight:900;font-size: 14px;margin-left:1em;}
    
    .dropdown-menu.show{width: 100%;min-width:200px;border:1px solid var(--n-50);box-shadow:var(--shadow-card);}

    .dropdown-menu .dropdown-item{width: 100%;padding:10px 10px;color:var(--n-900);font-size:14px;line-height: 1.2;font-weight: 500;font-family:var(--font-secondary);
      &:hover,
      &:active,
      &.active{color:var(--primary);background-color:var(--n-100);}
    
    }
  }

  .navbar-toggler{
    border-color:var(--n-100);
    .navbar-toggler-icon{
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");outline:none;box-shadow: none;

    }
    &:focus{outline:none;box-shadow: none;}
  }

}

.mainHero-banner{
  display: block;position: relative;width: 100%;height: auto;
  .hero-banner {
    position: relative;width: 100%;height:100vh;overflow: hidden;
    img {width: 100%;height: 100%;object-fit: cover;display: block;}
    &::after{content: "";position: absolute;inset: 0;background: var(--banner-overlay);}
  }
  .hero-content {
    position: absolute;top:55%;left:50%;transform:translate(-50%,-55%);max-width: 700px;color: #fff;z-index: 2;text-align:center;
    
    .subtitle {display: inline-block;margin-bottom: 15px;color:var(--helper);font-weight: 600;letter-spacing: 2px;text-transform: uppercase;}
  
    h1 {font-size:48px;line-height: 1.1;margin-bottom: 20px;color:var(--white);}
    p {font-size: 1.125rem;line-height: 1.7;margin-bottom: 30px;color: rgba(255,255,255,.9);}
  }

  .hero-buttons{
    display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;

    .animated-btn{animation: btnUpDown 3.5s ease-in-out infinite;transition: none;}
    .animated-btn:hover{transition: none;transform:none;}
  }

  .wave-bg{display: block;width: 100%;background:transparent;line-height: 0;position:absolute;bottom:0;left: 0;

    svg{display:block;width:100%;height:100px}
  }
  @keyframes btnUpDown {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
  }
}

.our-service{
  display: block;width: 100%;padding:40px 0 60px 0px;margin: 0;background-color:var(--section-bg);

  .activity-grid{
    display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:10px;align-items: stretch;

    .activity-card{
      display: flex;justify-content:center;align-items: center;border-radius:20px;overflow: hidden;position:relative;

      
      .activity-img{
        display: block;width: 100%;height: 100%;position:relative;
        img{width: 100%;height: auto;}

        &::before{content: "";position: absolute;bottom: 0;
          background:linear-gradient(-180deg, transparent 60%, var(--black) 100%);opacity:0.75;width: 100%;height: 100%;
        }
      }
      .activity-content{
        display: block;width: 100%;margin: 0;padding:0 20px;
        position: absolute;bottom:20px;left: 0;z-index: 1;
        .activity-name{
          display: block;width: 100%;margin: 0;font-size:24px;color:var(--white);line-height: 1.2;font-weight:700;font-family:var(--font-primary);
        }
      }

    }
  }

}

.gallery-section{
  display: block;width: 100%;background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%,rgba(0, 68, 118, 1) 100%);padding:60px 0;margin: 0;

  .section-heading{

    .main-title{color: var(--white);}
    
    .section-tag{ 
      display:inline-flex;align-items:center;gap:10px;padding:6px 16px;border-radius:50px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);color:var(--white);font-size:16px;font-weight:500;letter-spacing: 0.04em;white-space: nowrap;font-family: var(--font-secondary);text-transform: uppercase;line-height: 1;border:1px solid rgba(255,255,255,.18);
      
      i{color:var(--secondary);}
    }
    p{color:var(--white);letter-spacing: 0.04em;font-size: 16px;line-height: 1.2;}
  }

  .gallery-section::before{
    content:"";position:absolute;inset:0;background:url(images/bubbles.png);opacity:.05;pointer-events:none;
  }

  .gallery-grid{
    display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;grid-auto-rows:180px;gap:15px;margin-top: 30px;
  }

  .gallery-item{
    position:relative;overflow:hidden;border-radius:18px;
  }

  .gallery-item img{
    width:100%;height:100%;object-fit:cover;transition:.6s;
  }

  .gallery-large{grid-row:span 2;}

  .gallery-wide{grid-column:span 2;}

  .gallery-overlay{
    position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.65));display:flex;align-items:center;justify-content:center;opacity:0;transition:.4s;
  }

  .gallery-overlay i{
    width:65px;height:65px;border-radius:50%;background:#0bb7ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;transform:scale(.5);transition:.4s;
  }
  .gallery-item:hover img{
    transform:scale(1.12);
  }

  .gallery-item:hover .gallery-overlay{
    opacity:1;
  }

  .gallery-item:hover .gallery-overlay i{
    transform:scale(1);
  }
}

.about-us{
  display: block;width: 100%;padding:0px 0 60px 0px;margin: 0;background-image:url('./images/jellys-bg.png');background-size:auto auto;background-position:bottom right;background-repeat: no-repeat;background-color:var(--section-bg);

  .about-image{
    display: block;width: 100%;margin: 0;padding: 0;border-radius: 20px;overflow: hidden;
    img{width: 100%;height: 100%;}
  }

  .about-content{
    h2{display: block;width: 100%;margin:0 0 20px;padding: 0;font-size:60px;font-weight:800;color:var(--primary-dark);line-height: 1;}

    .about-stats{
      display: flex;justify-content:space-between;align-items:center;gap:50px;padding-block:30px;
      .stat-box{
        display: flex;justify-content:space-between;align-items:center;gap:20px;

        h3{
          display: block;width: auto;font-size:50px;color:var(--helper-bright);line-height: 1.2;font-family:var(--font-secondary);
        }
        p{display: block;width: auto;font-size:20px;font-weight: 400;line-height: 1.2;color:var(--n-700);margin-bottom: 0;}
      }
    }
    p{display: block;width: auto;font-size:18px;font-weight: 400;line-height: 1.2;color:var(--n-900);margin-bottom: 20px;}

    .about-footer{
      display: flex;justify-content:flex-start;align-items:center;gap:50px;width: 100%;padding-top: 30px;
      .contact-info{
        display: flex;justify-content:flex-start;align-items:center;gap:16px;
        
        .phone-icon{
          display:inline-flex;justify-content: center;align-items: center;width:60px;height:60px;border-radius:50%;border: 1px solid var(--n-300);
          i{font-size:22px;color:var(--n-500);}
        }
        .cta-title{display: block;width: 100%;font-size: 16px;font-weight: 600;color:var(--n-700);line-height: 1.4;}

        .cta-link{
          display: block;width: 100%;font-size: 16px;font-weight: 600;color:var(--primary-dark);line-height:1.2;text-decoration: none;outline:none;box-shadow: none;

          &:hover{text-decoration:underline;outline:none;box-shadow: none;color:var(--secondary);}
        }

      }

    }
  }
}

.pricing-section{
  position:relative;padding:60px 0;overflow:hidden;background:url("./images/pricing-list.webp") center center/cover no-repeat;isolation:isolate;

  .pricing-overlay{
    position:absolute;inset:0;background:linear-gradient(90deg,rgba(0, 0, 0, 0.5) 0%,rgb(0, 68, 118, 0.5) 100%);z-index:-1;
  }

  &::before{content:"";position:absolute;inset:0;background: radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 45%);pointer-events:none;}
  
  .container-fluid{z-index:2;}

  .section-heading{
    max-width:760px;margin:0 auto 70px;
    
    h2{margin:20px 0 18px;font-size:48px;font-weight:600;color:var(--white);letter-spacing:0.04em;white-space:nowrap;text-transform: capitalize;line-height: 1;}
  
    p{display: block;width: 100%;margin-bottom:0px;font-size:18px;font-weight: 400;color:var(--n-150);line-height:1.3;}
    
    .section-tag{ 
      display:inline-flex;align-items:center;gap:10px;padding:6px 16px;border-radius:50px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);color:var(--white);font-size:16px;font-weight:500;letter-spacing: 0.04em;white-space: nowrap;font-family: var(--font-secondary);text-transform: uppercase;line-height: 1;border:1px solid rgba(255,255,255,.18);
      
      i{color:var(--secondary);}
    }
  }

  .pricing-card{
    position:relative;display:flex;flex-direction:column;height:100%;padding:30px;border-radius:28px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.35);box-shadow:0 20px 60px rgba(0,0,0,.18);transition:.45s;overflow:hidden;
  
    &:hover{transform:translateY(-12px);box-shadow:0 35px 80px rgba(0,0,0,.22);}
  
    .package-icon{width:84px;height:84px;margin:0 auto 10px;
    display:grid;place-items:center;border-radius:50%;background:var(--section-bg);font-size:34px;color:var(--primary);}
  
    .popular-tag{ 
      position:absolute;top:20px;right:20px;padding:6px 10px;border-radius:40px;background:var(--helper-bright);color:var(--white);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
    }
  
    .price{
      display:block;text-align:center;margin-bottom:12px;font-size:48px;font-weight:700;color:var(--primary-dark);line-height:1;
      
      small{font-size:16px;font-weight:500;color:var(--n-500);}
    }
  
    h3{margin-bottom:10px;text-align:center;color:var(--primary);font-size:28px;line-height: 1.2;font-weight:700;}
  
    p{text-align:center;color:var(--n-500);line-height:1.3;margin-bottom:30px;}
  
    ul{
      list-style:none;padding:0;margin:0 0 20px;
    
      li{
        display:flex;align-items:center;gap:14px;margin-bottom:8px;color:var(--n-700);
  
        i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(29,117,188,.08);color:var(--primary);font-size:.75rem;}
      }
    }
  }
  
  .pricing-card.featured{
    color:var(--white);background:linear-gradient(180deg,rgba(29,117,188,.96),rgba(19,79,128,.98));transform:scale(1.05);
    h3{color:var(--white);}
    &::after{background:var(--helper-bright);}
  
    .price{color:var(--white);}
  
    p,li,.price,.price small{color:rgba(255,255,255,.88);}
    .package-icon{background:var(--secondary);color:var(--white);}
    
    li i{background:var(--secondary);color:var(--white);
    }
  }
}

.testimonial-section {
  background: var(--section-bg);padding: 60px 0;

  .testimonial-wrap {
    max-width: 1180px;margin: 0 auto;
  }
  
  .t-header {
    width:100%;text-align: center;margin: 0 auto;
    
    .t-eyebrow {
      display: inline-flex;align-items: center;gap: 10px;font-size:14px;font-weight: 700;letter-spacing: 0.2em;text-transform: uppercase;color: var(--primary);margin-bottom: 16px;
      
      .dash {width: 26px;height: 1.5px;background: var(--primary);opacity: 0.55;}
    }

    .t-title {
      font-family:var(--font-primary);font-size:48px;font-weight: 700;color: var(--n-900);line-height: 1.25;margin-bottom: 14px;
      
      em {color: var(--primary-dark); }
    }
    
    .t-sub {font-size:16px;color: var(--n-500);line-height: 1.4;}
  }

  .t-grid {
    display: grid;grid-template-columns: repeat(3, 1fr);gap: 26px;margin-top:30px;
  
    .t-card {
      background: var(--white);border-radius: 18px;padding: 36px 32px 32px;border: 1px solid var(--n-150);transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;display: flex;flex-direction: column;
    
      &:hover {
        transform: translateY(-5px);box-shadow: 0 18px 40px rgba(10,20,24,0.09);border-color: transparent;
      }
  
      .t-quote-icon {
        width: 38px;height: 38px;border-radius: 10px;background: rgba(29,117,188,0.08);display: flex;align-items: center;justify-content: center;margin-bottom: 22px;
  
        i{width:18px;height:18px;color:var(--primary); }
      }
      
      .t-stars {
        display: flex;gap:5px;margin-bottom: 18px;
      
        i { width: 15px; height: 15px; color: var(--secondary);}
      }
      
      .t-text {
        font-size: 0.91rem;line-height: 1.75;color: var(--n-700);flex-grow: 1;margin-bottom: 28px;
      }
      
      .t-person {
        display: flex;align-items: center;gap: 14px;padding-top: 22px;border-top: 1px solid var(--n-100);
      
        .t-avatar {
          width: 46px;height: 46px;border-radius: 50%;flex-shrink: 0;display: flex;align-items: center;justify-content: center;font-family:var(--font-primary);font-weight: 700;font-size: 1rem;color: var(--white);
        }
        .t-person-info {
          .name {
            font-size: 0.87rem;font-weight: 600;color: var(--n-900);margin-bottom: 2px;
          }
      
          .role {
            font-size: 0.74rem;color: var(--n-500);
          }
        }
      
        .t-verified {
          margin-left: auto;display: flex;align-items: center;gap: 4px;font-size: 0.65rem;font-weight: 600;color: var(--secondary);letter-spacing: 0.02em;white-space: nowrap;
          
          svg { width: 13px; height: 13px; }
        }
      }
    }
  }
}

.cta{
  position:relative;padding:60px 0;overflow:hidden;isolation:isolate;

  &::after{content: "";position: absolute;inset: 0;background: var(--banner-overlay);z-index: -1;}

  .hero-video{
    position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:-2;
  }

  .section-heading{
    .sub-title{
      display: inline-flex;align-items: center;gap: 10px;padding: 6px 16px;border-radius: 50px;background: rgba(255,255,255,.12);backdrop-filter: blur(12px);color: var(--white);letter-spacing: 0.04em;white-space: nowrap;font-family: var(--font-secondary);text-transform: uppercase;line-height: 1;border: 1px solid rgba(255,255,255,.18);text-align:center;width: auto;
    }
    
    .main-title{
      white-space: wrap;
      color:var(--white);text-align: center;font-weight: 800;
      span{color:var(--secondary);}
    }
  }
  .sections-content{
    p{width: 100%; color: var(--n-150);text-align: center;margin:30px 0;}
    .btn--ghost{
      color: var(--white);
      
      i{color: var(--white);}
    }
    .icon-box-wrapper{
      display: flex;width: 100%;margin: 0;justify-content: center;align-items: center;gap:40px;margin-bottom: 30px;
      
      .icon-box{
        display: flex;flex:0 1 calc(33.33% - 40px); margin: 0;justify-content: center;align-items: center;gap:10px;

        img{max-width:60px;height: auto;width: 100%;}

        span{display: block;width: auto;color: var(--white);font-size:18px;line-height: 1.3;font-family: var(--font-primary);text-transform: capitalize;}
      
      }
    
    }
  }
}

.comman-banner{
  display: block;position: relative;width: 100%;height: auto;
  .comman-banner {
    position: relative;width: 100%;height:80vh;overflow: hidden;
    img {width: 100%;height:100%;object-fit:cover;object-position:center center;display: block;}
    &::after{content: "";position: absolute;inset: 0;background: var(--banner-overlay);}
  }
  .comman-content {
    position: absolute;top:60%;left:40px;transform:translate(0,-60%);max-width: 700px;color: #fff;z-index: 2;text-align:left;
    
    .subtitle {display: inline-block;margin-bottom: 15px;color:var(--helper);font-weight: 600;letter-spacing: 2px;text-transform: uppercase;}
  
    h1 {font-size:48px;line-height: 1.1;margin-bottom: 20px;color:var(--white);}
    p {font-size: 1.125rem;line-height: 1.7;margin-bottom: 30px;color: rgba(255,255,255,.9);}
  }

  .comman-buttons{
    display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;align-items:center;

    .animated-btn{animation: btnUpDown 3.5s ease-in-out infinite;transition: none;}
    .animated-btn:hover{transition: none;transform:none;}
  }
}

.activity-guide{
  display: block;width: 100%;padding:20px 0 20px 0px;margin: 0;background:var(--banner-overlay-dark);
  .guide-box{
    display: block;width: 100%;margin: 0;padding:0 0;
    h3{display: block;width: 100%;font-size: 18px;font-weight: 500;color:var(--white);padding:6px 0;margin:0;line-height: 1.2;}
    span{display: block;width: 100%;font-size: 16px;font-weight:400;color:var(--white);padding:0;margin:0;line-height: 1.2;}
    i{font-size:16px;color:var(--white);}
  }
}

.about-trips-section{
  display: block;width: 100%;padding:60px 0;background:var(--white);margin: 0;

  .section-heading {
    & .main-title {
      letter-spacing:0;
      white-space:wrap;
    }
  }

  .trip-list{
    display:flex;flex-direction:column;gap:20px;
  
    .trip-card{
      display:flex;align-items:flex-start;gap:18px;padding:24px;background:var(--white);border-radius:22px;box-shadow:0 8px 24px -10px rgba(10,30,40,.14);transition:.35s;
    
      &:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(10,30,40,.15);}

      .trip-icon{
        width:46px;height:46px;border-radius:50%;background:var(--n-100);display:flex;justify-content:center;align-items:center;color:var(--primary);flex-shrink:0;
        
        i{font-size:18px;}
      }

      h6{margin:0 0 5px;color:var(--n-800);font-weight:600;}
      span{font-size:14px;color:var(--n-600);}
    }
  }
  
  .image-wrapper{
    display: block;width: 100%;margin: 0;padding: 0;position:relative;border-radius:28px;

    img{width:100%;height:550px;object-fit:cover;display:block;border-radius:28px}
    
    .rating-card{
      position:absolute;left:-20px;bottom:-20px;display:flex;align-items:center;gap:18px;padding:18px 24px;background:var(--white);border-radius:20px;box-shadow:0 14px 40px -10px rgba(10,30,40,.2);
      
      .rating-icon{
        width:48px;height:48px;background:var(--n-100);border-radius:14px;display:flex;justify-content:center;align-items:center;
        
        i{color:var(--primary);font-size:20px;}
      }
    
      h5{margin:0;font-family:"Cormorant Garamond",serif;font-size:26px;color:var(--n-800);font-weight:700;}
      span{color:var(--n-600);font-size:13px;}
    }
  }
}

.comman-pricing{
  position:relative;padding:60px 0;overflow:hidden;background-color:var(--section-bg);isolation:isolate;  
  
  .section-heading{
    max-width:760px;margin:0 auto 0;
    
    h2{margin:20px 0 18px;font-size:48px;font-weight:600;color:var(--primary-dark);letter-spacing:0.04em;white-space:nowrap;text-transform: capitalize;line-height: 1;}
  
    p{display: block;width: 100%;margin-bottom:0px;font-size:16px;font-weight: 400;color:var(--n-700);line-height:1.5;}
    
    .section-tag{ 
      display:inline-flex;align-items:center;gap:10px;padding:6px 16px;border-radius:50px;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);color:var(--helper);font-size:16px;font-weight:500;letter-spacing: 0.04em;white-space: nowrap;font-family: var(--font-secondary);text-transform: uppercase;line-height: 1;border:1px solid rgba(255,255,255,.18);
      
      i{color:var(--secondary);}
    }
  }

  .pricing-card{
    position:relative;height:100%;padding:35px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:.35s var(--ease);

    &:hover{transform:translateY(-8px);}

    &.featured{
      background:linear-gradient(160deg,var(--primary),var(--primary-dark));color:var(--white);

      .pricing-heading{
          i,h3{color:var(--white);}
      }

      .price-item{
        border-color:rgba(255,255,255,.15);

        span{color:rgba(255,255,255,.9);}
        small{color:rgba(255,255,255,.6);}
        strong{color:var(--white);}
      }

      .featured-text{margin-top:25px;margin-bottom:0;font-size:13px;color:rgba(255,255,255,.65);}
    }

    .pricing-badge{position:absolute;top:20px;right:20px;padding:6px 14px;border-radius:50px;background:rgba(255,255,255,.15);color:var(--white);font-size:12px;font-weight:600;}

    .pricing-heading{
      display:flex;align-items:center;gap:12px;margin-bottom:28px;

      i{font-size:18px;color:var(--primary);}
      h3{margin:0;font-size:18px;font-weight:600;color:var(--n-800);}

      &.helper{
          i{color:var(--helper);}
      }
    }

    .price-item{
      display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--n-150);

      span{display:block;font-size:15px;color:var(--n-700);}
      small{display:block;margin-top:3px;font-size:12px;color:var(--n-300);}
      strong{font-size:18px;font-weight:700;color:var(--n-900);}
    }

    .pricing-note{
      margin-top:24px;padding:20px;background:var(--n-100);border-radius:var(--radius-md);

      h6{margin-bottom:12px;font-weight:600;color:var(--n-800);}
    }

    .pricing-warning{
      margin-top:24px;padding:18px;background:var(--n-100);border-left:4px solid var(--helper);border-radius:var(--radius-md);color:var(--helper);font-size:14px;line-height:1.7;
    }
  }
}

.page-testimonial{
  background-color:var(--white);padding:60px 0;

  .t-header {
    width:100%;text-align:left;margin: 0 auto;
  }

  & .t-grid {
    & .t-card {
      background: #EDF2F345;

      .t-person {
        padding-top: 0;
        padding-bottom:22px;
      }

    }
  }

  .total-review{
    display:flex;justify-content:center;align-items:center;gap:30px;width:100%;margin:0 auto;padding:20px;border-radius:20px; background-color:var(--n-100);
    
    .rank-num{
      display: block;width: auto;font-size: 48px;font-weight: 700;color:var(--primary-dark);line-height: 1;text-align:center;
      
      .rank-stars{
        margin-top:6px;display:flex;justify-content:flex-start;align-items:center;gap:6px;
        i{font-size: 16px;color:var(--secondary);}
      }
    }
    
    .rank-text{
      h6{display: block;width: 100%;margin: 0 auto;text-align:left; font-size:16px;font-weight:600;line-height:1.5;color:var(--n-800);}
      span{display: block;width: 100%;margin: 0 auto;text-align:left; font-size:14px;font-weight:400;line-height: 1.2;color:var(--n-700);}
    }
  }
}

footer{
  display: block;width: 100%;margin: 0;padding:40px 0 20px;background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%,rgba(0, 68, 118, 1) 100%);
  
  .footer-logo-left{
    display: block;width: 100%;margin: 0;padding: 0;

    a{
      display: block;width: 100%;text-decoration: none;outline:none;box-shadow:none;margin:0 0 10px;
      img{width:auto;}
    }

    p{display: block;width: 100%;margin: 0 0 20px;color: var(--white);font-size: 16px;font-weight: 400;line-height: 1.4;}

    .social-media{
      display: flex;justify-content: flex-start;align-items: center;gap:10px;
      .icon{
        display: inline-flex;justify-content: center;align-items: center;width: auto;padding:8px;background-color:var(--primary-dark);border-radius:50%;width:40px;height:40px;

        i{font-size: 16px;color:var(--white);}
      }
    }
  }
  
  .footer-menu{
    display: block;width: 100%;margin: 0 auto;

    .footer-title{
      display: block;width: 100%;text-align: left;font-size: 20px;color:var(--white);font-weight: 600;line-height: 1.4;margin-bottom:12px;
    }

    ul{
      list-style-type: none;margin: 0;padding: 0;
      li{
        padding-bottom: 10px;
        a{
          display: inline-flex;justify-content:flex-start;align-items: flex-start; gap:6px;text-decoration: none;outline: none;box-shadow: none;font-size: 14px;font-weight: 500;color:var(--n-100);line-height:1.2;
          letter-spacing:0.06px;
          &:hover{
            color:var(--helper-bright);
          }
          i{font-size: 16px;color:var(--white);line-height: 1.2;}
        }
      }
    }

  }

  .copy-rights{
    display: block;width: 100%;margin:20px 0 0;padding:20px 0 0;border-top:1px solid var(--n-300);

    p{display: block;width: 100%;margin: 0 auto;text-align: center; font-size: 16px;font-weight: 500;line-height: 1.2;color:var(--white);}
  }
}

.gallery-lightbox {
  display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.7);z-index: 9999;align-items: center;justify-content: center;padding: 40px;
  
  &.active {display: flex;}

  /* Stage holds prev-arrow + image + next-arrow together, centered as one unit */
  .lightbox-stage {
    display: flex;align-items: center;justify-content: center;gap: 24px;max-width: 100%;max-height: 100%;
  }
  
  .lightbox-content {
    position: relative;max-width: 78vw;max-height: 82vh;display: flex;flex-direction: column;align-items: center;
  }

  .lightbox-content img {
    max-width: 100%;max-height: 82vh;width: auto;height: auto;display: block;object-fit: contain;border-radius: 4px;
  }

  .lightbox-close {
    position: absolute;top: 20px;right: 24px;background: none;border: none;color: #fff;font-size: 26px;cursor: pointer;opacity: 0.75;transition: opacity 0.2s ease;z-index: 2;
  }

  .lightbox-close:hover {opacity: 1;}

  .lightbox-nav {
    flex-shrink: 0;background: none;border: none;color: #fff;font-size: 30px;cursor: pointer;opacity: 0.6;padding: 12px;transition: opacity 0.2s ease, transform 0.15s ease;
  }

  .lightbox-nav:hover {
    opacity: 1;  transform: scale(1.1);
  }
}

.contact-section{
  display: block;width: 100%;padding:60px 0;margin: 120px 0 0 0;background:var(--section-bg);
  .sections-content{text-align:right;}
  .contact-card{
    padding:40px;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--n-150);box-shadow:var(--shadow-card);height: 100%;

    label{
      display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--n-800);
    }

    .form-control,
    .form-select{
      height:56px;padding:0 20px;background:var(--n-50);border:1px solid var(--n-150);border-radius:var(--radius-sm);font-size:15px;color:var(--n-700);box-shadow:none;

      &:focus{
        border-color:var(--primary);
        box-shadow:none;
        background:var(--white);
      }
    }

    textarea.form-control{
      height:160px;padding:18px 20px;resize:none;
    }

    .contact-btns{
      display:flex;align-items:center;gap:15px;margin-top:10px;
    }
  }

  .contact-image{
    position:relative;height:100%;min-height:720px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--n-150);
  
    img{
      width:100%;height:100%;object-fit:cover;
    }
  
    .image-badge{
      position:absolute;top:25px;right:25px;padding:10px 20px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-radius:50px;font-size:12px;font-weight:600;color:var(--n-900);
    }
  }
}

.contact-info-section{
  padding:60px 0;border-top:1px solid var(--n-150);

  .info-card{
    display:flex;align-items:flex-start;gap:20px;

    .info-icon{
      width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--n-100);border-radius:50%;transition:.35s var(--ease);

      i{font-size:22px;color:var(--primary);}
    }

    .info-content{
      h4{margin-bottom:12px;font-family:"Cormorant Garamond",serif;font-size:28px;font-weight:500;color:var(--n-900);}

      p{margin-bottom:6px;font-size:17px;font-weight:600;color:var(--n-800);}
      a{margin-bottom:6px;font-size:17px;font-weight:600;color:var(--helper);text-decoration:none;outline:none;box-shadow:none;border: 0;}
      a:hover{color:var(--n-900);}

      span{display:block;font-size:15px;color:var(--n-500);}
    }

    &:hover{
      .info-icon{
        background:var(--primary);
        i{color:var(--white);}
      }
    }
  }
}

.location-section{
  padding:60px 0;background:var(--section-bg);
  .section-heading{
    .main-title{
      span{color:var(--helper);}
    }
  }

  .map-wrapper{
    overflow:hidden;border-radius:var(--radius-md); box-shadow:var(--shadow-card);background-color:var(--white);

    iframe{width:100%;height:500px;border:0;display:block;}

  }
}

.educational-page{
  display: block;width: 100%;padding:60px 0 0;margin: 120px 0 0 0;background:var(--white);
  &.blue-bg{background:var(--section-bg);padding:60px 0;}

  .section-heading{
    .main-title{white-space:wrap;
      span{color:var(--helper);}
    }
  }

  .sections-content{
    p{width: 100%;color: var(--n-700);text-align:left;margin:0 0 12px;font-size: 16px;line-height: 1.5;font-weight: 400;}

    .small-text{color: var(--n-500);font-size: 14px;line-height: 1.4;}

  }

  .chapter{
    display: block;width: 100%;padding:60px 0;margin:0;background:var(--section-bg);

    .normal-image{display: block;width: 100%;margin: 0;padding: 0;border-radius: var(--radius-md);overflow: hidden;
      img{width: 100%;height: 100%;object-fit: cover;}
    }

    .content-gallery{
      padding:60px 0;

      .gallery-stack{
        position:relative;height:500px;margin:0 1rem 1rem 0;
  
        img{
          position:absolute;object-fit:cover;border:6px solid var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:.35s var(--ease);
  
          &:hover{ 
            box-shadow:0 22px 40px rgba(10,20,24,.35);z-index:10 !important;
          }
        }
  
        .g-1{
          width:62%;height:65%;top:0;left:0;transform:rotate(-4deg);z-index:1;
  
          &:hover{
            transform:rotate(-4deg) scale(1.03);
          }
        }
  
        .g-2{
          width:46%;height:42%;top:4%;right:0;transform:rotate(5deg);z-index:2;
  
          &:hover{
            transform:rotate(5deg) scale(1.04);
          }
        }
  
        .g-3{
          width:40%;height:38%;bottom:0;left:6%;transform:rotate(3deg);z-index:3;
  
          &:hover{
            transform:rotate(3deg) scale(1.04);
          }
        }
  
        .g-4{
          width:38%;height:40%;bottom:6%;right:8%;transform:rotate(-6deg);z-index:4;
  
          &:hover{
            transform:rotate(-6deg) scale(1.04);
          }
        }
      }

    }

    &.bg-light{
      .content-gallery{
        .gallery-stack{
          margin: 0 0 1rem 1rem;
          .g-1{
            width:62%;height:65%;top:0;right:0;transform:rotate(5deg);z-index:1;margin:0 0 0 auto;
    
            &:hover{
              transform:rotate(5deg) scale(1.04);
            }
          }
  
          .g-2{
            width:46%;height:42%;top:40px;left:0;transform:rotate(-4deg);z-index:2;
            
            &:hover{
              transform:rotate(-4deg) scale(1.03);
            }
          }
        }
      }
    }

    .species-list{
      display: flex;flex-direction:column;justify-content: flex-start;align-items:stretch;gap: 20px;flex-wrap: wrap;

      .species{
        flex: 1 0 calc(33.33% - 20px);display: block;margin: 0;padding: 0;background-color:var(--white);padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow-card);
        
        .species-name{display:block;width:100%;font-size:20px;font-weight:800;color:var(--helper);margin-bottom:6px;}

        .species-content{display:block;width:100%;font-size:16px;font-weight:400;color:var(--n-700);margin-bottom:0;}
      }
    }
  }
}

.guide-page{
  display: block;width: 100%;padding:60px 0;margin: 0 0 0 0;
  background:var(--section-bg);

  .section-heading{
    .main-title{white-space:wrap;
      small{color:var(--helper);font-size:24px;}
    }
  }

  .condition-wrapper{
    border:1px solid var(--n-150);border-radius:var(--radius-md);overflow: hidden;
  }

  .condition-content{
    height:100%;padding:40px;border-right:1px solid var(--n-150);background-color:var(--white);

    p{
      margin:0;font-size:18px;line-height:1.9;font-weight:300;color:var(--n-700);
    }
  }

  .condition-stats{
    height:100%;padding:40px;background:var(--n-50);display:flex;flex-direction:column;gap:30px;

    .condition-item{
      small{
        display:block;margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--helper);
      }

      strong{
        display:block;font-family:var(--font-primary);font-size:22px;font-weight:500;color:var(--n-900);
      }
    }
  }
}

.marine-life-section{
  padding:60px 0;background:var(--white);
  .section-heading{
    .main-title{white-space:wrap;
      small{color:var(--helper);font-size:24px;}
    }
  }

  .section-description{
    margin-bottom:20px;font-size:15px;line-height:1.9;color:var(--n-500);
  }

  .species-list{
    .species-item{
      display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #5C6F762B;

      .species-name{
        display:flex;align-items:center;gap:14px;font-size:15px;color:var(--n-700);

        .dot{
          width:7px;height:7px;border-radius:50%;background:rgba(29,117,188,.5);
        }
      }

      &.special{
        .species-name{
          font-weight:600;color:var(--helper);

          .dot{
            background:var(--helper);
          }
        }

        .season-tag{
          padding:5px 12px;border:1px solid var(--helper);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--helper);
        }
      }
    }
  }

  .marine-image{
    position:relative;overflow:hidden;border-radius:var(--radius-lg);

    img{
      width:100%;height:650px;object-fit:cover;display:block;
    }

    .image-content{
      position:absolute;left:0;right:0;bottom:0;padding:40px;background:linear-gradient(to top,rgba(10,20,24,.95),rgba(10,20,24,.4),transparent);

      h3{
        margin-bottom:8px;font-family:"Cormorant Garamond",serif;font-size:34px;font-weight:500;color:var(--white);
      }

      p{
        margin:0;font-size:15px;color:var(--n-150);
      }
    }
  }
}

.guide-quote{
  display: block;width: 100%;padding:40px 0;margin: 0;background:var(--banner-overlay-dark);

  .quote{
    display: block;width: 100%;border-left:2px solid var(--helper);padding:0 0 0 20px;

    h5{
      display: block;width: 100%;margin: 0 0 20px;font-size:22px;font-family:var(--font-primary);font-weight: 500;color: var(--secondary);line-height: 1.4;
    }
    
    span{
      display: block;width: 100%;margin: 0;font-size:20px;font-family:var(--font-primary);font-weight: 500;color: var(--n-150);line-height: 1.4;
    }
  }
}

.island-section{
  padding:60px 0;

  .section-heading{
    .main-title{white-space:wrap;
      small{color:var(--helper);font-size:24px;}
    }
  }

  .outer-island-wrapper{
    overflow:hidden;border:1px solid var(--n-150);border-radius:var(--radius-md);
  }

  .outer-island-content{
    height:100%;padding:40px;border-right:1px solid var(--n-150);

    p{
      margin:0 0 25px;font-size:16px;line-height:1.9;color:var  (--n-500);
    }

    p:last-child{
      margin-bottom:0;
    }
  }

  .outer-island-stats{
    height:100%;padding:40px;background:var(--n-50);display:flex;flex-direction:column;gap:30px;

    .stat-item{
      display:flex;align-items:flex-start;gap:18px;

      .stat-icon{
        width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--white);border-radius:50%;box-shadow:var(--shadow-card);

        i{
          font-size:18px;color:var(--helper);
        }
      }

      .stat-content{
        small{
          display:block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--helper);
        }

        strong{
          display:block;font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:500;color:var(--n-900);
        }
      }
    }
  }
}

.course-section{
  display: block;width: 100%;padding:60px 0;margin: 120px 0 0 0;background:var(--section-bg);
  .section-heading{
    .sub-title,
    .main-title{
      text-align:center;white-space: wrap;
      span{color:var(--secondary);}
    }
  }
  .sections-content{text-align:center;}
}

.diving-course-section{
  padding:60px 0;
  .section-heading{
    .main-title{
      white-space: wrap;
      span{color:var(--helper);}
    }
  }

  .sections-content{
    p{color:var(--n-700)}
    p:last-child{
      margin-bottom:0;
    }
  }

  .course-wrapper{
    margin-top:20px;
  }

  .course-card{
    height:100%;padding:30px;background:var(--white);border:1px solid var(--n-150);border-radius:var(--radius-md);transition:.35s var(--ease);

    &:hover{
      transform:translateY(-6px);box-shadow:var(--shadow-card);
    }

    .card-number{
      width:52px;height:52px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;background:var(--primary-dark);border-radius:50%;font-family:var(--font-primary);font-size:20px;font-weight:600;color:var(--white);
    }

    h3{
      margin-bottom:16px;font-family:var(--font-primary);font-size:32px;font-weight:500;color:var(--n-900);
    }

    p{
      margin:0;font-size:16px;line-height:1.8;color:var(--n-800);
    }
  }
}

.course-price-section{
  padding:60px 0;border-top:1px solid var(--n-150);

  &.section-bg{
      background:var(--section-bg);
  }

  .section-heading{
    max-width:600px;margin-bottom:30px;

    .sub-title{
      text-transform:uppercase;color:var(--helper);
    }
  }

  .course-card{
    height:100%;padding:40px;background:var(--white);border:1px solid var(--n-150);border-radius:var(--radius-md);box-shadow:var(--shadow-card);

    .card-label{
      display:inline-block;margin-bottom:18px;padding:7px 14px;background:var(--n-100);border-radius:50px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);
    }

    h3{
      margin-bottom:30px;font-family:"Cormorant Garamond",serif;font-size:30px;font-weight:500;color:var(--n-900);
    }

    .course-list{
      margin:0;padding:0;list-style:none;

      li{
        display: block;padding:16px 0;border-bottom:1px solid var(--n-150);

        &:last-child{
          border-bottom:none;
        }

        a{
          display:flex;justify-content:space-between;align-items:center;outline:none;box-shadow: none;border: 0;text-decoration: none;

          span{
            color:var(--n-700);
            flex:1 1 75%;
          }
          
          strong{
            flex:1 0 20%;
            color:var(--primary);
            font-size:17px;
            font-weight:600;
            text-align:end;
          }

          &:hover{
            span{
              color:var(--helper);
            }
            outline:none;box-shadow: none;border: 0;text-decoration: none;
          }
        }
      }
    }
  }

  .course-note{
    margin-top:0;padding:10px;background:var(--n-50);border-radius:var(--radius-sm);font-size:16px;line-height:1.7;color:var(--n-800);text-align:center;

    small{color:var(--primary);font-weight:600;margin-right: 10px;}

    strong{
      color:var(--helper);
    }
  }
}

.partners-section{
  padding:60px 0;border-top:1px solid var(--n-150);background:var(--section-bg);

  .section-heading{
    margin-bottom:20px;

    .sub-title{color:var(--helper);}
  }

  .partner-card{
    height:240px;padding:20px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--n-150);border-radius:var(--radius-sm);transition:.35s var(--ease);

    img{
      max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:.35s var(--ease);
    }

    &:hover{
      border-color:var(--primary);box-shadow:var(--shadow-card);transform:translateY(-4px);
    }
  }
}

.comman-activity{
  display: block;width: 100%;background-color:var(--section-bg);padding:60px 0;

  .activity-card{
    display: flex;gap:20px;justify-content: space-between;align-items: center;width: 100%;border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin:0;overflow:hidden;padding:30px;background-color:var(--white);

    .activity-image{
      display: block;width: 100%;height:auto;margin: 0;padding: 0;flex: 1 0 310px;
      
      img{
        width:100%;height:auto;border-radius:10px;
      }
    }

    .activity-content{
      flex: 1 0 calc(100% - 310px);display: block;width: 100%;padding:0;margin: 0;

      .activity-name{
        display: block;width: 100%;color:var(--primary);font-size:30px;font-weight:700;line-height: 1.2;margin-bottom:10px;text-transform: uppercase;
      }

      p{
        display: block;width: 100%;color:var(--n-800);font-size:18px;font-weight:400;line-height: 1.4;margin:0 0 20px 0;white-space:wrap;
      }

      a{
        display:inline;width:auto;color:var(--primary);font-size:18px;font-weight:400;line-height: 1.4;text-decoration: none;outline: none;box-shadow:none;

        &:hover{
          text-decoration:underline;outline:none;box-shadow:none;color:var(--n-800);
        }
      }

      ul{
        display: block;width: 100%;padding:0 30px;list-style-type: disc;margin:0;

        li{
          font-size:16px;color: var(--n-700);font-weight: 400;line-height: 1.4;margin-bottom: 10px;
          b{color:var(--primary-dark);}
        }
      }

      .btn--blue{color:var(--white);font-size: 14px;text-transform:capitalize;}
    }
  }
}

.equipment-rental-section{
  padding:60px 0;border-top:1px solid var(--n-150);background:var(--white);

  .equipment-card{
    padding:50px;background:var(--n-50);border:1px solid var(--n-150);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);
  }

  .equipment-content{
    .main-title{
      small{
        font-size:22px;font-weight:500;color:var(--n-500);
      }
    }

    p{
      margin-bottom:30px;font-size:16px;line-height:1.8;color:var(--n-500);
    }
  }

  .equipment-list{
    display:flex;flex-wrap:wrap;gap:14px;

    span{
      display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--white);border:1px solid var(--n-150);border-radius:50px;font-size:14px;color:var(--n-700);

      i{
        color:var(--primary);
        font-size:15px;
      }
    }
  }
}

.blue-sentinel-section{
    padding:60px 0;margin:0 0 0;position:relative;

    &::after {
      content: "";
      position: absolute;
      right:0;
      bottom:0;
      background: url('../assets/images/sustainable-bg.webp') no-repeat right bottom / contain;
      width:537px;
      height: 742px;
      opacity: 0.55;
      z-index: -1;
    }

    .sentinel-image{
      position:relative;height:100%;

      img{
        width:100%;height:auto;min-height:auto;object-fit:cover;border-radius:var(--radius-md);
      }
    }

    .sentinel-content{
      height:100%;padding:0;display:flex;flex-direction:column;
    }

    .section-title{
      display:flex;align-items:center;gap:20px;margin-bottom:16px;

      span{
        color:var(--helper);font-size:12px;font-weight:700;letter-spacing:.18em;
      }

      .title-line{
        flex:1;height:2px;background:var(--n-150);position:relative;

        &::after{
          content:"";position:absolute;right:0;top:50%;width:10px;height:10px;background:var(--primary);border-radius:50%;transform:translateY(-50%);
        }
      }
    }

    .section-heading{
      .main-title{
        font-size:40px;line-height: 1.2;
        span{
          display:block;color:var(--secondary);
        }
      }
      margin-bottom:30px;
    }

    .sentinel-item{
      display:flex;gap:25px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--n-150);

      &.last{border:none;margin-bottom:20px;}

      .item-icon{
        width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--n-100);border-radius:50%;

        i{
          color:var(--primary);
          font-size:30px;
        }
      }

      .item-content{
        h4{
          margin-bottom:10px;font-size:22px;line-height: 1.2;font-family:var(--font-primary);color:var(--primary-dark);font-weight:600;
        }

        p{font-size: 16px;font-weight:400;margin:0;line-height:1.4;color:var(--n-500);
        }
      }
    }

  .sentinel-footer{
    display:flex;justify-content:flex-start;align-items:center;gap:25px;margin-top:auto;
  }
  .footer-logo{
    img{
      width:150px;height: auto;
    }
  }
}

.dive-season-section{
  padding:60px 0;background-color:var(--section-bg);

  .section-tag{ 
    display:inline-flex;align-items:center;gap:10px;padding:6px 16px;border-radius:50px;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);color:var(--helper);font-size:14px;font-weight:500;letter-spacing: 0.04em;white-space: nowrap;font-family: var(--font-secondary);text-transform: uppercase;line-height: 1;border:1px solid rgba(255,255,255,.18);margin-bottom: 20px;
    
    i{color:var(--helper);}
  }

  .section-heading{
    .main-title{
      span{color:var(--secondary);}
    }
  }

  .section-description{
    margin-bottom:30px;font-size:16px;line-height:1.9;color:var(--n-700);
  }

  .highlight-box{
    padding:24px;background:rgba(32,199,202,.08);border:1px solid rgba(32,199,202,.35);border-radius:var(--radius-md);

    small{
      display:block;margin-bottom:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--primary-dark);
    }

    h4{
      margin-bottom:10px;font-size:30px;font-family:"Cormorant Garamond",serif;font-weight:600;color:var(--n-900);
    }

    p{
      margin:0;font-size:15px;line-height:1.7;color:var(--n-700);
    }
  }

  .season-image{
    overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);

    img{
      width:100%;height:440px;object-fit:cover;transition:.4s var(--ease);
    }

    &:hover img{
      transform:scale(1.05);
    }
  }
}

.marine-life-section{
  padding:60px 0 0;background-color:var(--section-bg);

  .section-heading{
    .main-title{
      span{
        font-style:italic;color:var(--primary);
      }
    }

    p{
      max-width:760px;margin:0 auto;font-size:17px;line-height:1.8;color:var(--n-700);
    }
  }

  .fish-tags{
    display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:30px 0 0 0;

    span{
      padding:12px 24px;background:var(--white);border:1px solid var(--n-150);border-radius:50px;font-size:15px;font-weight:500;color:var(--n-900);box-shadow:var(--shadow-card);transition:.3s var(--ease);cursor:pointer;
    }

    span:hover{
      background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateY(-3px);
    }
  }
}

.whale-shark-section{
  padding:30px 0 60px 0;background-color:var(--section-bg);

  .whale-card{
    overflow:hidden;background:var(--n-900);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);
  }

  .whale-image{
    img{
      width:100%;height:100%;min-height:500px;object-fit:cover;
    }
  }

  .whale-content{
    padding:70px 60px;

    .section-label{
      display:inline-block;margin-bottom:20px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--secondary);
    }

    h2{
      margin-bottom:25px;font-size:clamp(2.4rem,4vw,3.8rem);font-family:"Cormorant Garamond",serif;font-weight:600;color:var(--white);
    }

    p{
      margin-bottom:40px;font-size:17px;line-height:1.9;color:var(--n-300);

      strong{
        color:var(--white);font-weight:600;
      }

      span{
        color:var(--secondary);font-weight:600;
      }
    }

    .btn-group-custom{
      display:flex;flex-wrap:wrap;gap:16px;
    }
  }
}

.hotel-partners-section{
  padding:60px 0;
  &.bg_blue{background-color:var(--section-bg);}
  
  .section-heading{
    display:flex;align-items:center;gap:18px;margin-bottom:30px;

    .heading-icon{
      width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(29,117,188,.1);border-radius:50%;

      i{
        color:var(--primary);font-size:20px;
      }
    }
  }

  .hotel-card{
    height:100%;overflow:hidden;background:var(--white);border:1px solid var(--n-150);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:.35s var(--ease);

    &:hover{
      transform:translateY(-6px);box-shadow:0 20px 45px rgba(10,20,24,.18);

      .hotel-image img{
        transform:scale(1.08);
      }
    }

    .hotel-image{
      overflow:hidden;height:240px;

      img{
        width:100%;height:100%;object-fit:cover;transition:.5s var(--ease);
      }
    }

    .hotel-content{
      padding:28px;

      .hotel-title{
        display:flex;align-items:center;gap:10px;margin-bottom:16px;

        i{
          color:var(--secondary);font-size:15px;
        }

        h3{
          margin:0;font-size:26px;font-family:"Cormorant Garamond",serif;font-weight:600;color:var(--n-900);
        }
      }

      p{
        margin-bottom:24px;font-size:15px;line-height:1.8;color:var(--n-700);min-height:108px;max-height:108px;overflow: hidden;line-clamp:4;-webkit-line-clamp:4;
      }

      .hotel-btn{
        display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:rgba(29,117,188,.1);border-radius:50px;font-size:14px;font-weight:600;color:var(--primary);text-decoration:none;transition:.3s var(--ease);

        &:hover{
          background:var(--primary);color:var(--white);
        }
      }
    }
  }
}

.world-sea{
  display: block;width: 100%;padding:60px 0;margin: 0;
  .section-heading{
    .main-title{
      span{color:var(--secondary);}
    }
  }
  .section-description{
    p{
      font-size:18px;color:var(--n-700);line-height: 1.6;
    }
    p:last-child{margin-bottom: 0;}
  }
}

.you-may-find{
  display: block;width: 100%;padding:60px 0;margin: 0;background-color:var(--section-bg);

  .list{
    display: flex;width: 100%;margin: 0;padding:20px 0 0;
    justify-content: flex-start;align-items: center;gap:10px;flex-wrap: wrap;

    span{
      display: inline-flex;justify-content: center;align-items: center;padding:10px 12px;background-color:var(--white);line-height: 1.2;font-size:16px;color:var(--n-700);font-weight: 400;border:1px solid var(--n-50);border-radius:var(--radius-lg);letter-spacing:1.5px;

      &:hover{color:var(--primary);border:1px solid var(--primary);}
    }
  }
}
/*========================================
=            Marine Species Tabs         =
========================================*/

.marine-species-section{
  padding:60px 0;
  background:var(--white);

  .section-heading{
    max-width:750px;
    margin:0 auto;
    text-align:center;
  }
  
  .section-content{
    p{
      max-width:750px;
      text-align: center;
      margin:0 auto 50px;
    }
  }

  .species-tabs{
    border:none;
    justify-content:flex-start;align-items: center;
    gap:14px;
    margin-bottom:40px;position:sticky;top: 120px;left: 0;

    .nav-link{
      padding:10px 20px;background:var(--n-150);border:1px solid var(--n-200);border-radius:50px;color:var(--n-700);font-size:14px;font-weight:600;transition:.3s;width: 100%;text-align:left;text-transform:capitalize;

      &:hover{
        background:var(--primary);
        border-color:var(--primary);
        color:#fff;
      }

      &.active{
        background:var(--primary);
        border-color:var(--primary);
        color:#fff;
      }
    }
  }

  .tab-content{
    margin-top:10px;
  }

  .species-card{
    padding:20px;
    height:100%;
    overflow:hidden;
    background:var(--white);
    border:1px solid var(--n-150);
    border-radius:20px;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    transition:.35s;

    &:nth-child(even){
      .row{
        flex-direction: row-reverse;
      }
    }

    &:hover{
      transform:translateY(-8px);
      box-shadow:0 18px 45px rgba(0,0,0,.12);
    }

    .species-image{
      position:relative;
      height:100%;
      overflow:hidden;
      
      img{
        border-radius:20px;
        width:475px;
        height:100%;
        max-height:425px;
        object-fit:cover;
      }

      .image-overlay{
        position:absolute;
        inset:0;
        background:linear-gradient(to top, rgba(0,0,0,.65), transparent);
      }
    }

    .species-details{
      padding:0px;
      .species-name{
        display: block;width: 100%;margin-bottom: 10px;font-size:24px;font-weight: 700;font-family:var(--font-primary);line-height: 1.4;color:var(--helper);text-transform: capitalize;
      }
      p{
        display: block;width: 100%;margin-bottom: 10px;font-size:16px;font-weight:400;line-height: 1.5;color:var(--n-800);
      }
      ul{
        padding-left:16px;list-style-type: disc;
        li{
          font-size: 16px;font-weight: 400;color: var(--n-700);line-height: 1.4;margin-bottom: 10px;
          b{color:var(--primary-dark);}
        }
      }
    }
  }
}