body {
  max-width: 100%!important;
    overflow-x: hidden!important;}
header {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
main {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
footer {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
@media screen and (max-width: 667px) {
    body {
        overflow-x: hidden !important;
    }
    header {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
main {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
footer {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
} 
.navbar-brand {
    width: 18rem;
    display: block;
    padding: 0;
    position:relative
}

.navbar-brand .navbar-brand-sticky, .navbar-brand .navbar-brand-transparent {
    position: absolute;
    top: 50%;
    width: 100%;
    transform:translateY(-50%); z-index: 99999;
}
  .navbar-expand-lg .navbar-brand {
        width:24rem!important
    }

 
.small, small {
    font-size:.8em
}
.smallish {
    font-size:.9em
}
.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #fabf04;
    --bs-btn-border-color: #fabf04;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 217, 150, 40;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #fabf04;
    --bs-btn-active-border-color: #fabf04;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fabf04;
    --bs-btn-disabled-border-color:#fabf04
}
.btn-outline-warning {
    --bs-btn-color: #fabf04;
    --bs-btn-border-color: #fabf04;
    --bs-btn-hover-color: #080713;
    --bs-btn-hover-bg: #fabf04;
    --bs-btn-hover-border-color: #fabf04;
    --bs-btn-focus-shadow-rgb: 254, 175, 44;
    --bs-btn-active-color: #080713;
    --bs-btn-active-bg: #fabf04;
    --bs-btn-active-border-color: #fabf04;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
    --bs-btn-disabled-color: #fabf04;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fabf04;
    --bs-gradient:none
}
.text-black-80 {
    --bs-text-opacity: 1;
    color:rgba(8, 7, 19, .8) !important
}

.btn-outline-danger {
    --bs-btn-color: #ef5350;
    --bs-btn-border-color: #ef5350;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ef5350;
    --bs-btn-hover-border-color: #ef5350;
    --bs-btn-focus-shadow-rgb: 239, 83, 80;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ef5350;
    --bs-btn-active-border-color: #ef5350;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
    --bs-btn-disabled-color: #ef5350;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ef5350;
    --bs-gradient:none
}

.btn-book {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f2902f;
    --bs-btn-border-color: #f2902f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff9934;
    --bs-btn-hover-border-color: #ff9934;
    --bs-btn-focus-shadow-rgb: 217, 150, 40;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f2902f;
    --bs-btn-active-border-color: #f2902f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f2902f;
    --bs-btn-disabled-border-color:#f2902f
}
.btn-table {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2a645c;
    --bs-btn-border-color: #2a645c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2f6f66;
    --bs-btn-hover-border-color: #2f6f66;
    --bs-btn-focus-shadow-rgb: 217, 150, 40;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2a645c;
    --bs-btn-active-border-color: #2a645c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2a645c;
    --bs-btn-disabled-border-color:#2a645c
}
  header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link {
        color:rgba(255, 255, 255, .95)
    }

    header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link:focus, header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link:hover {
        color:rgba(255, 255, 255, .75)
    }
  

.navbar .navbar-nav .nav-link {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.05rem;
    font-family: var(--bs-font-sans-serif);
    letter-spacing:-.011rem
}
@media (max-width: 991.98px) {
    header.sticky-reverse .navbar-link-white .navbar-brand .navbar-brand-sticky {
        opacity: 0;
        visibility:hidden
    }

    .navbar-expand-lg.navbar .navbar-collapse {
        max-height: 80vh;
        overflow-y: auto;
        margin-top: 2rem;
        border-radius: .5rem;
    }

    .navbar-expand-lg.navbar .navbar-collapse > .navbar-nav {
        padding:1rem
    }

    .navbar-expand-lg.navbar.navbar-light .navbar-collapse {
        background-color:rgba(17,33,63,.95);
        box-shadow:0 .5rem 1rem rgba(var(--bs-body-color-rgb), .05)
    }

  
}
:root, [data-bs-theme=light] {
    --bs-link-hover-color: #11213f;
--bs-warning: #fabf04;
--bs-warning-rgb: 250, 191, 4;
--bs-dark: #11213f;
--bs-dark-rgb: 17, 33, 63;
--bs-border-width: 2px;
  --bs-tertiary-bg: #e7e7f1;
--bs-tertiary-bg-rgb: 231, 231, 241}
.text-white-75 {
    --bs-text-opacity: 1;
    color:rgba(255, 255, 255, .75) !important;
}
.text-gradient {
    background: radial-gradient(circle at 70%, #fabf04 10%, #000 30%);
    background-size: 400% 400%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    animation: textGradientAnimation 5s ease-in-out infinite;
    -webkit-animation:textGradientAnimation 5s ease-in-out infinite
}
.text-gradient-light {
    background: radial-gradient(circle at 70%, #fabf04 10%, #fff 30%);
    background-size: 400% 400%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    animation: textGradientAnimation 5s ease-in-out infinite;
    -webkit-animation:textGradientAnimation 5s ease-in-out infinite
}
  header.header-sticky.is-sticky .navbar.navbar-expand-lg.navbar-light {
        animation: fadeDown .4s both;
        border-bottom-color: #e0dfea;
        box-shadow: 0 16px 32px 0 rgba(8, 7, 19, .04);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background-color:var(--bs-body-bg);
      padding-bottom: 15px!important;
    }
.btne {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.525rem;
    --bs-btn-font-family: var(--bs-font-sans-serif);
    --bs-btn-font-size: 0.9rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.6;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(8, 7, 19, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: 0px!important;
    background-color: rgba(242,144,47,.85);
    transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.bg-darke {
    --bs-bg-opacity: 1;
    background-color:rgba(17, 33, 63, 0.8) !important
}
.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg:#fabf04;
}
.flip-box {
  background-color: transparent;
width: 100%;
  height: 600px;
perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  background-color: #e7e7f1;
}

/* Style the back side */
.flip-box-back {
  background-color: #e7e7f1;
 transform: rotateY(180deg);
}
.text-primary {color:#11213f!important}
a:hover {color: #223f77!important}
}