/* @font-face {
    font-family: 'Inter';
    src: url('./Inter-VariableFont_slnt\,wght.ttf') format('truetype');
} */

@font-face {
    font-family: 'Inter';
    src: url('./Inter-VariableFont_slnt\,wght.ttf') format('truetype');
}

/* @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 100;
    font-display: swap;
    src: url("./Inter/Inter-Thin.woff2?v=3.19") format("woff2");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 100;
    font-display: swap;
    src: url("./Inter/Inter-ThinItalic.woff2?v=3.19") format("woff2");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 200;
    font-display: swap;
    src: url("./Inter/Inter-ExtraLight.woff2?v=3.19") format("woff2");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 200;
    font-display: swap;
    src: url("./Inter/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 300;
    font-display: swap;
    src: url("./Inter/Inter-Light.woff2?v=3.19") format("woff2");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 300;
    font-display: swap;
    src: url("./Inter/Inter-LightItalic.woff2?v=3.19") format("woff2");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url("./Inter/Inter-Regular.woff2?v=3.19") format("woff2");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 400;
    font-display: swap;
    src: url("./Inter/Inter-Italic.woff2?v=3.19") format("woff2");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url("./Inter/Inter-Medium.woff2?v=3.19") format("woff2");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 500;
    font-display: swap;
    src: url("./Inter/Inter-MediumItalic.woff2?v=3.19") format("woff2");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 600;
    font-display: swap;
    src: url("./Inter/Inter-SemiBold.woff2?v=3.19") format("woff2");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 600;
    font-display: swap;
    src: url("./Inter/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2");
  }
  
  @font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 700;
    font-display: swap;
    src: url("./Inter/Inter-Bold.woff2?v=3.19") format("woff2");
  }
  @font-face {
    font-family: 'Inter';
    font-style:  italic;
    font-weight: 700;
    font-display: swap;
    src: url("./Inter/Inter-BoldItalic.woff2?v=3.19") format("woff2");
  } */


/* PlayFair Fonts */

@font-face {
    font-family: 'Playfair Display';
    src: url('./PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
    /* src: url('./CocoGothic-Bold_trial.ttf') format('truetype'); */
}

/* @font-face {
    font-family: 'Playfair Display';
    src:url('./Playfair/PlayfairDisplay-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src:  url('./Playfair/PlayfairDisplay-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('./Playfair/PlayfairDisplay-Bold.woff2') format('woff2');
        
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('./Playfair/PlayfairDisplay-Italic.woff2') format('woff2');
        
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('./Playfair/PlayfairDisplay-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('./Playfair/PlayfairDisplay-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
} */

@font-face {
    font-family: 'Glacial Indifference Regular';
    src: url('./GlacialIndifference-Regular.otf') format('opentype')
}
@font-face {
    font-family: 'Glacial Indifference';
    src: url('./GlacialIndifference-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Coco Gothic';
    src: url('./CocoGothic-Bold_trial.ttf') format('truetype');
}

@font-face {
    font-family: 'Coco Gothic Light';
    src: url('./CocoGothic-Light_trial.ttf') format('truetype');
}


:root {
    --playfair-display: 'Playfair Display', serif;
    --inter: 'Inter', serif;
    --glacial-indifference: 'Glacial Indifference', serif;
    --glacial-indifference-regular: 'Glacial Indifference Regular', serif;
    --coco-gothic: 'Coco Gothic', serif;
    --coco-gothic-light: 'Coco Gothic Light', serif;
    /* for headings starts here */
    --font-style-normal: 'normal';
    --font-style-italic: 'italic';

    --font-weight-500: 500;
    --font-weight-400: 400;
    --font-weight-700: 700;
    --font-weight-600: 600;

    --heading-font-size-40: 2.3rem;
    --heading-font-size-30: 1.875rem;
    --heading-font-size-32: 2rem;
    --heading-font-size-20: 1.25rem;
    --heading-font-size-24: 1.5rem;

    --heading-line-height-70: 4.375rem;
    --heading-font-size-48: 2.625rem;
    --heading-font-size-60: 3.75rem;
    --heading-font-size-70: 4.375rem;

    --heading-line-height-60: 3.75rem;
    --heading-line-height-30: 1.875rem;
    --heading-line-height-40: 2.5rem;
    --heading-line-height-50: 3.125rem;

    --heading-font-weight-700: 700;

    --heading-font-size-40: 2.375rem;
    --heading-line-height-54: 3.375rem;

    /* for headings ends here */

    /* for body and quote starts here */
    --body-font-size-18: 1.125rem;
    --body-font-size-16: 1rem;
    --body-font-size-24: 1.5rem;
    --body-font-size-26: 1.625rem;
    --body-font-size-14: 0.875rem;
    --body-font-size-12: 0.75rem;
    --line-height-26: 1.625rem;
    --line-height-20: 1.25rem;
    --line-height-24: 1.5rem;
    --line-height-22: 1.375rem;

    --blue-color-primary: rgba(24, 33, 75, 1);
    --blue-color-primary-70: rgba(24, 33, 75, 0.7);
    --blue-color-primary-40: rgba(24, 33, 75, 0.4);
    --blue-color-primary-20: rgba(24, 33, 75, 0.2);

    --orange-color-primary: rgba(248, 102, 49, 1);
    --orange-color-primary-10: rgba(248, 102, 49, 0.1);
    --orange-color-primary-70: rgba(248, 102, 49, 0.7);
    --orange-color-primary-40: rgba(248, 102, 49, 0.4);
    --orange-color-primary-20: rgba(248, 102, 49, 0.2);
    --orange-color-primary-5: rgba(248, 102, 49, 0.05);

    --white-color-primary: rgba(255, 255, 255, 1);
    --white-color-primary-70: rgba(255, 255, 255, 0.7);
    --white-color-primary-40: rgba(255, 255, 255, 0.4);
    --white-color-primary-20: rgba(255, 255, 255, 0.2);

}
/* Width and Height for the scrollbar thumb and track */
::-webkit-scrollbar {
    width: 8px;
    height: 6px;
  }
  /* Styling for the scrollbar track */
  ::-webkit-scrollbar-track {
    background-color: rgba(24, 33, 75, 0.2);
    border-radius: 6px;
  }
  /* Styling for the scrollbar thumb or handle */
  ::-webkit-scrollbar-thumb {
    background-color: rgba(24, 33, 75, 1);
    border-radius: 6px;
  }
  /* When you hover over the scrollbar */
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(248, 102, 49, 1);
  }

body {
    overflow-x: hidden;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.box-shadow {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 20px 20px;
}

/* Hide the up and down arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.explore-image-single {
    max-width: 100%;
}

.explore-image-double {
    max-width: 49%;
}

.explore-image img,
.explore-image-mob img{
    border-radius: 1.125rem;
}

dis-adv,
dis-adv-mob{
    border-radius: 1.125rem;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.5em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 0;
    border-left: 0.5em solid transparent;
    border-radius: 10px;
    position: relative;
    top: 2px;
}

/* .dropdown-toggle.show:hover:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.5em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 0;
    border-left: 0.5em solid transparent;
    border-radius: 10px;
    margin-top: 2px;
    transform: rotateX(150deg);
} */

.dropdown-toggle:hover::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.5em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 0;
    border-left: 0.5em solid transparent;
    border-radius: 10px;
    margin-top: 2px;
    transform: rotateX(150deg);
}

/* navigation bar css starts here */
.top-navbar {
    /* position: absolute;
    left: 0%;
    right: 0%; */
    height: 5rem;
    background-color: #FFFFFF !important;
}

.left-options li.nav-item {
    padding: 0 0rem;
}

.clear-all:focus {
    background-color: transparent !important;
}

.nav-link {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #18214B !important;
    /* margin-left: 2rem; */
    border-radius: 40px;
    /* width: 120px; */
    text-align: center !important;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.latitude-logo {
    background-color: #18214B;
    width: 162px;
    height: 152.87px;
    position: absolute;
    left: 50%;
    /* set the left to 50% */
    top: 50%;
    /* set the top to 50% */
    transform: translate(-50%, 0);
    transition: opacity 1s ease, transform 1s ease;
    top: 0%;
    bottom: 0%;
    border-radius: 0px 0px 100px 100px;
    z-index: 9999;
    cursor: pointer;
}


.latitude-sticky-logo {
    /* background-color: #18214B; */
    position: absolute;
    left: 50%;
    /* set the left to 50% */
    top: 50%;
    /* set the top to 50% */
    transform: translate(-50%, 0);
    top: 0%;
    bottom: 0%;
    border-radius: 0px 0px 100px 100px;
    z-index: 999;
    cursor: pointer;
}


.latitude-logo-app {
    position: absolute;
    left: 50%;
    /* set the left to 50% */
    top: 50%;
    /* set the top to 50% */
    transform: translate(-50%, 0);
    top: 0%;
    bottom: 0%;
    border-radius: 0px 0px 100px 100px;
    z-index: 9999;
    cursor: pointer;
}

.navbar-collapse.collapsing,
.navbar-collapse.show .left-options .nav-item {
    width: 100% !important;
    padding-left: 10px;
    font-family: var(--playfair-display);
}

.navbar-collapse.collapsing,
.navbar-collapse.show .right-options .nav-item {
    padding-left: 10px;
    font-family: var(--playfair-display);
}


.navbar-collapse.collapsing,
.navbar-collapse.show {
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 4rem;
    left: 0;
    right: 0;
    font-family: var(--playfair-display);
}

.right_options_mob {
    display: none;
}

.billed-section{
    background-color: #18214B !important;
    border-radius: 0rem 0rem 1rem 1rem;
}

#card-element {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
  }
  
  /* Style the individual input fields (card number, expiration, and CVC) */
  .StripeElement {
    background-color: white;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 5px 0;
  }
  
  /* Style the error message */
  .StripeElement--invalid {
    border-color: #dc3545;
  }
  
  /* Style the label for each input field */
  .StripeElement--empty {
    opacity: 0.6;
  }
  
  /* Style the placeholder text */
  .StripeElement--placeholder {
    color: #6c757d;
  }
  
  /* Style the focus state for the input fields */
  .StripeElement--focus {
    border-color: #007bff;
    box-shadow: 0 0 4px 0 #007bff;
  }

@media (max-width: 991px) {
    .right_options_mob {
        display: block;
    }

    .right-options-mob {
        display: block !important;
    }

    .line-mob:after {
        content: '' !important;
        margin: 1rem !important;
        border-bottom: 1px solid rgba(24, 33, 75, 0.2) !important;
        display: block !important;
    }

    .signup_dropdown {
        position: absolute !important;
        margin-left: -5rem !important;
        margin-top: 1.2rem !important;
    }

}

/* .navbar-collapse.collapsing,.navbar-collapse.show .nav-link{
font-family: 'Playfair Display' !important;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
} */

.addnewbooking,
.addnewbooking:hover {
    color: var(--orange-color-primary);
    font-family: var(--inter);
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1.099rem;
}

.profile-menu li .dropdown-item {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #18214B;
}

.signup_dropdown {
    position: absolute !important;
    margin-left: -11rem !important;
    margin-top: 1.2rem !important;
}

.logout_bt {
    color: #18214B;
    opacity: 0.7;
}



.herobtn-section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.herobtn-section a:nth-child(1) {
    margin: 0 6px;
}

.vector_bg {
    position: absolute;
    width: 113.74px;
    height: 84.4px;
    left: 27px;
    top: 31.51px;
}

.navbar_dropdown {
    background-color: transparent !important;
    border: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #18214B;
}



.navbar_dropdown::after {
    display: none;
}

.navbar_dropdown:hover,
.navbar_dropdown:focus {
    color: #18214B;
    border-color: none;
    box-shadow: none;
}

.navbar_dropdown:hover::after {
    display: none;
}

.auth-item a {
    color: rgba(24, 33, 75, 0.7) !important;
}

.li-active a {
    color: #18214B !important;
}

.profile_char {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(24, 33, 75, 0.2);
}

.profile_char-mod {
    width: 4rem;
    height: 4rem;
    border-radius: 3.125rem;
    background: rgba(24, 33, 75, 0.2);
}

.latitude_nav_logo {
    position: absolute;
    width: 88.47px;
    height: 76.19px;
    left: 38px;
    top: 39.71px;
}

.phone_num {
    /* font-family: 'Playfair Display' !important; */
    font-family: var(--glacial-indifference);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* width: 180px;
    height: 60px; */
    line-height: 2.5em;
    overflow: hidden;
    font-weight: 600 !important;
    font-size: 1rem;
    margin: 0 3em;
    padding: 1.125rem 0;
    position: relative;
    z-index: 1;
    color: rgba(24, 33, 75, 1);
    border-radius: 100px;
}

.explore-btn a {
    width: 13rem;
    padding: 1.125rem 1.344rem 1.125rem 1.344rem;
}

.cancelbtn {
    display: flex;
    justify-content: center;
}
#paymentloadermodal .modal-dialog .modal-content .modal-body{
    min-height: 20rem !important;
}

.payment-process-loader .spinner-border{
    width: 3rem;
    height: 3rem;
}

.profile-modal {
    cursor: pointer;
}

.amount-payable {
    border-radius: 0.5rem;
    background: #F9F9F9;
    color: var(--blue-100, #18214B);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    cursor: pointer;
  }
  .amount-payable:hover {
    background: #18214B20;
  }
  .amount-payable span{
    opacity: 0.2;
  }
  .amount-payable {
    opacity: 0.;
  }
  .amount-payable .select {
    opacity: 1;
  }

.book-btn-mob {
    --color: var(--orange-color-primary);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* width: 180px;
    height: 60px; */
    /* padding: 0.8rem 2.4rem 0.8rem 2.4rem; */
    /* line-height: 2.5em; */
    padding: 0.25rem 0.875rem 0.25rem 0.875rem;
    overflow: hidden;
    font-size: 0.875rem;
    position: relative;
    z-index: 1;
    color: rgba(24, 33, 75, 1);
    border: 1px solid #F86631;
    border-radius: 100px;
}



.book-btn {
    /* position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: rgba(24, 33, 75, 1);
    padding: 0.625rem 1.25rem;
    width: 180px;
    height: 60px;
    border: 1px solid #F86631;
    border-radius: 100px;
    font-size: 1em; */

    --color: var(--orange-color-primary);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* width: 180px;
    height: 60px; */
    /* padding: 0.8rem 2.4rem 0.8rem 2.4rem; */
    /* line-height: 2.5em; */
    padding: 1.125rem 2.344rem 1.125rem 2.344rem;
    overflow: hidden;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    color: rgba(24, 33, 75, 1);
    border: 1px solid #F86631;
    border-radius: 100px;
}

.book-btn-playfair {
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-weight: var(--font-weight-600);
}

.exp-list{
    padding: 0 !important;
}

.center-element{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* li.list-orange-bullet{
    list-style: none;
} */

/* li.list-orange-bullet:before {
     content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23F86631' fill-opacity='0.7'/%3E%3C/svg%3E");
    position: relative;
    padding: 0rem 0.15rem 0rem 0rem;
    margin: 0.5rem 0.5rem 0.5rem 0;
} */

.explist li::marker{
    color: #bd2c3b;
}

/* #experiencesModal{
    position: relative;
} */

.closepopup{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

#experiencesModal .modal-dialog{
    max-width: 54.75rem !important;
}

#experiencesModal .modal-dialog .modal-content{
    min-height:  40.78381rem;
    max-height: 40.78381rem;
    overflow-y: scroll;
    border-radius: 1.25rem;
    /* padding: 3.13rem 3.12rem 0 3.12rem; */
    padding: 3.13rem 2.5rem 0 2.5rem;
}

/* #experiencemain{
    min-height:  40.78381rem;
    max-height: 40.78381rem;
    overflow-y: scroll;
} */

.experiencemodal-head1{
    color: var(--blue-100, #18214B);
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.375rem; /* 135% */
}

.btn-bg-white {
    /* display: inline-block; */
    background-color: #FFFFFF !important;
    color: rgba(24, 33, 75, 1) !important;
    font-size: 16px !important;
    border: none;
}

/* .mybtn {
    --color:var
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color: rgba(24, 33, 75, 1);
    padding: 0.625rem 1.25rem;
    width: 180px;
    height: 60px;
    border: 1px solid #F86631;
    border-radius: 100px;
    font-size: 1em;
    z-index: 1;

    
    --color: var(--orange-color-primary);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 60px;
    line-height: 2.5em;
    overflow: hidden;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    color: rgba(24, 33, 75, 1);
    border: 1px solid #F86631;
    border-radius: 100px;
  } */

.book-btn::before {
    position: absolute;
    content: "";
    background: var(--color);
    width: 250px;
    height: 200px;
    z-index: -1;
    border-radius: 50%;
}

.book-btn:hover {
    color: white !important;
}

.book-btn:hover img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}


.book-btn:before {
    top: 100%;
    left: 100%;
    transition: .3s all;
}

.book-btn:hover::before {
    top: -30px;
    left: -30px;
}


.blue40 {
    color: var(--blue-color-primary-40) !important;
}

/* .book-btn:hover,
.book-btn:focus {
    background-color: #F86631 !important;
    color: white !important;
} */


.update-password {
    --color: var(--orange-color-primary);
    --background-color: #FFFFFF;
    /* width: auto;
    padding: 1rem 2rem;
    height: auto; */
    padding: 0.875rem 2rem;
    background-color: var(--background-color) !important;
    color: var(--color);
    border: 1px solid #F86631;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.btn-close {
    /* background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M6 18L18 6M6 6L18 18' stroke='%2318214B' stroke-opacity='0.7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center/1em auto no-repeat !important; */
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M6 18L18 6M6 6L18 18' stroke='%2318214B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center/1em auto no-repeat;

}

.web-invoice {
    max-height: 30.0625rem !important;
    overflow: auto !important;
}

.announcement-message {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    text-align: center;
    background-color: #F86631;
    z-index: 9999;
}

.announcement-message .message {
    transition: opacity 1s ease-in-out;
    opacity: 0;
}

.feedback_modal .modal-dialog .modal-content,
.addonmodal .modal-dialog .modal-content,
.payment_modal .modal-dialog .modal-content,
#userupdatemodal .modal-dialog .modal-content,
#rescheduleBookingModal .modal-dialog .modal-content,
#AddonsModal .modal-dialog .modal-content,
#invoicesModal .modal-dialog .modal-content,
#refundAmountModal .modal-dialog .modal-content,
#announcementCreateModal .modal-dialog .modal-content,
#announcementUpdateModal .modal-dialog .modal-content,
#rateCreateModal .modal-dialog .modal-content,
#rateUpdateModal .modal-dialog .modal-content,
#refundModal .modal-dialog .modal-content,
#adventureUpdateModal .modal-dialog .modal-content,
#paymentReviewModal .modal-dialog .modal-content,
#reassignBoatsModal .modal-dialog .modal-content,
#reassignCabinsModal .modal-dialog .modal-content,
#editGuestsModal .modal-dialog .modal-content,
#editGuestsModalPreview .modal-dialog .modal-content,
#datesUpdateModal .modal-dialog .modal-content,
#cabinaddmodal .modal-dialog .modal-content,
#cabincategoryupdatemodal .modal-dialog .modal-content,
#usercreationmodal .modal-dialog .modal-content,
#userupdateaddsuccessful .modal-dialog .modal-content,
#addonaddmodal .modal-dialog .modal-content,
#activityModal .modal-dialog .modal-content,
#taxcrtmodal .modal-dialog .modal-content,
#adventureModal .modal-dialog .modal-content,
#serviceModal .modal-dialog .modal-content,
#allServicesModal .modal-dialog .modal-content

 {
    border-radius: 1.25rem;
    border: none !important;
}

#cabinaddmodal .modal-dialog .modal-content,
#cabincategoryupdatemodal .modal-dialog .modal-content{
    min-height: 42.5625rem;
}

.formtextarea {
    width: 100%;
    border-radius: 0.25rem;
    border: 1px solid var(--blue-20, rgba(24, 33, 75, 0.20));
}





.profile_modal_footer button {
    /* width: 45%; */
    width: 12.313rem;
    padding: 0.875rem 2rem !important;
}

.profilebt.login-btn {
    padding: 0.875rem 3.656rem;
}



.feedbackbtn {
    --color: var(--blue-color-primary);
    --background-color: 'transparent';
    /* width: auto;
    padding: 1rem 2rem;
    height: auto; */
    padding: 0.5rem 1.88rem;
    background-color: var(--background-color) !important;
    color: var(--color);
    border-radius: 70px;
    font-family: var(--inter);
    font-weight: var(--font-weight-700);
    font-size: var(--body-font-size-14);
    line-height: var(--line-height-22);
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid var(--orange-color-primary);
}

.switchbtn label {
    cursor: pointer;
}

.tag {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--orange-color-primary);
    padding: 0.31rem 0.75rem;
    border-radius: 1rem 0 0 1rem;
    color: white;
    font-weight: bold;
    font-size: 0.875rem;
    font-family: Inter;
    font-weight: 700;
}

.cancel-invoice {
    background-color: transparent !important;
    color: red !important;
    border-radius: 4.57806rem !important;
    border: 1px solid var(--blue-20, rgba(24, 33, 75, 0.20)) !important;
}

.submit-btn,
.book-btn-new {

    --color: var(--white-color-primary);
    --background-color: var(--orange-color-primary);
    /* width: auto;
    padding: 1rem 2rem;
    height: auto; */
    padding: 1.125rem 2.344rem 1.125rem 2.344rem;
    background-color: var(--background-color);
    color: var(--color);
    border-radius: 100px;
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-weight: var(--font-weight-600);
    position: relative;
    z-index: 1;
    overflow: hidden;
}



/* .book-btn-new:hover{
    color: var(--white-color-primary);

} */


.call-btn-new {
    --color: var(--white-color-primary);
    /* --background-color:transparent; */
    /* width: auto; */
    /* padding: 1rem 2rem; */
    /* height: auto; */
    padding: 1.125rem 2.344rem 1.125rem 2.344rem;
    /* background-color: var(--background-color) !important; */
    background-color: transparent !important;
    color: var(--white-color-primary);
    border-radius: 100px;
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-weight: var(--font-weight-600);
    border: 1px solid rgba(248, 102, 49, 1);
    position: relative;
    z-index: 1;
    overflow: hidden;
}


/* .call-btn-new:hover{
    color: var(--white-color-primary);
} */

.submit-btn::before,
.book-btn-new::before,
.call-btn-new::before,
.update-password::before {
    position: absolute;
    content: "";
    background: var(--color);
    color: var();
    width: 483px;
    /* width: 350px; */
    height: 200px;
    z-index: -1;
    border-radius: 50%;
    border: 1px solid var(--background-color) !important;
}

.feedbackbtn::before {
    position: absolute;
    content: "";
    background: var(--orange-color-primary) !important;
    color: #FFFFFF !important;
    width: 600px;
    height: 200px;
    z-index: -1;
    border-radius: 50%;
    border: 1px solid var(--background-color) !important;
}

.call-btn-new:hover {
    color: var(--orange-color-primary);
}

.submit-btn:hover,
.book-btn-new:hover,
.update-password:hover {
    color: var(--background-color) !important;
}

.feedbackbtn:hover {
    color: white !important;
}

.submit-btn:hover img,
.book-btn-new:hover img,
.call-btn-new:hover img {
    /* filter: hue-rotate(17deg) !important; */
    filter: invert(40%) sepia(98%) saturate(644%) hue-rotate(337deg) brightness(102%) contrast(80%)
}

.cancel-invoice:hover {
    color: red !important;
}

.submit-btn:before,
.book-btn-new:before,
.call-btn-new:before,
.update-password:before,
.feedbackbtn:before {
    top: 100%;
    left: 100%;
    transition: .3s all;
}

.submit-btn:hover::before,
.book-btn-new:hover::before,
.call-btn-new:hover::before,
.update-password:hover::before {
    /* top: -33px;
    left: -30px; */
    top: -57px;
    left: -53px;
}

.feedbackbtn:hover::before {
    top: -50px;
    left: -30px;
}

.book-btn:disabled {
    border: 1px solid #E0E0E0;
    background-color: #E0E0E0 !important;
}

.button-cont a {
    margin: 0 0.6rem;
}

/* .book-btn:hover img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
} */

.right-options {
    margin-right: 2rem;
}

.left-options li.nav-item:hover {
    background-color: rgba(248, 102, 49, 0.1);
    border-radius: 40px;
    transition: ease-in 0.3s;
}

.active {
    background-color: rgba(248, 102, 49, 0.1);
    border-radius: 40px;
}

.profile-dd {
    width: 235px !important;
}

.dropdown-menu {
    padding: 0;
    width: 235px;
    background: #FFFFFF;
    border: 1px solid rgba(100, 106, 134, 0.05);
    box-shadow: 0px 14px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    

    /* White/100 */

    /* Grey/5 */

    /* Drop Shadow */

}
.dropdown-menu.submenu{
    width: 435px !important;
    z-index: 99999;   
}

.dropdown-menu .dropdown-item {
    padding: 15px 10px;
}

.dropdown-menu .dropdown-item:hover {
    background-color: rgba(248, 102, 49, 0.1);
}

.phone_num_mob {
    display: none;
}

.flickity-page-dots .dot:not(.is-selected) {
    background-color: #18214B !important;
}

.ready-btn {
    display: flex;
    justify-content: end;
    align-items: center;
}

.cnt_btn {
    width: 13rem;
}

h2.bold-blue {
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-size: var(--heading-font-size-30);
    font-weight: var(--font-weight-700);
    line-height: var(--heading-line-height-40);
    color: var(--blue-color-primary);
}


.feedback_txt {
    background: #FFFFFF;
    border: 1px solid rgba(24, 33, 75, 0.2);
    border-radius: 10px;
    color: var(--blue-color-primary);
}

.accounts_arrow {
    margin-left: auto !important;
}

.accounts-menu-link.show .accounts_arrow {
    transform: rotate(0deg);

}

.accounts-menu-link:not(.show) .accounts_arrow {
    transform: rotate(180deg);
}

@media (max-width:991px) {
    .btn_book_1 {
        width: 100% !important;
    }

    #home-about {
        background-image: none !important;
    }
    .boatassigndiv{
        position: static !important;
    }
    .checkbox-boat{
        position: static !important;
        transform: inherit !important;
    }
    .del-activity{
        position: static !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: flex;
        justify-content: flex-end;
    }
    .boatassigndiv{
        padding-left: 0;
        padding-right: 0;
    }
    #addactivity{
        padding-left: 0;
        padding-right: 0;
    }
    .activityupdatediv{
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important;
        }
    /* .activityupdatediv{
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important;
        position: relative !important;
    }
    .activityupdatediv div{
        position: absolute !important;
        top: 50% !important;
        bottom: 50% !important;
        transform: translateY(-50%) !important;
    } */

}

@media (max-width:1213px) {
    .cnt_btn {
        width: 13rem;
    }

    .left-options li.nav-item {
        padding: 0 0.6rem;
    }

    .nav-link {
        margin: 0.2rem;
        text-align: left !important;
    }

    .book-btn {
        font-size: 0.8rem;
    }

    .left-options:after {
        content: '';
        margin: 0.5rem;
        border-bottom: 1px solid rgba(24, 33, 75, 0.2);
    }

    .right-options {
        margin-top: 10px;
        display: inline-flex;
        flex-direction: row;
    }

    .phone_num {
        margin: 0 5px 0 0;
    }


}


.navbar-light .navbar-toggler {
    border: none;
}

.story {
    background-color: var(--orange-color-primary-10);
    width: 100%;
    /* height: 640px; */
    /* margin-top: 20px; */
    border-radius: 20px;
    padding: 2rem 4.9rem;
    /* display: inline-flex;
    flex-direction: row;
    justify-content: space-between; */
}

/* Style the text section */
.text-section {
    padding: 1.875rem;
    text-align: left;
}

@media (max-width:992px) {
    .slider-cell {
        height: 100%;
    }

    .testimonial-text {
        margin-top: 0 !important;
        font-size: 1rem !important;
    }

    .text-section {
        padding: 0;
    }

    .story {
        padding: 0.8rem 0;
    }

    .latitude-logo {
        display: block;
    }

    .phone_num_mob {
        display: block;
    }

    .nav-link {
        /* font-family: var(--playfair-display); */
        font-family: var(--glacial-indifference);
        font-weight: 500;
        font-size: 1.25rem;
        line-height: 1.875rem;
        color: #18214B !important;
        /* margin-left: 2rem; */
        border-radius: 40px;
        /* width: 120px; */
    }

    .navbar_dropdown {
        font-family: var(--inter) !important;
    }

    .auth-nav-left li .nav-link {
        font-family: var(--inter) !important;
    }

    .dropdown-menu {
        padding: 0;
        width: 100%;
        background: transparent;
        border: 1px solid rgba(100, 106, 134, 0.05);
        color: rgba(24, 33, 75, 1);
        font-family: var(--inter);
        box-shadow: none;
        border: none;
    }

    .dropmenu-invoices {
        background: #FFF !important;

    }

    .dropdown-menu .dropdown-item {
        padding: 15px 4px;
    }

    .left-options li.nav-item:hover {
        border-radius: 40px;
    }

    .dropdown-menu .dropdown-item {
        color: rgba(24, 33, 75, 1);
        font-family: var(--inter);
    }

    .dropdown-toggle::after {
        /* display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.5em solid;
        border-right: 0.5em solid transparent;
        border-bottom: 0;
        border-left: 0.5em solid transparent;
        border-radius: 10px; */
        position: absolute;
        top: 19px;
        right: 22px;
    }

    .right-options {
        margin-top: 10px;
        /* display: inline-flex; */
        flex-direction: row;
        margin: auto;
        padding: 1.5rem 0.625rem;
    }
}

@media (max-width:332px) {
    .book-btn {
        width: 13rem;
    }
}

@media (max-width:320px) {
    .nav-link {
        font-size: inherit;
    }

    .right-options .nav-item .book-btn {
        padding: 0.8rem 1rem 0.8rem 1rem !important;
        font-size: 0.8rem !important;
        width: inherit !important;
    }

    .call-btn-new {
        padding: 1rem 0.7rem !important;
    }

    .explore-btn {
        left: 56% !important;
    }

    .sea-exp a {
        padding: 1.125rem 0.6rem 1.125rem 0.6rem !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
   
    /* .seaexpbtn1 {
        position: absolute;
        height: 60px;
        left: 65% !important;
        top: 54rem !important;
        margin-top: -2rem !important;
    } */
}
@media (max-width: 1200px) and (min-width: 992px) {
    .seaexpbtn1 {
        margin-top: 7rem !important;
    };
}


@media (max-width: 1450px) and (min-width: 1201px) {
    .seaexpbtn1 {
        margin-top: 2rem !important;
    };
}

@media (max-width: 1600px) and (min-width: 1451px) {
    .seaexpbtn1 {
        margin-top: 15rem !important;
    };
}

@media (max-width: 2500px) and (min-width: 1601px) {
    .seaexpbtn1 {
        margin-top: 5rem !important;
    };
}


@media (max-width: 767px) {
    .explore-image-double {
        max-width: 100%;
    }

    /* .head1 {
        margin-right: 8rem;
    } */
    .seaexpbtn1 {
        margin-top: 0rem !important;
    }
}
@media (max-width: 450px) {
    /* .seaexpbtn1 {
        position: absolute;
        height: 60px;
        left: 50% !important;
        top: 50.5rem !important;
    } */
    }
    
/* @media (max-width: 645px) and (min-width: 451px) {
.seaexpbtn1 {
    position: absolute;
    height: 60px;
    left: 65% !important;
    top: 50rem !important;
}
} */




/* navigation bar ends starts here */

/* footer starts here */
.footer-section1,
.btn-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.web-footer {
    width: 100%;
    height: auto;
    background-color: #18214B;
    border-radius: 20px;
    position: relative;
    bottom: 0;
    padding: 1rem;
}

.guest-preview-modal .modal-dialog {
    width: inherit !important;
    /* max-width: fit-content !important; */
}

.guest-preview-modal .modal-dialog .modal-content {
    /* width: 47.6875rem; */
}

.bodylarge-bold {
    font-family: var(--inter);
    font-size: var(--body-font-size-18);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-700);
    line-height: var(--line-height-26);
    /* color: var(--white-color-primary-70); */
}


.bodylarge-regular {
    font-family: var(--inter);
    font-size: var(--body-font-size-18);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-26);
    color: var(--white-color-primary-70);
}

.bodylarge-regular-orange {
    font-family: var(--inter);
    font-size: var(--body-font-size-18);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-26);
    color: var(--orange-color-primary);
}

.body-regular {
    font-family: var(--inter);
    font-style: normal;
    font-weight: var(--font-weight-400);
    font-size: var(--body-font-size-16);
    line-height: var(--line-height-26);
}

.web-body-regular {
    /* Web/Body/Regular */
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    /* 150% */
}

.body-bold {
    font-family: var(--inter);
    font-style: normal;
    font-weight: var(--font-weight-700);
    font-size: var(--body-font-size-16);
    line-height: var(--line-height-20);
}

.body-large-bold {
    font-family: var(--inter);
    font-style: normal;
    font-weight: var(--font-weight-700);
    font-size: var(--body-font-size-18);
    line-height: var(--line-height-26);
}

.spinner-border {
    color: #E62E2E !important;
}

.body-small-regular {
    font-family: var(--inter);
    font-style: normal;
    font-weight: var(--font-weight-400);
    font-size: var(--body-font-size-14);
    line-height: var(--line-height-20);
}

.body-large-regular {
    font-family: var(--inter);
    font-style: normal;
    font-weight: var(--font-weight-400);
    font-size: var(--body-font-size-18);
    line-height: var(--line-height-26);
}

.semi-bold {
    font-family: var(--inter);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.375rem;
    text-transform: uppercase;
}

.blue-color {
    color: var(--blue-color-primary) !important;
}

.graycircle {
    content: "";
    background: #18214B33;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: inline-block;
    line-height: 1rem;
    color: white;
    text-align: center;
    margin-right: 0.5rem;
    position: relative;
    top: 0.2rem;
}

.amount_text {
    color: var(--blue-100, #18214B);
    font-size: 1.5rem;
    font-family: Inter;
    font-weight: 700;
}

/* login css  starts */
.body-blue {
    color: rgba(24, 33, 75, 0.7) !important;
}

.body-small-bold {
    font-family: var(--inter) !important;
    /* font-family: 'Inter'; */
    font-style: normal !important;
    font-weight: var(--font-weight-700) !important;
    font-size: var(--body-font-size-14) !important;
    line-height: var(--line-height-20) !important;
}



.body-small-1 {
    font-family: var(--inter);
    font-style: normal;
    font-weight: var(--font-weight-400);
    font-size: var(--body-font-size-12);
    line-height: var(--line-height-22);
}

.mobile-h3-bold {
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-style: normal;
    font-weight: var(--font-weight-700);
    font-size: var(--heading-font-size-20);
    line-height: var(--heading-line-height-30);
}

.blue100 {
    color: var(--blue-color-primary) !important;
}

.gray70 {
    color: rgba(100, 106, 134, 0.7);
}

.form_cont {
    /* display: flex;
    justify-content: center; */
    margin: auto;
    width: 40%;
}

.required_ast {
    color: rgba(240, 73, 68, 1);
}

.required_ast_dis {
    color: rgba(47, 47, 47, 0.5);
}

.body-gray {
    color: rgba(47, 47, 47, 0.5);
}

.login input:not([type=checkbox]),
.login select {
    padding: 0.75rem 1rem;
    /* width: 28.563rem; */
    width: 100%;
    height: 48px;
    border: 1px solid rgba(24, 33, 75, 0.2);
    border-radius: 4px;
    color: var(--blue-color-primary);
    background-color: transparent;
}

.login .form-select {
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 10L12 16L6 10' stroke='%2318214B' stroke-opacity='0.4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; */
}

.formtextarea {
    padding: 0.75rem 1rem;
    color: var(--blue-color-primary)
}

.login input:read-only {
    color: rgba(47, 47, 47, 0.5);
}

.login input:focus:not(:read-only),
.feedback_txt:focus,
.formtextarea:focus,
.feedback_txt:focus-visible,
.formtextarea:focus-visible {
    border: 1px solid rgba(47, 47, 47, 0.7);
    color: var(--blue-color-primary);
}

.feedback_txt:focus-visible {
    outline: none;
}

.feedback_txt {
    padding: 1rem 0 0 1rem;
}

.login input::placeholder,
.formtextarea::placeholder {
    color: rgba(24, 33, 75, 0.4);
}


.forgot-password-link {
    font-family: var(--inter);
    font-style: normal;
    font-weight: var(--font-weight-400);
    font-size: var(--body-font-size-16);
    line-height: var(--line-height-24);
    color: rgba(248, 102, 49, 0.7);
}

.loginbt,
.profilebt {
    font-family: var(--inter);
    font-size: var(--body-font-size-14);
    font-weight: var(--heading-font-weight-700);
    line-height: var(--line-height-24);
}


.profilemodal .modal-dialog,
.feedback_modal .modal-dialog,
.addonmodal .modal-dialog,
.payment_modal .modal-dialog {
    width: 33.75rem;
    /* max-width: inherit !important; */
    border-radius: 10px;

}

.feedback_modal .modal-dialog .modal-content,
.payment_modal .modal-dialog .modal-content {
    padding: 1.688rem 0 0.625rem 0;
}

.addon_modal .modal-dialog .modal-content {
    padding: 1.688rem 0 2rem 0;
}

.signup_text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: var(--font-weight-400);
    font-size: var(--body-font-size-14);
    line-height: var(--line-height-24);
    text-align: center;
    color: #18214B;
}

.signup_link {
    color: rgba(248, 102, 49, 1);
}

/* login css ends */

/* signup css starts */
.terms_cond_text {
    font-family: var(--inter);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-400);
    font-size: var(--body-font-size-14);
    line-height: var(--line-height-20);
    color: rgba(24, 33, 75, 0.7);
}

.terms_cond_text a {
    color: rgba(24, 33, 75, 1);
}

.termscheckbox {
    border: 1px solid rgba(24, 33, 75, 0.2);
    width: 1.125rem;
    height: 1.125rem;
}

input[type=checkbox] {
    accent-color: #F86631;
}

/* signup css ends */

/* forgotpassword starts here */
.backbtn {
    width: 20%;
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    background-color: #FFFFFF;
    font-family: var(--inter);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-700);
    font-size: var(--body-font-size-14);
    line-height: var(--line-height-20);
    color: var(--blue-color-primary);
}

.backbtn_cont_web {
    width: 100%;
    position: absolute;
    top: 152.87px;
}


.backbtn_cont_mob {
    width: 100%;
    position: absolute;
    top: 7%;
    z-index: 9999;
    right: 0;
    left: 1rem;
}

.backbtn_cont_mob .backbtn {
    /* width: 47% !important; */
    width: 17%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    font-family: var(--inter);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-700);
    font-size: var(--body-font-size-14);
    line-height: var(--line-height-20);
    color: var(--blue-color-primary);

}

.body-regular-text {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: var(--font-weight-700);
    font-size: var(--body-font-size-24);
    line-height: var(--heading-line-height-30);
    color: #18214B;
}

.is-invalid {
    /* border: 1px solid #E62E2E !important; */
    color: #E62E2E !important;
}

.field-error {
    color: #E62E2E !important;
}

.password-field,
.contact_no_cont {
    position: relative;
}

.contact_no_cont input[type="text"] {
    padding-left: 40px;
}

.password-field input[type="password"] {
    padding-right: 30px;
    /* Add space for the eye icon */
}

.contact_no_cont .flag {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.password-field .toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* forgotpassword ends here */

.history_div {
    padding: 0 2.5rem;
}


.footer-phonebtn {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    gap: 11px;
    width: 200px;
    height: 60px;
    border: 1px solid #F86631;
    border-radius: 100px;
    font-family: var(--playfair-display);
    font-style: var(--font-style-italic);
    font-weight: var(--font-weight-600);
    font-size: var(--body-font-size-16);
    color: var(--white-color-primary-70);
}

.footer-bookbtn {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    gap: 11px;
    width: 200px;
    height: 60px;
    background-color: var(--orange-color-primary);
    border-radius: 100px;
    text-decoration: none;
    font-family: var(--playfair-display);
    font-style: var(--font-style-italic);
    font-weight: var(--font-weight-600);
    font-size: var(--body-font-size-16);
    color: var(--white-color-primary-70);
}

.footer-bookbtn:hover,
.footer-phonebtn:hover {
    color: var(--white-color-primary-70);
}

.mob-footer {
    display: none;
}

@media (max-width:1129px) {
    .footer-section1 {
        display: flex;
        flex-direction: column;
    }

    .btn-section {
        justify-content: flex-start;
    }
}

@media (max-width:1163px) {
    .left-options li.nav-item {
        padding: 0 0;
    }

    ul.navbar-nav.left-options.mx-3 {
        margin: 0 !important;
        padding: 0.5rem;
    }
}

@media (max-width:767px) {
    .activitylist{
        padding-left:0 !important;
    }
    .activitysection{
        padding: 0 1rem 0 1rem !important;
    }

    .cnt_btn {
        width: 13rem;
    }

    .button-cont a {
        margin: 0 0.3rem;
    }

    .desktop-footer {
        display: none;
    }

    .mob-footer {
        display: block;
    }

    .image-and-text-section .order-lg-1 {
        text-align: center;
    }

}

/* footer ends here */
/* footer ends here */



/*Header fonts */
h1 {
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference) !important;
    font-style: normal;
    font-weight: var(--font-weight-500);
    font-size: var(--heading-font-size-60);
    line-height: var(--heading-line-height-70);
}

h1.white {
    color: rgba(255, 255, 255, 1);
}

h1 i {
    font-style: Italic;
}

h2 {
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference) !important;
    font-style: normal;
    font-weight: var(--font-weight-500);
    font-size: var(--heading-font-size-48);
    line-height: var(--heading-line-height-60);
}


h2 i {
    font-style: Italic;
}

h2.white {
    color: #fff;
}


h2.medium {
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-weight: var(--font-weight-500);
    font-size: var(--heading-font-size-48);
    line-height: var(--heading-line-height-60);
    /* color: var(--white-color-primary); */

}

h3 {
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-style: normal;
    font-weight: var(--font-weight-500);
    font-size: var(--heading-font-size-40);
    line-height: var(--heading-line-height-50);
}

h3 i {
    font-style: Italic;
}

.blue70 {
    color: var(--blue-color-primary-70) !important;
}

.blue {
    color: rgba(24, 33, 75, 1);
}

.orange {
    color: var(--orange-color-primary);
}

.orange100 {
    color: #F86631;
}

h3.white {
    color: var(--white-color-primary);
}

h4 {
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-style: normal;
    font-weight: var(--font-weight-500);
    font-size: var(--heading-font-size-32);
    line-height: var(--heading-line-height-40);
    /* text-align: center; */
}

h4.white {
    color: #FFFFFF;
}

.white-font {
    color: var(--white-color-primary) !important;
}

h3.mobile-medium {
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.875rem;
    /* identical to box height, or 150% */

    text-align: center;

    /* White/100 */

    color: #FFFFFF;
}

/* Start - Client Testimonial Section (contact-us page) */

.client_tm_title h2 {
    /* font-family: 'Playfair Display'; */
    font-family: var(--glacial-indifference);
    font-style: normal;
    font-weight: 500 !important;
    font-size: 42px !important;
    line-height: 60px !important;
    color: #18214B !important;
    margin-left: 2rem !important;
    padding-top: 3rem !important;
}

.client_tm_text p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgba(24, 33, 75, 0.7);
    margin-left: 4rem;
    padding-top: 4rem;
}

.caros_card {
    box-sizing: border-box;
    border: 1px solid rgba(24, 33, 75, 0.2);
    border-radius: 20px;
    background: #FFFFFF;
}



.slider-cell>.card-body>.card-text {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 30px;
    margin-left: 1rem;
}

.slider {
    /* background: #E6E6E6 !important; */
}

.testimonial-card-footer {
    border: none;
    background-color: transparent;
}

.slider-cell.is-selected>.card-body>.card-text {
    color: rgba(24, 33, 75, 0.7);
}

.slider-cell:not(.is-selected)>.card-body>.card-text {
    /* background-color: #18214B !important; */
    color: #6d72806b !important;
}

.footer-text p {
    margin-left: 2rem;

}

.slider-cell:not(.is-selected)>.card-footer>.footer-text>p {
    /* background-color: #18214B !important; */
    color: #18214b7a !important;
}

.testimonial-text {
    font-family: var(--inter);
    font-weight: 400px;
    font-size: 1.5rem;
    font-style: italic;
    line-height: 2rem;
    color: var(--blue-color-primary-70);
}

.slider-cell {
    width: 50%;
    height: 80%;
    /* height: 50vh !important; */
    margin-right: 0.5rem !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(24, 33, 75, 0.2) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    /* background: #8C8; */
    counter-increment: slider-cell;
}

.slider-indicators {
    position: relative;
    bottom: 50px !important;
    left: 95%;
    transform: translateX(-50%);
    display: flex;
}

.slider-indicator {
    width: 31.09px;
    height: 3.45px;
    margin: 0 2px;
    background-color: rgba(24, 33, 75, 0.2) !important;
    border-radius: 30px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    cursor: pointer;
}

.slider .flickity-viewport {
    height: 390px !important;
}

.slider-indicator.active {
    background-color: #F86631;
}

.slider .flickity-prev-next-button {
    display: none;
}

.slider .flickity-page-dots {
    display: block;
    position: inherit;
    bottom: auto;
}

.flickity-page-dots .dot {
    display: inline-block !important;
    width: 31.09px !important;
    height: 3.45px !important;
    margin: 0 2px !important;
    background-color: rgba(24, 33, 75, 0.2) !important;
    border-radius: 30px !important;
    transform: matrix(1, 0, 0, -1, 0, 0) !important;
    cursor: pointer !important;
    bottom: 50px !important;
    left: 95% !important;
    transform: translateX(-50%) !important;
}

.flickity-page-dots .dot.is-selected {
    background-color: #F86631 !important;
}

@media (max-width: 767px) {
    .client_tm_title h2 {
        /* font-family: 'Playfair Display'; */
        font-family: var(--glacial-indifference);
        font-style: normal;
        font-weight: 500 !important;
        font-size: 30px !important;
        line-height: 40px !important;
        color: #18214B !important;
        margin-left: 1rem !important;
        padding-top: 3rem !important;
    }

    .client_tm_text p {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 22px !;
        color: rgba(24, 33, 75, 0.7);
        margin-left: 1rem;
        padding-top: 1rem;
    }

    .card-text {
        font-family: 'Inter';
        font-style: italic;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: rgba(24, 33, 75, 0.7);
        margin-left: 1rem;
    }

    .caros_card {
        box-sizing: border-box;
        border: 1px solid rgba(24, 33, 75, 0.2);
        border-radius: 20px;
        color: rgba(24, 33, 75, 0.7);
    }

    .slider {}


    .slider-cell {
        width: 80%;
        height: 100% !important;
        margin-right: 0 !important;
        border-radius: 20px !important;
    }

    .slider-indicators {
        bottom: 30px !important;
    }

    .slider-indicator {
        width: 20px;
        height: 2px;
        margin: 0 2px;
        background-color: rgba(24, 33, 75, 0.2) !important;
        border-radius: 10px;
    }

    .slider-indicator.active {
        background-color: #F86631;
    }

    .flickity-page-dots .dot {
        width: 20px;
        height: 2px;
        margin: 0 2px;
        background-color: rgba(24, 33, 75, 0.2);
        border-radius: 10px;
        bottom: 30px !important;
        left: 50%;
        transform: translateX(-50%);
    }

    h2.medium {
        font-size: var(--heading-font-size-30);
        line-height: var(--heading-line-height-40);
        /* color: var(--white-color-primary); */

    }
}


/* End - Client Testimonial Section (contact-us page) */
.heading-26-bold {
    font-family: var(--playfair-display);
    font-style: normal;
    font-weight: var(--font-weight-700);
    font-size: var(--body-font-size-26);
    line-height: 2.438rem;
    /* identical to box height, or 150% */

    text-align: center;
    letter-spacing: 0.063rem;

    /* Blue/100 */

    color: #18214B;
}

.body-regular {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: var(--body-font-size-16);
    line-height: var(--line-height-24);
    color: rgba(24, 33, 75, 0.7);
}

.body-regular-white {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.7);
}

.body-regular-white-mobile {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: rgba(255, 255, 255, 0.7);
}

.body-lold .bodylarge-regular-blue {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: var(--body-font-size-16);
    line-height: 1.375rem;
    color: var(--blue-color-primary-70);
}

.bodylarge-regular-grey {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: var(--body-font-size-16);
    line-height: 1.375rem;
    color: rgba(100, 106, 134, 0.7);
}

.bodylarge-regular-grey100 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: var(--body-font-size-16);
    line-height: 1.375rem;
    color: #6D7280;
}

.book-btn-white {
    --color: var(--orange-color-primary);
    /* width: 173px;
    height: 60px;
    padding: 18px 20px;
    background-color: #FFFFFF;
    border-radius: 100px;
    text-decoration: none;
    color: rgba(24, 33, 75, 1);
    font-size: 1rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: rgba(24, 33, 75, 1); */

    display: inline-block;
    width: 180px;
    height: 60px;
    line-height: 2.5em;
    overflow: hidden;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    color: rgba(24, 33, 75, 1);
    border: 1px solid #F86631;
    border-radius: 100px;

    /* --color: var(--orange-color-primary); */
    /* display: inline-block; */
    /* display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; */
    /* background-color: #FFFFFF;
    width: 180px;
    height: 60px;
    padding: 18px 20px;
    line-height: 2.5em;
    overflow: hidden;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    color: rgba(24, 33, 75, 1);
    border: 1px solid #F86631;
    border-radius: 100px; */
}


.book-btn-orangebd {
    /* --color: var(--orange-color-primary);
    width: 173px;
    height: 60px;
    padding: 1rem 2rem;
    text-decoration: none;
    background-color: var(--orange-color-primary) !important;
    color: var(--white-color-primary);
    border-radius: 100px;
    font-family: var(--playfair-display);
    font-weight: var(--font-weight-600);
    position: relative;
    z-index: 1;
    overflow: hidden; */
    --color: var(--orange-color-primary);
    /* width: 173px;
    height: 60px; */
    /* padding-top: 15px; */
    padding: 1.125rem 2.344rem 1.125rem 2.344rem;
    text-align: center;
    border-radius: 100px;
    text-decoration: none;
    color: rgba(24, 33, 75, 1);
    font-size: 1rem;
    display: block;
    border: 1px solid #F86631;
    /* font-family: 'Playfair Display'; */
    font-family: var(--glacial-indifference);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    /* line-height: 24px; */
    color: rgba(24, 33, 75, 1);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.book-btn-white::before,
.book-btn-orangebd::before {
    position: absolute;
    content: "";
    background-color: var(--orange-color-primary);
    width: 270px;
    height: 200px;
    z-index: -1;
    border-radius: 50%;
}

.book-btn-orangebd:hover {
    color: white !important;
}

.book-btn-white:hover {
    color: white !important;
}

.book-btn-white:hover img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}

.book-btn-orangebd:hover img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}


.book-btn-white:before,
.book-btn-orangebd:before {
    top: 100%;
    left: 100%;
    transition: .3s all;
}

.book-btn-white:hover::before,
.book-btn-orangebd:hover::before {
    top: -30px;
    left: -30px;
}

.pop-destination {
    padding: 1.125rem 3.75rem;
}

/* .book-btn-orangebd:hover{
    color: rgba(24, 33, 75, 1);
} */

.call-btn-trans {
    --color: var(--orange-color-primary) background-color: rgba(24, 33, 75, 0.2);
    /* width: 173px;
    height: 60px;
    padding: 18px 20px;
    background: rgba(24, 33, 75, 0.2);
    border: 1px solid #F86631;
    border-radius: 100px;
    text-decoration: none;
    font-size: 1rem;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    overflow: hidden; */

    --color: var(--orange-color-primary);
    font-family: 'Playfair Display';
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    /* width: 180px;
    height: 60px; */
    /* padding: 0.8rem 2.8rem 0.8rem 2rem; */
    padding: 1.125rem 2.344rem 1.125rem 2.344rem;
    /* line-height: 2.5em; */
    color: #FFFFFF;
    overflow: hidden;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    border: 1px solid #F86631;
    border-radius: 100px;
}

.call-btn-trans::before {
    position: absolute;
    content: "";
    background-color: var(--orange-color-primary);
    width: 250px;
    height: 200px;
    z-index: -1;
    border-radius: 50%;
}

.call-btn-trans:hover {
    color: white !important;
}

.call-btn-trans:hover {
    color: white !important;
}

.call-btn-trans:hover img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}

.call-btn-trans:hover img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}


.call-btn-trans:before {
    top: 100%;
    left: 100%;
    transition: .3s all;
}

.call-btn-trans:hover::before {
    top: -30px;
    left: -30px;
}

.btn-blue {
    background: rgba(24, 33, 75, 0.2);
    border-radius: 6.25rem;
    color: #FFFFFF;
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-size: var(--body-font-size-16);
    font-weight: var(--font-weight-600);
    line-height: var(--line-height-24);
    font-style: normal;
    border: 0.063rem solid #F86631;
    text-decoration: none;
    /* padding: 1rem 1.5rem 1rem 1.5rem; */
    padding: 0.8rem 2rem 0.8rem 2rem;
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* width: 100%; */
}

.btn-orange {
    background: #F86631;
    border-radius: 6.25rem;
    color: #FFFFFF;
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-size: var(--body-font-size-16);
    font-weight: var(--font-weight-600);
    line-height: var(--line-height-24);
    font-style: normal;
    border: 0.063rem solid #F86631;
    text-decoration: none;
    padding: 1rem 1.8rem 1rem 1.8rem;
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* width: 100%; */
}

.yes_btn {
    width: 20%;
}

.cancelbtn {
    background-color: transparent !important;
    border-radius: 4.57806rem !important;
    border: 1px solid var(--blue-20, rgba(24, 33, 75, 0.20)) !important;
}

.btn-orange-border {

    border: 0.063rem solid #F86631;
    border-radius: 6.25rem;
    color: #18214B;
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference); 
    font-size: var(--body-font-size-16);
    font-weight: var(--font-weight-600);
    /* line-height: var(--line-height-24); */
    font-style: normal;
    border: 0.063rem solid #F86631;
    text-decoration: none;
    /* padding: 1rem 2rem 1rem 2rem; */
    padding: 1.125rem 2.344rem 1.125rem 2.344rem;
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* width: 100%; */

}

.invoice-btn::before {
    width: 489px !important;
}

.btn-orange::before {
    position: absolute;
    content: "";
    background-color: white;
    width: 270px;
    height: 200px;
    z-index: -1;
    border-radius: 50%;
}

.sort-icon {
    display: flex !important;
    align-items: center !important;
    margin: 0 0.5rem !important;
}

.sortable {
    cursor: pointer;
}

.btn-orange:hover {
    color: var(--orange-color-primary) !important;
}

.btn-orange:hover {
    color: var(--orange-color-primary) !important;
}

.btn-orange:hover img {
    filter: invert(40%) sepia(98%) saturate(644%) hue-rotate(337deg) brightness(102%) contrast(80%)
}


.btn-orange:before {
    top: 100%;
    left: 100%;
    transition: .3s all;
}

.invoice-btn:hover::before {
    left: -49px !important;
}

.btn-orange:hover::before {
    top: -30px;
    left: -30px;
}


.btn-white {

    background: #FFFFFF;
    border-radius: 6.25rem;
    color: #18214B;
    font-family: var(--playfair-display);
    font-size: var(--body-font-size-16);
    font-weight: var(--font-weight-600);
    line-height: var(--line-height-24);
    font-style: normal;
    text-decoration: none;
    padding: 1rem 1.5rem 1rem 1.5rem;
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* width: 100%; */

}

.cancelbtn::before {
    position: absolute;
    content: "";
    background-color: var(--orange-color-primary);
    width: 270px;
    height: 200px;
    z-index: -1;
    border-radius: 50%;
}

.btn-white::before,
.btn-orange-border::before,
.btn-blue::before {
    position: absolute;
    content: "";
    background-color: var(--orange-color-primary);
    width: 250px;
    height: 200px;
    z-index: -1;
    border-radius: 50%;
}

.btn-white:hover,
.cancelbtn:hover,
.btn-orange-border:hover,
.btn-blue:hover {
    color: white !important;
}

.cancelbtn:hover,
.btn-white:hover,
.btn-orange-border:hover,
.btn-blue:hover {
    color: white !important;
}

.btn-white:hover img,
.btn-orange-border:hover img,
.btn-blue:hover img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}

.btn-orange-border:hover img,
.btn-blue:hover img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}

.btn-white:before,
.btn-orange-border:before,
.btn-blue:before,
.cancelbtn::before {
    top: 100%;
    left: 100%;
    transition: .3s all;
}

.btn-white:hover::before,
.btn-orange-border:hover::before,
.cancelbtn:hover::before,
.btn-blue:hover::before {
    top: -30px;
    left: -30px;
}

.btn-orange-border-absolute {
    text-decoration: none;
    box-sizing: border-box;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* padding: 0.625rem 1.25rem; */
    /* gap: 11px; */
    color: #18214B;
    /* Orange/100 */
    border: 0.063rem solid #F86631;
    border-radius: 6.25rem;
    width: 12rem;
    bottom: 8rem;
    margin-left: 2rem;

    font-family: var(--playfair-display);
    font-style: normal;
    font-weight: var(--font-weight-600);
    font-size: var(--body-font-size-16);
    line-height: var(--line-height-24);
    padding: 1rem 1.5rem 1rem 1.5rem;
    margin-bottom: 0.5rem;
}

.btn-hyper {
    background: rgba(24, 33, 75, 0.2);
    /* border-radius: 6.25rem; */
    color: #FFFFFF;
    /* font-family: var(--playfair-display); */
    font-family: var(--glacial-indifference);
    font-size: var(--body-font-size-16);
    font-weight: var(--font-weight-600);
    line-height: var(--line-height-24);
    font-style: normal;
    /* border: 0.063rem solid #F86631; */
    text-decoration: none;
    padding: 1rem 1.5rem 1rem 1.5rem;
    text-align: start;
}

.btn-hyper:hover,
.phone_num:hover {
    color: var(--orange-color-primary) !important;
    text-decoration: underline;
}


img {

    animation: fade-In 1s ease-in;
    -webkit-animation: fade-In 1s ease-in;
    -moz-animation: fade-In 1s ease-in;
    -o-animation: fade-In 1s ease-in;
    -ms-animation: fade-In 1s ease-in;
}

a.btn {

    animation: fade-In 1s ease-in;
    -webkit-animation: fade-In 1s ease-in;
    -moz-animation: fade-In 1s ease-in;
    -o-animation: fade-In 1s ease-in;
    -ms-animation: fade-In 1s ease-in;
}



/* media query for smaller screens */
/* @media (max-width: 768px) {

  
  } */


/* .hero-text {
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.hero-text h1 {
    text-align: center;
}

/***** End hero section *****/

#testimonial {
    background-color: #FFFFFF;
    border-radius: 20px;
}

/***** exploration section *****/

.exploration-section {
    padding: 2rem 3.125rem;
}

.exploration-section-text {
    margin-top: 5rem;
}

.mobile-image-section {
    display: none;
}

.mobileexperience-section {
    display: none;
}

.img1 {
    /* image-rendering: pixelated; */
    position: relative;
    flex: 30%;
    margin: 0 10px;
}

.img1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(178.28deg, rgba(0, 0, 0, 0) 1.46%, rgba(0, 0, 0, 0.6) 77.75%);
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    border-radius: 20px;
}

.is-visible {
    margin-right: 19px !important;
    width: 285.667px !important;
}

.dis-adv img {
    width: 100% !important;
    max-width: 100%;
}

@media (max-width: 1290px) and (min-width:992px) {

    .dis-adv img {
        width: 100% !important;
    }
}   

.accomodation-section {
    /* width: 100%; */
    overflow-x: auto;

}

.tabs-section{
    color: var(--blue-100, #18214B);
    font-family: Inter;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem; /* 144.444% */
    cursor: pointer;
}

@media (min-width:1475px) {

    .dis-adv img {
        width: 100% !important;
        max-width: 100%;
    }

    /* .seaexpbtn1 {
        margin-top: 10rem;
    } */
}

@media (max-width:1433px) {
   
    .dis-adv img {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 4rem;
    }

    .sea-main {
        flex: 100%;
    }

    .sea-explore-image {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sea-explore-image img {
        margin-top: 15px;
        width: 100%;

    }

    .exploration-section-text {
        margin-top: 1.5rem;
    }
}

.explore-image-mob {
    display: none;
}

dis-adv-mob {
    display: none;
}

.mob-btn-explore {
    display: none;
}

/* .product-thumbs .swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    width: 12% !important;
    height: auto;
    position: relative;
    transition-property: transform;
   } */

@media (max-width:645px) {
    .mobile_padding2 {
        justify-content: center;
    }

    .book-btn:not(.right-options .nav-item .book-btn) {
        padding: 1.125rem 3.188rem 1.125rem 3.188rem;
        /* width: 180px;
    height: 60px; */
    }
}

@media (max-width:645px) {
            
    .hero-mob-btn:not(.right-options .nav-item .book-btn) {
        padding: 0.75rem 2rem 0.75rem 2rem !important;
        
    }
   

    .right-options .nav-item .book-btn {
        width: 10rem;
        height: 60px;
        padding: 0;
        font-size: 1rem;
    }

    .call-btn-trans {
        padding: 1.125rem 2.5rem 1.125rem 2.5rem
    }

    .book-btn-orangebd {
        width: 173px;
        height: 60px;
        padding: 15px 0 0 0;
        /* padding: 1.125rem 1.625rem 1.125rem 1.625rem; */
    }

    .book-btn-new {
        padding: 0.813rem 2.125rem;
    }

    .call-btn-new {
        padding: 0.813rem 1.444rem;
    }

    .home-about .btn-orange-border {
        width: 60% !important;
    }

    .btn-orange-border {
        font-size: 0.9rem;
        width: 100%;
    }

    .sea-exp a {
        width: 100%;
        padding: 1.125rem 1.625rem 1.125rem 1.625rem;
    }

    .right-options .phone_num {
        /* width: auto;
        height: auto; */
        line-height: 0;
    }

    .herobtn-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .herobtn-section a:nth-child(1) {
        margin: 0.5rem 0;
    }

    .esc-text {
        display: none;
    }


    h3 {
        /* font-family: 'Playfair Display'; */
        font-family: var(--glacial-indifference);
        font-style: normal;
        font-weight: 500;
        font-size: var(--heading-font-size-20);
        line-height: var(--heading-line-height-30);
    }

    .mob-btn-explore {
        display: block;
        width: 50%;
    }

    .explore-btn-web {
        display: none;
    }

    .explore-btn {
        /* position: absolute; */
        /* width: 162px; */
        /* height: 60px;
        left: 48%;
        top: 52rem; */
        /* top: 780px; */
        /* top: 70%; */
    }

    .explore-image-mob {
        display: inline-flex;
        /* margin-right: 20px; */
        flex-direction: column-reverse;
        width: 100%;

    }

    .dis-adv-mob {
        display: inline-flex;
        /* margin-right: 20px; */
        flex-direction: column-reverse;
        width: 100%;

    }

    .exploration-section-text {
        margin: 0;
    }

    .explore-image-mob img {
        /* display: block;
        margin-right: 20px; */
        width: 100%;
    }

    .dis-adv-mob img {
        /* display: block;
        margin-right: 20px; */
        width: 100%;
    }

    /* .explore-image {
        display: none !important;
    } */

    dis-adv {
        display: none;
    }

    .faq-body {
        background-image: none !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width:390px) {
    .right-options .nav-item .book-btn {
        /* padding: 0.8rem 2.4rem 0.8rem 2.4rem; */
        font-size: 1rem;
    }

}

/* @media (max-width:1461px) and (min-width:796px) {
    .explore-image {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
} */

/***** End exploration section *****/

/***** experiences *****/
.experiences {
    width: 100%;
    height: fit-content;
    /* min-height: fit-content; */
    background-color: #18214B;
    border-radius: 20px;
    padding: 60px 50px;

}

.header-text {
    width: 47%;
}

.experience-gallery {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}



.overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    color: #fff;
}


.img1 .experience-img {
    border-radius: 20px;
    margin-top: 15px;
    width: 100%;
}

.exp_sitka .experience-img {
    border-radius: 20px;
    margin-top: 15px;
    width: 100%;
    /* height: 340px; */
    height: 30rem;
}

.comingsoontag{
    border-radius: 6.25rem;
    padding: 0.375rem 1rem;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    width: 30%;
    margin: auto;
    cursor: pointer;
}

.comingsoontag-mob{
    border-radius: 6.25rem;
    padding: 0.375rem 1rem;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    width: 100%;
    margin: auto;
    cursor: pointer;
}

.comingsoonmodal{
    border-radius: 6.25rem;
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--orange-100, #F86631);
    background: var(--orange-20, rgba(248, 102, 49, 0.20));
    color: #F86631;
    margin: 0.4rem 0;
    /* width: 20%; */
}

/***** End experiences *****/

/***** story *****/

/* Style the button group */
.button-cont {
    /* margin-top: 20px; */
    display: flex;
    flex-wrap: nowrap;
}

/* On small devices, show the text first and the image below it */
@media (max-width: 767px) {

.navbar-toggler {
    padding:0.25rem !important;
}

.latitude-sticky-logo {
    left: 50%;
    transform: translate(-50%, 0);
}

.navmobile {
    width: 90%;
    white-space: normal;
}

    .image-and-text-section .col-lg-6 {
        width: 100%;
        margin-bottom: 30px;
    }

    .image-and-text-section .order-lg-1 {
        order: 2;
    }

    .image-and-text-section .order-lg-2 {
        order: 1;
    }

    .text-section .sub-ord-1 {
        order: 1;
    }

    .text-section .sub-ord-2 {
        margin-top: 15px;
        order: 3;
    }

    .text-section .sub-ord-3 {
        order: 2;
    }

    .body-regular {
        font-size: 14px;
    }
}



/* On larger devices, show the image on the left and the text on the right */
@media (min-width: 768px) {
    .image-and-text-section .col-lg-6 {
        width: 50%;
        float: left;
    }

    .image-and-text-section .order-lg-1 {
        order: 1;
    }

    .image-and-text-section .order-lg-2 {
        order: 2;
    }

    .text-section .sub-ord-1 {
        order: 1;
    }

    .text-section .sub-ord-2 {
        margin-top: 15px;
        order: 2;
    }

    .text-section .sub-ord-3 {
        order: 3;
    }

    /* Add style for the buttons */
    .image-and-text-section .button-group {
        margin-top: 20px;
        text-align: center;
    }

    /* Make the buttons inline */
    .image-and-text-section .button-group a {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }

}

.expclosemodal{
    display: none;
}

@media (max-width:768px) {
    .closepopup{
        display: none;
    }
    #experiencesModal .modal-dialog .modal-content{
        max-height: inherit !important;
        min-height: inherit !important;
        padding-left: 0;
        padding-right: 0;
    }
    .expclosemodal{
        display: block;
    }
    .header-item {
        flex-direction: column-reverse !important;
    }

    .btn-close {
        margin-left: auto !important;
    }

    .modal-title {
        text-align: center;
    }

    /* .header-item {
        flex-direction: column-reverse !important;
        display: flex !important;
      }

    .header-item .modal-title{
        text-align: center !important;
    }

    .header-item .btn-close{
        align-self: end !important;
    } */

    .cancelbtn {
        width: 30%;
        /* padding: 0.875rem 2rem !important; */
    }

    #usercreationmodal .modal-dialog .modal-content .modal-footer,
    #userupdatemodal .modal-dialog .modal-content .modal-footer,
    #rescheduleBookingModal .modal-dialog .modal-content .modal-footer,
    #AddonsModal .modal-dialog .modal-content .modal-footer,
    #invoicesModal .modal-dialog .modal-content .modal-footer,
    #refundAmountModal .modal-dialog .modal-content .modal-footer,
    #announcementCreateModal .modal-dialog .modal-content .modal-footer,
    #announcementUpdateModal .modal-dialog .modal-content .modal-footer,
    #rateCreateModal .modal-dialog .modal-content .modal-footer,
    #rateUpdateModal .modal-dialog .modal-content .modal-footer,
    #refundModal .modal-dialog .modal-content .modal-footer,
    #adventureUpdateModal .modal-dialog .modal-content .modal-footer,
    #paymentReviewModal .modal-dialog .modal-content,
    #reassignBoatsModal .modal-dialog .modal-content .modal-footer,
    #reassignCabinsModal .modal-dialog .modal-content .modal-footer,
    #editGuestsModal .modal-dialog .modal-content .modal-footer,
    #editGuestsModalPreview .modal-dialog .modal-content .modal-footer,
    #datesUpdateModal .modal-dialog .modal-content .modal-footer,
    #cabinaddmodal .modal-dialog .modal-content .modal-footer,
    #cabincategoryupdatemodal .modal-dialog .modal-content .modal-footer,
    #addonaddmodal .modal-dialog .modal-content .modal-footer,
    #adventureModal .modal-dialog .modal-content .modal-footer,
    #activityModal .modal-dialog .modal-content .modal-footer,
    #taxcrtmodal .modal-dialog .modal-content .modal-footer,
    #userupdateaddsuccessful .modal-dialog .modal-content .modal-footer,
    #serviceModal .modal-dialog .modal-content .modal-footer,
    #allServicesModal .modal-dialog .modal-content .modal-footer
    
    {
        flex-wrap: nowrap !important;
    }

    .main_row {
        border: none !important;
    }

    .amount_text {
        font-size: 1.25rem;
    }

    .service_div,
    .guest_div {
        padding: 0;
    }

    .paybtn {
        width: 100% !important;
    }

    .cruser,
    .upuser {
        width: 70% !important;
    }
    .feedback_modal .modal-dialog,
    .addonmodal .modal-dialog,
    .payment_modal .modal-dialog,
    #usercreationmodal .modal-dialog,
    #userupdatemodal .modal-dialog,
    #rescheduleBookingModal .modal-dialog,
    #AddonsModal .modal-dialog,
    #invoicesModal .modal-dialog,
    #refundAmountModal .modal-dialog,
    #announcementCreateModal .modal-dialog,
    #announcementUpdateModal .modal-dialog,
    #rateCreateModal .modal-dialog,
    #rateUpdateModal .modal-dialog,
    #refundModal .modal-dialog,
    #adventureUpdateModal .modal-dialog,
    #paymentReviewModal .modal-dialog,
    #reassignBoatsModal .modal-dialog,
    #reassignCabinsModal .modal-dialog,
    #editGuestsModal .modal-dialog,
    #editGuestsModalPreview .modal-dialog,
    #datesUpdateModal .modal-dialog,
    #cabinaddmodal .modal-dialog,
    #cabincategoryupdatemodal .modal-dialog,
    #addonaddmodal .modal-dialog,
    #adventureModal .modal-dialog,
    #activityModal .modal-dialog,
    #taxcrtmodal .modal-dialog,
    #userupdateaddsuccessful .modal-dialog,
    #serviceModal .modal-dialog,
    #allServicesModal .modal-dialog  
    
    {
        width: 100%;
        max-width: 100%;
    }

    .feedback_modal .modal-dialog .modal-content,
    .addonmodal .modal-dialog .modal-content,
    .payment_modal .modal-dialog .modal-content,
    #usercreationmodal .modal-dialog .modal-content,
    #userupdatemodal .modal-dialog .modal-content,
    #rescheduleBookingModal .modal-dialog .modal-content,
    #AddonsModal .modal-dialog .modal-content,
    #invoicesModal .modal-dialog .modal-content,
    #refundAmountModal .modal-dialog .modal-content,
    #announcementCreateModal .modal-dialog .modal-content,
    #announcementUpdateModal .modal-dialog .modal-content,
    #rateCreateModal .modal-dialog .modal-content,
    #rateUpdateModal .modal-dialog .modal-content,
    #refundModal .modal-dialog .modal-content,
    #reassignBoatsModal .modal-dialog .modal-content,
    #reassignCabinsModal .modal-dialog .modal-content,
    #editGuestsModal .modal-dialog .modal-content,
    #editGuestsModalPreview .modal-dialog,
    .modal-content,
    #adventureUpdateModal .modal-dialog .modal-content,
    #paymentReviewModal .modal-dialog .modal-content,
    #datesUpdateModal .modal-dialog .modal-content,
    #cabinaddmodal .modal-dialog .modal-content,
    #cabincategoryupdatemodal .modal-dialog .modal-content,
    #addonaddmodal .modal-dialog .modal-content,
    #adventureModal .modal-dialog .modal-content,
    #activityModal .modal-dialog .modal-content,
    #taxcrtmodal .modal-dialog .modal-content,
    #userupdateaddsuccessful .modal-dialog .modal-content
    #serviceModal .modal-dialog .modal-content,
    #allServicesModal .modal-dialog .modal-content  
    {
        border-radius: 0;
    }

    #usercreationmodal .modal-content,
    #userupdateaddsuccessful .modal-content,
    #userupdatemodal .modal-content,
    #rescheduleBookingModal .modal-content,
    #AddonsModal .modal-content,
    #invoicesModal .modal-content,
    #refundAmountModal .modal-content,
    #announcementCreateModal .modal-content,
    #announcementUpdateModal .modal-content,
    #rateCreateModal .modal-content,
    #rateUpdateModal .modal-content,
    #refundModal .modal-content,
    #adventureUpdateModal .modal-content,
    #paymentReviewModal .modal-content,
    #reassignBoatsModal .modal-content,
    #reassignCabinsModal .modal-content,
    #editGuestsModal .modal-content,
    #editGuestsModalPreview .modal-content,
    #datesUpdateModal .modal-content,
    #cabinaddmodal .modal-content,
    #cabincategoryupdatemodal .modal-content,
    #addonaddmodal .modal-content,
    #adventureModal .modal-content,
    #activityModal .modal-content,
    #taxcrtmodal .modal-content,
    #adventureModal .modal-content, 
    #serviceModal .modal-content,
    #allServicesModal .modal-content
    {
        height: 100%;
        min-height: 100%;
    }

    .addonmodal .modal-dialog .modal-content .modal-body,
    .payment_modal .modal-dialog .modal-content .modal-body {
        padding: 0;
    }

    .feedback_modal .modal-dialog .modal-content .modal-body,
    .addonmodal .modal-dialog .modal-content .modal-body,
    .addon_modal .modal-dialog .modal-content .modal-body {
        flex: none;
    }

    .update-password {
        order: 2;
    }

    .profile_modal_footer button {
        width: 100%;
    }

    .profilemodal .modal-dialog {
        /* width: inherit;
        max-width: inherit !important; */
        width: 100%;
        max-width: 100%;
        border-radius: 10px;
    }


    /* #exampleModal {
        padding: 0px !important;
        margin-top: 0 !important;
      }
      .modal-dialog {
        margin: 0px;
      } */

    .history_div {
        padding: 0;
    }

    .signupbtn_cont {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
    }

    .signup_2 {
        bottom: inherit;
    }

    .main_login_text {
        font-family: var(--inter);
        font-style: normal;
        font-weight: var(--font-weight-400);
        font-size: var(--body-font-size-14) !important;
        line-height: var(--heading-font-size-20) !important;

    }



    .loginbt {
        width: 100% !important;
    }

    .login {
        padding: 0;
    }

    .login_card_body {
        padding: 0;
    }

    .form_cont {
        width: 100%;
    }

    .forgot_pass,
    .loginbtn_cont {
        margin: 1.8rem 0 !important;
    }

    .thumb_img {
        width: 100%;
        height: 70%;
        border-radius: 20px;
    }

    .product-thumbs .swiper-wrapper .swiper-slide {
        width: 40% !important;
    }

    .hero-btn1 {
        margin: 7px 0;
    }

    .text-section {
        padding: 0.8rem 0;
    }

    .image-and-text-section .col-lg-6 {
        width: 100%;
        float: left;
    }

    .image-and-text-section .order-lg-1 {
        order: 2;
        text-align: center;
    }

    .image-and-text-section .order-lg-1 img {
        width: 100%;
    }

    .image-and-text-section .order-lg-2 {
        order: 1;
    }

    .btn-blue,
    btn-orange-border,
    btn-orange-border-absolute,
    btn-white,
    .btn-hyper {
        padding: 0.5rem 1rem 0.5rem 1rem;
    }

    h1 {
        font-weight: var(--font-weight-500);
        font-size: var(--heading-font-size-40);
        line-height: var(--heading-line-height-50);
    }

    h1.white {
        color: rgba(255, 255, 255, 1);
    }

    h1 i {
        font-style: Italic;
    }

    h2 {
        font-size: var(--heading-font-size-30);
        line-height: var(--heading-line-height-40);
    }


    h2 i {
        font-style: Italic;
    }

    h2.white {
        color: #fff;
    }


    h3 {
        font-size: var(--heading-font-size-20);
        line-height: var(--heading-line-height-30);
    }

    h3 i {
        font-style: Italic;
    }



    h4 {
        font-size: var(--heading-font-size-20);
        line-height: var(--heading-line-height-30);
    }



    .bodylarge-regular {
        font-size: var(--body-font-size-14);
        line-height: var(--line-height-24);
    }


    .body-regular {
        font-size: var(--body-font-size-14);
        line-height: var(--line-height-24);
    }




    .img1 {
        /* image-rendering: pixelated; */
        position: relative;
        flex: 30%;
        margin: 0 0;
    }

    .exploration-section {
        padding: 1rem 0;
    }

    .experiences {
        width: 100%;
        height: fit-content;
        padding: 60px 20px;
    }

    .webexperience-section {
        display: none;
    }

    .header-text {
        width: 100%;
        font-style: italic !important;
    }

    .web-image-section {
        display: none;
    }

    .mobile-image-section {
        display: block;
    }

    .mobileexperience-section {
        display: block;
    }

    .mobimg {
        height: 250px;
    }

    .btn-blue,
    btn-orange-border,
    btn-orange-border-absolute,
    btn-white,
    .btn-hyper {
        padding: 0.5rem 1rem 0.5rem 1rem;
    }

    h1 {
        font-weight: var(--font-weight-500);
        font-size: var(--heading-font-size-40);
        line-height: var(--heading-line-height-50);
    }

    h1.white {
        color: rgba(255, 255, 255, 1);
    }

    h1 i {
        font-style: Italic;
    }

    h2 {
        font-size: var(--heading-font-size-30);
        line-height: var(--heading-line-height-40);
    }


    h2 i {
        font-style: Italic;
    }

    h2.white {
        color: #fff;
    }


    h3 {
        font-size: var(--heading-font-size-24);
        line-height: var(--heading-line-height-30);
    }

    h3 i {
        font-style: Italic;
    }



    h4 {
        font-size: var(--heading-font-size-20);
        line-height: var(--heading-line-height-30);
    }



    .bodylarge-regular {
        font-size: var(--body-font-size-14);
        line-height: var(--line-height-24);
    }


    .body-regular {
        font-size: var(--body-font-size-14);
        line-height: var(--line-height-24);
    }

}





/* Make the buttons full width on small devices */
@media (max-width: 767px) {
    .myaddonguests {
        width: inherit !important;
    }

    .text-section .sub-ord-1 {
        order: 1;
    }

    .text-section .sub-ord-2 {
        order: 3;
    }

    .text-section .sub-ord-3 {
        order: 2;
    }

    .button-cont {
        flex-direction: row;
    }

    .button-cont a {
        display: block;
        /* width: 50%; */
        margin-right: 0;
    }
}

/***** End story *****/


.gallery-cell {
    /* width: 90%;
    height: 200px; */
    margin-right: 1.5rem;
    border-radius: 1.5rem;
    background: #8C8;
    counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
    display: block;
    text-align: center;
    content: counter(gallery-cell);
    line-height: 600px;
    font-size: 80px;
    color: white;
}


.flickity-prev-next-button {
    background-color: transparent !important;
}

.flickity-page-dots {
    display: none;
}

@media (max-width:932px) {
    .gallery-cell {
        width: 90%;
        height: 200px;
        margin-right: 0.5rem;
    }

    .flickity-prev-next-button {
        display: none;
    }

    .slider-cell {
        margin-right: 0.5rem !important;
    }

}

.foot_img_tag {
    width: 25%;
}


@media (max-width:856px) {
    .ready-btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .foot_img_tag {
        width: 50%;
    }

    .ready-sec {
        margin-top: 1.5rem;
        flex-direction: column;
        width: 100%;
    }

    .ready-text {
        width: 60%;
    }

    .ready-btn .btn {
        width: 13rem;
        padding: 1rem;
        margin: 0.7rem 0;
    }
}

@media (max-width:436px) {
    .foot_img_tag {
        width: 100%;
    }

    /* .col-lg-12.hero-text.mx-auto:not(.explore-sitka-txt) {
        padding: 0 1rem;
    } */
}

.product-thumbs .swiper-slide img {
    border: 2px solid transparent;
    /* object-fit: cover; block due to safari error */
    cursor: pointer;
    /* width: 100%; */
    /* height: 124.8px;
    width: 124.8px; */
}

/* .product-thumbs .swiper-slide-active img {
    border-color: #bc4f38;
  } */
.product-slider .swiper-button-next:after,
.product-slider .swiper-button-prev:after {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}




@keyframes fade-In {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fade-In {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-In {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fade-In {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fade-In {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.img-col img:hover,
.expsitka-img:hover,
.explore-image img:hover,
.dis-adv img:hover,
.img1:hover,
.order-lg-1 img:hover,
.vis_img:hover,
.team_img:hover,
.stats_img:hover {
    opacity: 0.7;
    transition: 0.7s ease-in-out;
}

@media (min-width:857px) and (max-width:908px) {

    .ready-btn .call-btn-new,
    .ready-btn .book-btn-new {
        padding: 1.125rem 1.344rem 1.125rem 1.25rem;
    }
}

@media (max-width:385px) {
    .ready-btn .btn {
        width: inherit;
        padding: 1rem 0.9rem;
    }
}

@media (max-width:349px) {

    /* .ready-btn .btn {
        padding: 1rem;
        margin: 0.7rem 0;
        font-size: 0.7rem;
    } */
    .mobile_padding2 .btn-orange-border {
        padding: 1.125rem 1rem !important;
    }
}


.slick-slide {
    margin: 0 10px;
}

.slick-slide img {
    width: 100%;
    border-radius: 1.5rem;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-next::before,
.slick-prev::before {
    content: "" !important;
}

.slick-prev {
    z-index: 9999;
}

.flickity-prev-next-button:focus {
    box-shadow: none !important;
}

.right-options-mob li .nav-link {
    font-family: 'Inter' !important;
}

.globalsettings_text {
    margin-left: 0 !important;
    color: var(--blue-70, rgba(24, 33, 75, 0.70)) !important;

    /* Web/Bodysmall/Regular */
    font-family: Inter !important;
    font-size: 0.875rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.375rem !important;
    text-decoration: none;
}

.active_setting {
    border-left: 3px solid var(--orange-100, #F86631);
    background: var(--orange-10, rgba(248, 102, 49, 0.10)) !important;
    padding: 0.62rem 0.5rem !important;
}

.active_setting a {
    color: #F86631 !important;
    font-weight: 700 !important;
}

ul.navbar-actions.gsettings {
    width: 100%;
}

/* .gsettings li:not(.active_setting){
    padding: 0 0.5rem 0 0.5rem !important;
} */

/* .img-box {
    width: 45.4375rem;
    height: 41.1875rem;
}

.img-box img {
    object-fit: cover;
} */

/* For WebKit browsers */
/* Horizontal scrollbar */
::-webkit-scrollbar {
    width: 8px !important;
    height: 6px !important; 
}

::-webkit-scrollbar-track {
    background-color: rgba(24, 33, 75, 0.2); 
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(24, 33, 75, 1);
    border-radius: 6px; 
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(248, 102, 49, 1);
}

/* Vertical scrollbar */
::-webkit-scrollbar:vertical {
    width: 8px;
    height: 6px; /* Set the width of the scrollbar */
}

.tabs-section:not(.active-tab) {
    border-bottom: 2px solid rgba(24, 33, 75, 0.20); /* Set the color and style for non-active tabs */
}
.tabs-section.active-tab {
    /* text-decoration: underline; */
    border-bottom: 2px solid #F86631 !important;
}

.line {
    border: none;
    height: 10px;
    background-color: orange !important;
    width: 10px;
    transition: width 0.3s, background-color 0.3s; /* Add transition for smoother effect */
}

.line.active-line {
    width: 100%;
    background-color: red !important;
}

/* #excp_accm {
    display: none;
}

#cull_exp {
    display: none;
} */