:root {
    --primary: #7ae3e2;
    --secondary: #00293a;
}

@font-face {
    font-family: 'Alverata Informal';
    src: url('../fonts/alveratainformal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}

html{
      scroll-behavior: smooth;
}

body {
    font-family: 'Alverata Informal', serif;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p{
    margin: 0;
    padding: 0;
    line-height: inherit;
}

h1, h2, h3, h4, h5, h6{
 font-family: "Boldonse", system-ui;
}

 
ul, ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    color: inherit;
    text-decoration: none;
}
a:hover, a:focus{
    color: inherit;
    text-decoration: none;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
button:focus {
    outline: 0;
    box-shadow: none;
}

.font_48{
    font-size: 48px;
}

.font_20{
    font-size: 20px;
}

.font_18{
    font-size: 18px;
}

.font_16{
    font-size: 16px;
}

.clr_aqua{
    color:var(--primary)
}

.clr_navy{
    color:var(--secondary)
}

.clr_black{
    color:#000000;
}

.font-bold{
    font-weight: bold !important;
}
.font-300{
    font-weight: 300 !important;
}
.font-400{
    font-weight: 400 !important;
}
.font-500{
    font-weight: 500 !important;
}
.font-600{
    font-weight: 600 !important;
}

.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}
.pt-90{padding-top:90px;}
.pt-100{padding-top:100px;}

.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.pl-60{padding-left:60px;}
.pl-70{padding-left:70px;}
.pl-80{padding-left:80px;}
.pl-90{padding-left:90px;}
.pl-100{padding-left:100px;}

.py-10{padding-top:10px; padding-bottom:10px;}
.py-20{padding-top:20px; padding-bottom:20px;}
.py-30{padding-top:30px; padding-bottom:30px;}
.py-40{padding-top:40px; padding-bottom:40px;}
.py-50{padding-top:50px; padding-bottom:50px;}
.py-60{padding-top:60px; padding-bottom:60px;}
.py-70{padding-top:70px; padding-bottom:70px;}
.py-80{padding-top:80px; padding-bottom:80px;}
.py-90{padding-top:90px; padding-bottom:90px;}
.py-100{padding-top:100px; padding-bottom:100px;}

.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-60{padding-right:60px;}
.pr-70{padding-right:70px;}
.pr-80{padding-right:80px;}
.pr-90{padding-right:90px;}
.pr-100{padding-right:100px;}

.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}
.pb-90{padding-bottom:90px;}
.pb-100{padding-bottom:100px;}

.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}

.mb-10{margin-bottom:10px ;}
.mb-20{margin-bottom:20px !important;;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}

.mt-140 {
    margin-top: 140px;
}


/* header_section */

header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    transform: translateY(0);
    transition: transform 0.4s ease-in-out,
                background 0.4s ease-in-out;
}

header.header-hidden {
    transform: translateY(-100%);
}

header.header-bg {
   background: rgba(24, 75, 125, 0.68);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

header .navbar-brand img {
    width: 95px;
    object-fit: contain;
}

header .navbar-nav.ms-auto li a {
    font-size: 18px;
    color: #ffffff;
    padding: 5px 28px !important;
}

/* banner_sec */

section.cry_banner {
    background: url(../images/banner_bg.png);
    width: 100%;
    position: relative;
    background-position: top;
    background-size: cover;
    height: 100vh;
    padding-top: 120px;
    overflow: hidden;
}
.banner_text h1 {
    color: #ffffff;
    font-size: 40px;
    line-height: 63px;
    margin-bottom: 24px;
    position: relative;
    height: 130px;
}

 .banner_text .h1_span1 {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    top: 0;
}

 .banner_text .h1_span2 {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: 0;
    white-space: nowrap;
}

.banner_text p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
}

.banner_p {
    opacity: 0;
   transform: translate(-25%, 0%);
}

.cry_banner_inner.position-relative {
    height: calc(100vh - 120px);
}

.mountaine_img {
    background: url(../images/banner_mountain.png);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: calc(100% - 280px);
    background-repeat: no-repeat;
    background-size: 150% auto;
    background-position: 0 0;
}

.banner_cloud {
    position: absolute;
    /* bottom: -530px; */
    bottom: 0px;
    width: 100%;
    height: 490px;
    object-fit: cover;
    object-position: top;
    z-index: 3;
}
.wiskey_bottel {
    width: 23.2vw;
    position: absolute;
    right: 0;
    bottom: -126px;
    z-index: 2;
    transform: translate(0px, 100%);
    isolation: isolate;
    overflow: visible;
}

.wiskey_bottel img{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 2;
}
#fogCanvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9;
}

.banner_bottam {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: end;
    justify-content: space-between;
    bottom: 20px;
    width: 100%;
    transform: translate(0px, 120%);
}

.banner_bottam ul.nav.gap-3 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.banner_bottam .bottam_text {
    width: 50%;
}

.banner_bottam .bottam_text h2 {
    color: #ffffff;
    font-size: 40px;
    line-height: 63px;
    margin-bottom: 24px;
    text-shadow: 0 0 10px #00000026;
}

.banner_bottam .bottam_text p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    text-shadow: 0 0 10px #00000026;
}

.banner_bottam ul.nav.gap-3 li img {
    width: 140px;
}

.banner_bottam .bottom_logo {
    width: 50%;
    display: flex;
    justify-content: end;
}


/* experience_journey */


.experience_journey {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.journey_shape {
    position: absolute;
    left: 0;
    top: -30px;
    width: 130px;
    object-fit: contain;
    transform: rotate(0deg);
    transform-origin: top left;
}

.experience_journey_image img {
    width: 100%;
    aspect-ratio: 16/8;
    object-fit: cover;
}

.open_world {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 650px;
  overflow: hidden;
  isolation: isolate;
  background: #42d0ce;
}

.open_world_bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: url(../images/world_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.open_world_container {
  position: relative;
  z-index: 2;
  height: 100%;
}

.open_world_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 60px 0;
}

.open_world_heading {
  position: relative;
  width: 100%;
  text-align: center;
  perspective: 1000px;
}

.open_world_top {
    position: relative;
    z-index: 1;
    margin: 0 0 0;
    color: #fff;
    font-size: clamp(32px, 5vw, 70px);
    white-space: nowrap;
    font-family: "Boldonse", system-ui;
}

.open_world_world {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: clamp(40px, 12vw, 170px);
    white-space: nowrap;
    z-index: 99;
    font-family: "Boldonse", system-ui;
}

.world_letter {
  position: relative;
  display: inline-block;
}

.world_o {
  position: relative;
  display: inline-block;
}

/* Glass stays directly over the O */
.open_world_glass {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 1.5em;
    height: 1.5em;
    max-width: none;
    margin: 0;
    object-fit: contain;
    opacity: 0;
    visibility: visible;
    transform: translate(-50%, -50%) scale(0.12);
    transform-origin: center center;
    will-change: transform, opacity;
    pointer-events: none;
    filter: drop-shadow(
    14px 18px 18px rgba(0, 52, 55, 0.25)
  );
}
.open_world_content {
  position: relative;
  width: min(650px, 90%);
  margin: 65px auto 0;
  text-align: center;
}

.open_world_content p {
    margin: 0;
    color: #000000;
    font-size: 18px;
    line-height: 1.5;
}

.open_world_journey {
  position: absolute;
  inset: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  clip-path: circle(0% at 50% 50%);
  background: #082e31;
  will-change: clip-path, opacity;
  pointer-events: none;
}

.open_world_journey_track {
  display: flex;
  width: 400%;
  height: 100%;
  transform: translateX(0);
  will-change: transform;
}

.open_world_slide {
  position: relative;
  flex: 0 0 25%;
  width: 25%;
  height: 100%;
  overflow: hidden;
  background: #082e31;
}

.open_world_slide::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.65),
    transparent 70%
  );
  pointer-events: none;
}

.open_world_slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.open_world_slide_text {
  position: absolute;
  z-index: 2;
  left: 8%;
  right: 8%;
  bottom: 10%;
  color: #fff;
}

.open_world_slide_text span {
    display: block;
    margin-bottom: 18px;
    font-size: 14px;
    letter-spacing: 3px;
    color: #ffffff;
}

.open_world_slide_text h3 {
    max-width: 750px;
    margin: 0;
    font-size: 48px;
   
}


/* Keep pinned sections stable */
#cry_banner,
#experience_journey,
#open_world,
#orgin_story {
  position: relative;
}

/* Origin Story zoom performance */
#orgin_story .orgin_story_image {
  display: block;
  transform-origin: center center;
  backface-visibility: hidden;
  will-change: transform;
}

#orgin_story .character_reveal {
  will-change: opacity;
}

#orgin_story .character_video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================================
   ORIGIN STORY - ISOLATED CSS
========================================== */

#orgin_story {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 100vh;
    min-height: 650px;
    box-sizing: border-box;
    overflow: hidden;
    background: #ffffff;
}

#orgin_story,
#orgin_story * {
  box-sizing: border-box;
}

#orgin_story .orgin_story_container {
  position: relative;
  z-index: 2;
  height: 100%;
}

#orgin_story .orgin_story_inner {
  position: relative;
  height: 100%;
}

#orgin_story .orgin_story_inner > .row {
  height: 100%;
  align-items: center;
}

#orgin_story .orgin_shape {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    will-change: transform, opacity;
}

#orgin_story .orgin_shape_left {
    left: 0;
    width: 130px;
    bottom: 12%;
}

#orgin_story .orgin_shape_right {
    right: 0;
    bottom: 16%;
    width: 200px;
}

#orgin_story .orgin_story_image_wrap {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: visible;
}

#orgin_story .orgin_story_image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    border-radius: 0;
    transform: translate(0, 0) scale(1);
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
}

#orgin_story .orgin_story_image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  border-radius: 0;
  clip-path: none;
}

#orgin_story .orgin_story_content {
    position: relative;
    z-index: 4;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
}

#orgin_story .orgin_eyebrow,
#orgin_story .orgin_heading,
#orgin_story .orgin_description,
#orgin_story .orgin_line {
  will-change: transform, opacity;
}

#orgin_story .orgin_eyebrow {
    display: inline-block;
    font-size: 18px;
    color: #7ae3e2;
    font-family: "Boldonse", system-ui;
    margin-bottom: 25px;
}


#orgin_story .orgin_heading {
    line-height: 75px;
}

#orgin_story .orgin_line {
    margin-bottom: 12px;
    font-size: 19px;
    color: #000000;
}

/* ==========================================
   VIDEO OVERLAY
========================================== */

#orgin_story .character_reveal {
  position: absolute;
  inset: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background: #071321;
  isolation: isolate;
}

#orgin_story .character_video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: scale(1.08);
  will-change: transform;
}

#orgin_story .character_overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.12) 0%,
    rgba(0, 0, 0, 0.25) 50%,
    rgba(0, 0, 0, 0.45) 100%
  );
}

#orgin_story .character_container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

#orgin_story .character_content {
  width: 100%;
  max-width: 900px;
  padding: 30px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

#orgin_story .character_heading,
#orgin_story .character_text,
#orgin_story .character_tagline {
  color: #fff;
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity;
}

#orgin_story .character_tagline {
  display: inline-block;
  margin-top: 15px;
  font-size: 30px;
}


/* for_video */

#orgin_story .character_video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  outline: none;
  pointer-events: none;
}

/* Hide native video controls */
#orgin_story .character_video::-webkit-media-controls,
#orgin_story .character_video::-webkit-media-controls-panel,
#orgin_story .character_video::-webkit-media-controls-play-button,
#orgin_story .character_video::-webkit-media-controls-start-playback-button,
#orgin_story .character_video::-webkit-media-controls-timeline,
#orgin_story .character_video::-webkit-media-controls-current-time-display,
#orgin_story .character_video::-webkit-media-controls-time-remaining-display,
#orgin_story .character_video::-webkit-media-controls-fullscreen-button {
  display: none !important;
  -webkit-appearance: none;
}

/* =========================================
   RECOGNITION SECTION
========================================= */

.recognition_sec {
  position: relative;
  min-height: 100vh;
  padding: 80px 0;
  background: #fff;
  overflow: hidden;
  isolation: isolate;
}

.recognition_sec .container {
  position: relative;
  z-index: 2;
}

.recognition_sec .row {
  min-height: calc(100vh - 160px);
  align-items: center;
  row-gap: 30px;
}

/* Main image */

.recognition_sec .recognition_image_wrap {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 160px);
}

.recognition_sec .recognition_main_image {
    display: block;
    max-width: 38vw;
    height: auto;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: -5vw;
}
/* Decorative shapes */

.recognition_sec .recognition_shape {
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
  z-index: 1;
}

.recognition_sec .recognition_shape_left {
    left: -59px;
    bottom: -15vh;
    width: 24vw;
    z-index: 9;
    transform: rotate(0deg);
}
.recognition_sec .recognition_shape_right {
    right: 0;
    bottom: -180px;
    width: 160px;
}

.recognition_sec .recognition_shape_bottom {
    left: 50%;
    bottom: 5vh;
    width: clamp(200px, 35vw, 400px);
    transform: translateX(-50%);
    opacity: 0.75;
}

/* Right content */

.recognition_sec .recognition_content {
  width: 100%;
  max-width: 570px;
  margin-left: auto;
  text-align: center;
}

.recognition_sec .recognition_item {
  position: relative;
  margin-bottom: 28px;
}

.recognition_sec .recognition_item:last-child {
  margin-bottom: 0;
}

.recognition_sec .recognition_eyebrow {
    display: inline-block;
    font-size: 18px;
    color: #7ae3e2;
    font-family: "Boldonse", system-ui;
    margin-bottom: 25px;
}


.recognition_sec .recognition_subheading {
    font-size: 25px;
    margin-bottom: 20px;
    color: var(--secondary);
}



/* =======================================
   FIND CRYSTAL SECTION
   Full viewport height
========================================= */

.find_crystal {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    box-sizing: border-box;
    background: var(--secondary);
    color: #fff;
    overflow: hidden;
    isolation: isolate;
}

.find_crystal .container {
  position: relative;
  z-index: 2;
  height: 100%;
}

.find_crystal .row {
  height: 100%;
  align-items: center;
  row-gap: 20px;
}

/* =========================================
   LEFT CONTENT
========================================= */

.find_crystal .find_crystal_left {
  width: 100%;
  margin: 0 auto;
}


/* =========================================
   CITY LIST
========================================= */

.find_crystal .find_crystal_city_list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.find_crystal .find_crystal_city {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid rgb(255 255 255 / 35%);
    cursor: pointer;
    transition: border-color 0.3s ease;
    padding: 25px 6px;
}

.find_crystal .find_crystal_city h3 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    transition: color 0.3s ease;
}

.find_crystal .find_crystal_city.active {
  border-bottom-color: #7ae3e2;
}

.find_crystal .find_crystal_city.active h3 {
  color:#7ae3e2;
}

/* =========================================
   RIGHT SIDE
========================================= */


/* Decorative shapes */

.find_crystal .find_crystal_figure {
    position: relative;
    width: 85%;
    height: 100%;
    margin: auto;
    text-align: center;
}

.find_crystal .find_crystal_city_image {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 10%;
    margin: 0;
    object-fit: contain;
}

.find_crystal .find_crystal_caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}


.find_crystal .find_crystal_city_name {
    font-size: 25px;
    margin-bottom: 20px;
    color: var(--secondary);
}

.find_crystal .find_crystal_city_details p {
    color: var(--secondary);
    font-size: 18px;
    width: 225px;
    margin: auto;
    text-align: center;
    margin-bottom: 35px;
}

.find_crystal .find_crystal_city_details p:last-child {
  margin-bottom: 0;
}

.find_crystal .find_crystal_buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.find_crystal .find_crystal_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    transition: color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease;
}

.find_crystal .find_crystal_btn_primary {
  color: #00293a;
  background: linear-gradient(100deg, #fff6a5, #43d6ce);
  border:none !important; 
}

.find_crystal .find_crystal_btn_primary:hover {
  color: #00293a;
  background: #fff;
}

.find_crystal .find_crystal_btn_outline {
  color: #fff;
  background: transparent;
  border-color: rgb(255 255 255 / 50%);
}

.find_crystal .find_crystal_btn_outline:hover {
  color: #00293a;
  background: #fff;
}



/* Stay Open Section */
.stay_open {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.stay_open .so_left_shape {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 125px;
}

.stay_open .so_right_shape {
    position: absolute;
    right: -3px;
    bottom: 370px;
    width: 200px;
}

.stay_open .stay_open_gallery {
    position: relative;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 20px;
    transform: rotate(-15deg);
}

/* Image columns */
.stay_open .stay_open_column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

/* Image cards */
.stay_open .stay_open_post {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 0.78;
  overflow: hidden;
  border-radius: 8px;
  background: #e7f3f1;
}

.stay_open .stay_open_post img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Right content */
.stay_open .stay_open_content {
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 55px;
    text-align: center;
}


.stay_open .stay_open_follow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 16px 56px;
    border-radius: 7px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
    color: #00293a;
    background: linear-gradient(100deg, #fff6a5, #43d6ce);
    border: none !important;
    font-family: "Boldonse", system-ui;
    border-radius: 5px;
}



/* Newsletter */
.stay_open .stay_open_newsletter {
    margin: 80px auto 0;
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(
    110deg,
    #fff8b1 0%,
    #a8e9d9 34%,
    #6cdddc 75%,
    #70dedc 100%
  );
}

.stay_open .stay_open_form {
    display: flex;
    justify-content: center;
    gap: 4px;
    width: min(100%, 60%);
}

.stay_open .stay_open_form input {
    flex: 1;
    min-width: 0;
    height: 50px;
    padding: 0 14px;
    border: 1px solid #ffffff;
    outline: none;
    border-radius: 0;
    background: transparent;
    color: var(--secondary);
    text-align: center;
    font-size: 16px;
}

.stay_open .stay_open_form input::placeholder {
  color: #539996;
}

.stay_open .stay_open_form button {
    flex: 0 0 auto;
    min-width: 150px;
    height: 50px;
    padding: 0 18px;
    border: 0;
    background: #fdf8c1;
    color: #000000;
    font-size: 12px;
    cursor: pointer;
    font-family: "Boldonse", system-ui;
}


/* ==============================
   MODERN WHISKY SECTION
============================== */

/* .modern_whiskey {
    position: relative;
    height: 100vh;
    min-height: 650px;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
    isolation: isolate;
    background: #35c9c2;
}

.modern_whiskey_bg {
   position: absolute;
    inset: 0;
    z-index: -1;
    background: url(../images/modern_whisky_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.container.modern_whiskey_container {
    height: 100%;
}


.modern_whiskey_bottle,
.modern_whiskey_glass,
.modern_whiskey_spoon {
    position: absolute;
}

.modern_whiskey_bottle {
    width: 27vw;
    right: 24%;
    bottom: -23%;
    z-index: 2;
    transform-origin: center center;
    will-change: transform;
}
.modern_whiskey_bottle img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.modern_whiskey_glass {
    width: clamp(190px, 23vw, 350px);
    right: -1%;
    top: 26%;
    z-index: 3;
}

.modern_whiskey_glass img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.modern_whiskey_spoon {
    width: clamp(190px, 24vw, 350px);
    right: 0;
    bottom: 4%;
    z-index: 4;
}

.modern_whiskey_spoon img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
} */


/* modal css */

.modern_whiskey {
    position: relative;
    height: 100vh;
    min-height: 650px;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
    isolation: isolate;
    background: #35c9c2;
}

.modern_whiskey_bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("../images/modern_whisky_bg.png") no-repeat center;
    background-size: cover;
}

.container.modern_whiskey_container {
    height: 100%;
}

.modern_whiskey_text {
    position: relative;
    z-index: 5;
}

.modern_whiskey_heading,
.modern_whiskey_description {
    will-change: transform, opacity;
}


.modern_whiskey_bottle {
    position: absolute;
    width: 27vw;
    height: 75vh;
    max-height: 800px;
    right: 24%;
    bottom: 0;
    z-index: 2;
    transform-origin: center center;
    will-change: transform;
}


#whiskeyBottleModel {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    --poster-color: transparent;
    --progress-bar-color: transparent;
    --progress-mask: transparent;
}


.modern_whiskey_glass {
    position: absolute;
    width: clamp(190px, 23vw, 350px);
    right: -1%;
    top: 26%;
    z-index: 3;
    will-change: transform;
}

.modern_whiskey_glass img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}


.modern_whiskey_spoon {
    position: absolute;
    width: clamp(190px, 24vw, 350px);
    right: 0;
    bottom: 4%;
    z-index: 4;
    will-change: transform;
}

.modern_whiskey_spoon img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
/* modal_css close */



/* footer_sec */

.website_footer {
    background: #0098a4;
    width: 100%;
    position: relative;
}

.website_footer .footer_logo img {
    width: 100px;
    object-fit: contain;
}

.website_footer .footer_social.nav li {
    width: 35px;
    height: 35px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0098a4;
    border-radius: 50%;
    font-size: 18px;
    object-fit: contain;
}

.website_footer .footer_nav.nav {
    column-gap: 70px;
}



.website_footer .footer_social.nav {
    column-gap: 25px;
}