@font-face {
  font-family: 'Weatpoint';
  src: url(../fonts/Weatpoint/Weatpoint.ttf) format("truetype");
  font-display: swap;
}


/* @import url("https://fonts.googleapis.com/css?family=Lexend:300,500,400,600"); */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  src: url(https://fonts.gstatic.com/s/lexend/v19/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
}

:root {
  --primary-clr: #ffc600;
  --stripe-bg: '';
}


html {
  scroll-padding-top: 5.25rem;
  scroll-behavior: smooth;
}

/* Lexend */
body {
  background: rgb(255, 255, 255);
  color: #0E244E;
  font-family: "Lexend", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden scroll;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lexend", Helvetica, sans-serif;
}

p {
  line-height: 27px;
}

h1 {
  font-size: 72px;
}

img {
  z-index: 1;
}

.Font1 {
  font-size: 72px
}

.Font2 {
  font-size: 48px
}

.Font3 {
  font-size: 42px
}

.Font4 {
  font-size: 20px
}

.Font5 {
  font-size: 16px
}

.spacer-1 {
  display: block;
  margin: .25rem;
}

.spacer-2 {
  display: block;
  margin: .5rem;
}

.spacer-3 {
  display: block;
  margin: 1rem;
}

.spacer-4 {
  display: block;
  margin: 1.5rem;
}

.spacer-5 {
  display: block;
  margin: 3rem;
}

.text-blue {
  color: #193D7F !important;
}

.bg-blue {
  background-color: #193D7F !important;
}

.text-yellow {
  color: #FEBA16 !important;
}

.bg-yellow {
  background-color: #FEBA16 !important;
}

.bg-gray {
  background-color: #F3F3F3;
}

.weight-bold {
  font-weight: 600;
}

.cursor-pointer {
  cursor: pointer;
}

.standard-radius {
  border-radius: 10px;
}

.breadcrumb-item a {
  text-decoration: none;
  color: #FEBA16;
}

.breadcrumb-item.active,
.breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
}

.img-overlay {
  position: relative;
  overflow: hidden;
}

.img-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

/* .video-play-sec:after {
  content: "";
  position: absolute;
  top: 38%;
  left: 45%;
  width: 100%;
  height: 100%;
  background-image: url(../images/inner/play-icon.png);
  background-repeat: no-repeat;
  z-index: 1;
} */

.btn-outline {
  border: 1px solid #feba16;
  color: #feba16;
  padding: 11px 30px;
  display: inline-block;
  border-radius: 30px;
  font-size: 16px;
}

.book-now-box {
  height: 550px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.book-now-box>div {
  width: 450px;
}

.book-now-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgb(17, 45, 69);
  background: linear-gradient(144deg, rgb(17 45 69 / 88%) 0%, rgb(24 92 150 / 89%) 100%);
}

.book-now-box>* {
  z-index: 1;
}

.btn-outline:hover {
  background-color: #feba16;
  border: 1px solid #feba16;
  color: white;
}

.page-title {
  font-size: 72px;
  color: #193D7F;
  text-align: center;
  position: relative;
}

.page-title2 {
  font-size: 52px;
  color: #193D7F;
  text-align: center;
  position: relative;
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.w-full {
  width: 100%;
}

.menu-scroll::-webkit-scrollbar {
  width: 4px;
  border-radius: 12px;
}

.menu-scroll::-webkit-scrollbar-track {
  background-color: transparent;
  /* border-radius: 12px; */
}

.menu-scroll::-webkit-scrollbar-thumb {
  background-color: #0f3051c7;
  border-radius: 12px;
}

.menu-scroll::-webkit-scrollbar-button {
  /* background-color: #ffd545; */
  border-radius: 0 2px 0 0;
}

.menu-scroll::-webkit-scrollbar-corner {
  background-color: black;
  border-radius: 12px;
}


.lazyload {
  opacity: 0;
}

.lazyloading {
  opacity: 1;
  transition: 600ms opacity;
  background: #f7f7f7 url('../images/loader.gif') no-repeat center;
  min-height: 60px;
}

.lazyloaded {
  opacity: 1;
  transition: 10ms opacity;
}

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: auto;
  touch-action: auto;
}

/* search */


.loginContainer,
.registerContainer,
.forgotContainer,
.profileContainer,
.otpContainer,
.cartContainer {
  height: 100vh;
  width: 100vw;
  z-index: 994;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  user-select: none;
  touch-action: none;

  -moz-box-shadow: inset 0 -110px 130px -120px #000000;
  -webkit-box-shadow: inset 0 -110px 130px -120px #000000;
  box-shadow: inset 0 -110px 130px -120px #000000;
}

.loginContainer .modal-bg,
.registerContainer .modal-bg,
.forgotContainer .modal-bg,
.profileContainer .modal-bg,
.otpContainer .modal-bg,
.cartContainer .modal-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(14, 36, 78, 0.40);
  z-index: 2;
}

#login-menu2:checked~.loginContainer {
  display: block;
}

#register-menu2:checked~.registerContainer {
  display: block;
}

#forgot-menu2:checked~.forgotContainer {
  display: block;
}

#profile-menu2:checked~.profileContainer {
  display: block;
}

#login-menu2,
#register-menu2,
#forgot-menu2,
#profile-menu2,
#hamburger-menu3,
#hamburger-menu4 {
  position: absolute;
  opacity: 0;
}

#hamburger-menu3:checked~.otpContainer {
  display: block;
}


#hamburger-menu4:checked~.cartContainer {
  display: block;
}

.form-close {
  text-align: right;
  color: #0B2A4A;
  position: absolute;
  right: 30px;
  top: 20px;
}

.form-close i {
  cursor: pointer;
}

.searchForm,
.otpForm {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  max-width: 400px;
  transform: translate(-50%, -50%);
  background: white;
  padding: 40px 60px;
  border-radius: 9px;
  text-align: center;
  z-index: 3;
}

.searchForm h4,
.otpForm h4 {
  margin-bottom: 30px;
}

.otpForm a {
  color: #0B2A4A;
}

.searchForm button.login,
.otpForm button.confirm {
  background: #feba16;
  padding: 10px 25px;
  border-radius: 60px;
  outline: none;
  border: 0;
  color: #0B2A4A;
  margin-bottom: 20px;
  min-width: 150px;
}

.searchForm .alt-login .icons {
  font-size: 38px;
}

.searchForm .alt-login .icons i {
  margin: 15px 5px 0;
}

.searchForm input {
  outline: none;
  color: #212529;
  padding: 10px 20px 10px 20px;
  border-radius: 60px;
  background: transparent;
  width: 100%;
  height: auto;
  display: block;
}

.searchForm input::placeholder {
  color: #C1C5CD;
  font-size: 15px;
}

.field-error {
  font-size: 13px;
}

.profile-image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: #000;
  font-weight: bold;
}

.profile-image img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.search-item {
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  padding: 25px 0;
}

.search-item p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Login Tabs */
.inline-auth-form {
  position: relative;
  transform: none;
  left: inherit;
  top: inherit;
  width: 100%;
  max-width: 400px;
  background: white;
  padding: 15px;
  border-radius: 9px;
  text-align: center;
}

.content.auth-tabs {
  width: 450px;
  height: auto;
  margin: 0 auto;
  padding: 30px;
  position: relative;
}

.auth-tabs .nav-pills {
  width: 450px;
}

.auth-tabs .nav-item {
  width: 50%;
}

.auth-tabs .nav-pills .nav-link {
  font-weight: bold;
  padding-top: 13px;
  text-align: center;
  background: #dfdfdf;
  color: #000;
  border-radius: 30px;
  height: 100px;
}

.auth-tabs .nav-pills .nav-link.active {
  background: #112d45;
  color: #fff;
}

.auth-tabs .tab-content {
  position: relative;
  width: 450px;
  height: auto;
  margin-top: -50px;
  background: #fff;
  color: #000;
  border-radius: 30px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  padding: 30px;
  margin-bottom: 50px;
}

/*  */

/* Float Timer */
#float-timer {
  position: fixed;
  z-index: 1;
  bottom: 10px;
  right: 10px;
  width: 120px;
  border-radius: 10px;
  background: #ebebebd9;
  padding: 10px;
  text-align: center;
}

#float-timer p {
  font-size: 12px;
  line-height: 17px;
  color: #fe1616;
}

.base-timer {
  position: relative;
  width: 100px;
  height: 100px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

/*  */
#hamburger-menu {
  opacity: 0;
  position: fixed;
}

.rightCorner span {
  height: 3px;
  width: 24px;
  background-color: #0b2a4a;
  border-radius: 25px;
  display: block;
  margin: 0px 0px 3px 0px;
  transition: 0.7s ease-in-out;
  transform: none;
  cursor: pointer;
}

.rightCorner {
  position: absolute;
  top: 60px;
  right: 40px;
  z-index: 900;
}

.rightCorner .menu-container {
  background: rgba(255, 255, 255, 1);
  position: relative;
  z-index: 900;
  padding: 20px;
  vertical-align: middle;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 33.4px rgba(14, 36, 78, 0.24));
  height: 65px;
  text-align: center;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  font-size: 24px;
  grid-column-gap: 40px;
}

.menu-container .menu-hm {
  padding-top: 5px;
}

.menu-container div {
  align-self: center;
  justify-self: center;
}

.menu-container div a,
.menu-container div label {
  color: #0b2a4a;
  cursor: pointer;
}

.rightCorner>div>a,
.rightCorner .menu-i {
  display: inline-block;
  z-index: 900;
  cursor: pointer;
  padding: 15px 10px;
  border-radius: 50%;
  line-height: 45px;
  height: 45px;
  width: 45px;
  color: #0b2a4a;
  font-size: 22px;
  margin: 0 15px;
}

.rightCorner>div>label {
  margin: 0 15px;
  display: inline-block;
  z-index: 900;
  cursor: pointer;
  padding: 15px 10px;
  border-radius: 50%;
  line-height: 45px;
  height: 45px;
  width: 45px;
}

#hamburger-menu:checked~.menuContainer .rightCorner span:nth-of-type(1) {
  transform: rotate(-45deg) translateY(4px) translateX(2px);
  margin: 0 0 0 0;
}

#hamburger-menu:checked~.menuContainer .rightCorner span:nth-of-type(2) {
  opacity: 0;
}

#hamburger-menu:checked~.menuContainer .rightCorner span:nth-of-type(3) {
  transform: rotate(45deg) translateY(-8px) translateX(-2px);
  margin: 0 0 0 0;
}


#menu {
  z-index: 899;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  width: 100vw;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  height: 100vh;

  background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.3));
  box-shadow: 24px 0px 44px 8px rgba(0, 0, 0, 0.0.05);
  -webkit-box-shadow: 24px 0px 44px 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 24px 0px 44px 8px rgba(0, 0, 0, 0.05);
  color: #0b2a4a;
  background: #0E244E;

  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#hamburger-menu:checked~.menuContainer #menu {
  animation: sliderIn ease 1s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}



@keyframes sliderIn {
  0% {
    transform: translateX(-20%);
    opacity: 0.2;
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}


.menu-links {
  box-sizing: border-box;
  vertical-align: middle;
  z-index: 5;
  flex-grow: 1;
}

.menu-box {
  box-sizing: border-box;
  background: #feca16;
  height: 100%;
  display: flex;
  z-index: 900;
  flex-grow: 2;
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.menu-box-container {
  text-align: center;
  align-self: center;
  display: flex;
  justify-content: center;
  margin: auto;
  color: #0E244E;
  flex-direction: column;
}

.menu-box-container ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 15px;
  text-align: center;
  justify-content: center;
  padding-left: 0;
  margin-top: 15px;
}

.menu-box-container ul a {
  color: #0E244E;
  text-decoration: none;
  display: block;
}

.menu-box-container ul.social-media-icons a {
  display: block;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  line-height: 45px;
  color: white;
  background: #0E244E;
}

.menu-box-container ul a:hover {
  transform: scale(1.025);
}

.menu-links ul {
  display: inline-block;
  list-style: none;
  margin-top: 100px;
}

.menu-links ul li {
  color: #fff;
  padding: 5px 0px 5px 25px;
  font-size: 30px;
}


.menu-links ul li a {
  text-decoration: none;
  color: #fff;
  display: block;
  width: 100%;
  font-weight: 500;
  line-height: normal;
}


.menu-links ul li a:hover {
  border-radius: 25px 0 0 25px;
  transform: scale(1.025);
  cursor: pointer;
  color: #feba16;
}


.nav-action .searchBtn {
  float: right;

}


.top-logo {
  position: absolute;
  z-index: 600;
  top: 60px;
  left: 40px;
}

a.shopping-cart {
  position: relative;
}

.menu-ic .item-count {
  position: absolute;
  color: #fff;
  background: red;
  top: -15px;
  display: block;
  height: 20px;
  width: 20px;
  padding: 0px 0px;
  font-size: 14px;
  left: 4px;
  border-radius: 50%;
}

.filter-form select {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" id="down-arrow"><path d="M22.782 13.8 17 19.582 11.218 13.8a1 1 0 0 0-1.414 1.414L16.29 21.7a.992.992 0 0 0 .71.292.997.997 0 0 0 .71-.292l6.486-6.486a1 1 0 0 0-1.414-1.414z"></path></svg>') no-repeat;
  background-position: 100% center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
}

.filter-form select:focus,
.filter-form .datepicker:focus {
  outline: none !important;
  box-shadow: none !important;
}

.filter-form .datepicker {
  background: url('/images/calendar.png') no-repeat;
  background-position: 98% center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background-size: contain;
}

.shopping-cart span.badge {
  height: unset;
  width: unset;
  background: #feba16;
  color: #0b2a4a;
  text-decoration: none;
  margin: 0;
  clear: both;
  display: inline-block;
  font-size: 14px;
  padding: 5px 8px;
  transform: none !important;
}

/*  */
/*  */
.banner {
  height: 100vh;
  background: #0b2a4a;
  margin: auto;
  position: relative;
}

#hamburger-menu:checked~.banner .carousel-action a,
#hamburger-menu:checked~.banner .carousel-action {
  color: transparent;
}

/*  */
/*  */
div#banner {
  position: relative;
  height: calc(100vh + 100px);
}

#about-us-section {
  background-image: url(/images/home/bg-strip-b.png);
  background-position: top right;
  background-repeat: no-repeat;
}

.staff-box {
  background-color: #fff;
  text-align: center;
  padding: 15px;
}

.staff-box h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
}

.staff-carousel .owl-nav button {
  position: absolute;
  bottom: 50%;
  font-size: 50px !important;
  color: #ccc !important;
}

.staff-carousel .owl-prev {
  left: -5%;
}

.staff-carousel .owl-next {
  right: -5%;
}

.page-title1-behind {
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-text-stroke: 1px #000000;
  text-stroke: 1px black;
  font-size: 180px;
  z-index: -1;
  opacity: 0.1;
  color: #fff;
}

h2.page-title1.en-dot-pattern:before {
  content: "";
  color: #fff;
  background-image: url(/images/home/bg-strip.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -24px;
  left: -30px;
  width: 175px;
  height: 106px;
  z-index: -1;
}

h2.sub-title {
  position: relative;
  z-index: 1;
}

h2.sub-title:before {
  content: "";
  position: absolute;
  left: 5px;
  bottom: -3px;
  width: 150px;
  height: 14px;
  transform: skew(-12deg) translateX(0%);
  background: #feba1685;
  z-index: -1;
}

h4.sub-title {
  text-transform: uppercase;
  color: #feba16;
  font-size: 20px;
}

.shadow-box {
  box-shadow: 5px 7px 20px -2px #ccc;
  border-radius: 10px;
}

#about-us-section h2.page-title2.text-white:before {
  content: "Corporate Events";
  color: #fff;
  -webkit-text-stroke: 1px #000000;
  text-stroke: 1px black;
  opacity: 0.2;
  position: absolute;
  top: -167px;
  font-size: 150px;
  left: -20%;
  z-index: -1;
}

#banner {
  background-image: url(/images/home/home-banner.png);
  background-size: cover;
  overflow: hidden;
}

#banner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  opacity: 1;
  user-select: none;
  max-width: initial;
  pointer-events: none;
  object-fit: cover;
}

#iframe_bgndVideo1 {
  height: 150vh !important;
}

.inlinePlayButton {
  transform: translateY(-125%) !important;
}

.inlinePlayButton:hover {
  transform: translateY(-125%) scale(1.3) !important;
}

#bgndVideo1 {
  height: 100%;
}

.video-background {
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99;
}

.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  width: 210%;
  left: -55%;
  max-height: 100vh;
  overflow: hidden;
}

#banner::before {
  content: '';
  position: absolute;
  z-index: 500;
  box-shadow: inset 0 140px 85px -40px rgba(0, 0, 0, 0.6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

/*  */
/*  */
div.sectionContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  position: relative;
  background: transparent;
  transition: all 1s ease;
  background-size: 0;
  margin: auto;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

div.sectionContainer div.column1 {
  align-items: center;
  justify-content: center;
}

div.sectionContainer div.column2 {
  align-self: center;
  align-content: center;
}

.action-button {
  color: #0E244E;
  text-decoration: none;
  background: #FEBA16;
  padding: 13px 30px;
  outline: none;
  border: none;
  display: inline-block;
  border-radius: 30px;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
}

.action-button:hover {
  color: #fff;
}

.action-button2 {
  color: #FEBA16;
  text-decoration: none;
  background: #0E244E;
  padding: 15px;
  outline: none;
  border: none;
  display: inline-block;
  border-radius: 30px;
  font-size: 16px;
  text-align: center;
}

.action-button2:hover {
  color: #fff;
}

/*  */
/*  */
.banner-text {
  text-align: center;
}

.banner-text .bt-1 {
  text-align: center;
  color: white;
  font-size: 72px;
  line-height: 80px;
  font-weight: 700;
  margin-bottom: 40px;
}

.top-section .bt-1 {
  text-align: center;
  color: white;
  display: inline-block;
  font-size: 72px;
  line-height: 80px;
  font-weight: 700;
  margin-bottom: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.banner-text .bt-1 span,
.top-section .bt-1 span,
.rounded-yellow {
  display: inline-block;
  background: #FEBA16;
  height: 35px;
  width: 35px;
  border-radius: 50%;
}

.bt-4 {
  text-align: center;
  display: inline-block;
  font-size: 72px;
  line-height: 80px;
  font-weight: 700;
  color: #193d7f;
  width: 100%;
  padding: 40px;
}

.bt-4 span {
  display: inline-block;
  background: white;
  border: 2px solid #FEBA16;
  height: 35px;
  width: 35px;
  border-radius: 50%;
}

span.yellow-span {
  background: #FEBA16;
}

.banner-text .frame {
  display: inline-flex;
  align-items: flex-start;
  box-shadow: 0px 4px 36px #0d6efd99;
  border-radius: 15px;
}

.banner-text .frame-2 {
  display: inline-flex;
  align-items: flex-start;
  gap: 30px;
  padding: 15px 30px 10px 30px;
  position: relative;
  flex: 0 0 auto;
  height: 110px;
  background-color: #ffffff;
  border-radius: 15px 0px 0px 15px;
}

.banner-text .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.banner-text .frame-4 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
  width: 160px;
}

.banner-text .frame-5 {
  text-align: left
}

.banner-text .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 38px;
  padding: 55px 44px;
  position: relative;
  flex: 0 0 auto;
  background-color: #feba16;
  border-radius: 0px 15px 15px 0px;
  height: 110px;
  text-decoration: none;
  color: #002b45;
  font-size: 16px;
  cursor: pointer;
  border: none;
}

.banner-text .div-wrapper:hover {
  opacity: .9;
}

.banner-text .line-2 {
  position: relative;
  width: 1px;
  height: 80px;
  display: block !important;
}

.feature-sport {
  font-weight: 600;
  font-size: 16px;
  text-align: left
}

.text-wrapper-3 {
  font-weight: 600;
}

.page-title1 {
  color: #193d7f;
  font-size: 60px;
  margin-bottom: 20px;
}

/*  */
/*  */

#mosaic_wrapper {
  width: 100%;
  height: 90vh;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  border: 4px solid #0e244e;
  border-left: none;
  border-right: none;
}

#mosaic_wrapper .panel {
  float: left;
  width: 12.5%;
  height: 90vh;
  border-right: 1px solid white;
  background-color: black;
  background: var(--stripe-bg) no-repeat 0 0 fixed;
  text-align: center;
  background-size: cover;
  background-position: center;
  position: relative;
  transition-property: background-image;
  transition-timing-function: ease-in-out;
  transition-duration: .8s;
}

#mosaic_wrapper .panel .panel-items {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0%;
  justify-content: center;
  width: 100%;
  transition: .4s ease-out;
}

#mosaic_wrapper .panel p.bi-item {
  display: inline-block;
  font-size: 16px;
  color: white;
  text-decoration: none;
  z-index: 805;
  position: relative;
  font-weight: bold;
  width: 100%;
  margin-bottom: 30px;
}

#mosaic_wrapper .panel .bi-icon {
  height: 64px;
  margin-bottom: 15px;
  position: relative;
  z-index: 805;
}

#mosaic_wrapper .panel a.bi-button {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #0E244E;
  background: #FEBA16;
  border-radius: 50px;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 14px;
  z-index: 805;
  opacity: 0;
  transition: opacity .4s ease-in-out;
}

#mosaic_wrapper .panel a.bi-button:hover {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  color: #fff;
}

#mosaic_wrapper .panel::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 800;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}

#mosaic_wrapper .panel:hover .panel-items {
  bottom: 10%;
}

#mosaic_wrapper .panel:hover::after {
  display: inline-block;
}

#mosaic_wrapper .panel:hover p.bi-item {
  color: #feca16;
  transform: scale(1.1);
}

#mosaic_wrapper .panel:hover a.bi-button {
  opacity: 1;
}

/* Facilities Section */
.facilities-section .video-play h5 {
  color: #000;
}

/*  */
/* bookings */
.mcart-pop-form {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 40px;
  z-index: 2;
  min-width: 85vw;
  overflow-y: auto;
  max-height: calc(100vh - 100px);
}

.mcart-column {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  padding: 40px;
}

.mcart-column1 {
  grid-area: 1 / 1 / 2 / 4;
}

.mcart-column2 {
  grid-area: 1 / 4 / 2 / 6;
  text-align: center;
  align-self: center;
  background: #193D7F;
  height: 100%;
  padding: 40px;
  color: #fff;
  border-radius: 10px;
}

.mcart-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #0B2A4A;
}

.mcart-block {
  padding: 20px 0px;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}

.mcart-total .mcart-block {
  align-self: center;
}

.mcart-grid .p1 {
  font-weight: bold;
}

.mcart-grid .p2 {
  font-weight: normal;
}

.mcart-grid:last-child {
  /* border-bottom: 0px solid #0B2A4A; */
}

.mcart-grid .mcart-block:nth-child(3) {
  text-align: right;
}

.mcart-block a {
  display: block;
  width: 100%;
  height: max-content;
  color: #0B2A4A;
}

.mcart-block img {
  border-radius: 8px;
}

.mcart-head {
  font-weight: bold;
  padding: 20px;
}

.mcart-head2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 40px;
}

#mcount {
  font-weight: normal;
}

.mcart-column button {
  width: 100%;
  margin-top: 0;
}

.mcart-discount {
  color: #193D7F;
  background: #fff;
  border-radius: 60px;
  padding: 10px 20px;
}

.mcart-discount label {
  display: flex;
  justify-content: space-between;
}

.mcart-discount label i {
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 50%;
  border: 1px solid #193D7F;
  text-align: center
}

#discount {
  opacity: 0;
  position: absolute;
}

#discount_input {
  display: none;
}

#discount:checked~label {
  margin-top: 10px;
}

#discount:checked~#discount_input {
  display: block;
  margin-bottom: 10px;
  margin-top: 20px;
}

.mcart-list,
.mcart-total {
  list-style: none;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 0;
  border: 0;
}

.mcart-total div {
  font-weight: bold;
  font-size: 18px;
}

.mcart-list li,
.mcart-total li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.mcart-footer {
  padding: 0 40px 40px 40px;
}

.mcart-footer .action-button2 {
  color: #fff;
  width: auto;
}

.overview {
  background-image: url(/images/home/bg-strip-b.png);
  background-position: top right;
  background-repeat: no-repeat;
}

@media (max-width: 600px) {}

/* end of bookings */
/*  */
.corporate-section .corp-img {
  width: 80%;
}

.corporate-section .overlay-box {
  background: rgb(25, 61, 127);
  background: linear-gradient(144deg, rgba(25, 61, 127, 1) 0%, rgba(3, 18, 46, 1) 100%);
  border-radius: 10px;
  z-index: 1;
  position: absolute;
  right: 10%;
  bottom: -30px;
}

#corporate-booking-section div.sectionContainer {
  padding: 0;
}

#corporate-booking-section .column2 {
  z-index: 3;
  padding: 0;
}

#corporate-booking-section .column1 {
  z-index: 3;
  position: relative;
  padding: 40px 100px;
  text-align: left;
}

#corporate-booking-section .sectionContainer .column1 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

#corporate-booking-section .sectionContainer::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
  background-image: url(/images/home/mask-group.png);
  background-size: cover;
  background-position: center;
}

#corporate-booking-section .sectionContainer::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgb(20.15, 59.58, 134.87) 0%, rgb(14, 36, 78) 100%);
  z-index: 1;
}

#corporate-booking-section .page-title2 {
  text-align: left;
  width: 80%;
  margin-bottom: 80px;
}

/*Testimonial Section*/
.testimonial-section {
  padding-bottom: 330px;
  background-image: url(/images/home/bg-strip-c.png);
  background-position: top right;
  background-repeat: no-repeat;
}

.testimonial .rating i {
  color: #FCE340;
}

.testimonial .item {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 10px;
}

.testimonial .item h4 {
  font-size: 20px;
  color: #feba16;
}

.testimonial .item .author img {
  height: 70px;
  width: 70px;
}

.testimonial .item .author .author-info .name {
  font-weight: 600;
}

/*Ready Section*/
.ready-section {
  margin-top: -275px;
}

.ready-section .section-cover {
  width: 1640px;
  height: 650px;
  background-image: url(/images/home/ready-play-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  position: relative;
  border-bottom-left-radius: 100px;
}

.ready-section .ready-content-holder {
  width: 500px;
  z-index: 2;
}

.ready-section .section-cover:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #193d7fc7;
  z-index: 1;
  border-bottom-left-radius: 100px;
}

.contact {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 100px;
  grid-row-gap: 0px;
}

.contact1 {
  position: relative;
  grid-area: 1 / 1 / 2 / 6;
}

.contact2 {
  grid-area: 1 / 6 / 2 / 12;
}

.contact1 h4 {
  font-size: 20px;
  text-decoration: underline;
  text-underline-offset: 5px;
  margin-bottom: 15px;
}

.contact1 .direction-link {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  text-align: center;
  text-underline-offset: 7px;
  color: #fff;
}

.contact-info {
  list-style: none;
  padding-left: 0;
}

.contact-info a {
  text-decoration: none;
  color: #000;
}

.address {
  background: #F3F3F3;
  padding: 60px 0 30px 0;
  margin: 60px 0 60px 0;
  border-radius: 10px;
  color: #112854;
}

.address .icon i {
  padding: 15px;
  background: #112854;
  color: #ffffff;
  font-size: 30px;
  border-radius: 10px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  width: 100%;
}

.form-group label span {
  color: red;
}

.form-group input,
.form-group textarea {
  border: none;
  outline: none;
  border-bottom: 1px solid #0B2A4A;
  padding: 10px;
  width: 100%;
}

.form-group input:focus,
.form-group textarea:focus {
  border: 1px solid #0B2A4A;
}

/*  */
/* inner top section */
.top-section {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.top-section {
  padding: 0;
  position: relative;
  height: 350px;
}

.top-section::before {
  content: '';
  background: rgb(25 61 127 / 70%);
  background: rgb(14 36 78 / 80%);
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.top-section img {
  object-fit: cover;
  object-position: bottom;
  z-index: 1;
}

.clip-bottom-right {
  overflow: hidden;
}

.top-section h1 {
  z-index: 3;
  color: white;
}

.breadcrumb {
  z-index: 3;
}

/* end inner top section */
/*  */
.parent {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100vh
}

.parent-item {
  position: relative;
  overflow: hidden;
}

.parent-item img {
  display: inline-flex;
  /* position: absolute; */
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.div1 {
  grid-area: 1 / 1 / 5 / 3;
}

.div2 {
  grid-area: 1 / 3 / 3 / 4;
}

.div3 {
  grid-area: 3 / 3 / 5 / 4;
}

.div4 {
  grid-area: 1 / 4 / 3 / 5;
}

.div5 {
  grid-area: 3 / 4 / 5 / 6;
}

.div6 {
  grid-area: 1 / 5 / 3 / 6;
}

.div7 {
  grid-area: 1 / 6 / 3 / 7;
}

.div8 {
  grid-area: 3 / 6 / 5 / 7;
}

.div9 {
  grid-area: 5 / 6 / 7 / 7;
}

.gx-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  vertical-align: middle;
  text-align: center;
  opacity: 0;
  transition: all .5s ease;
  transform: translateY(100%);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.overlay-items {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 400;
}

.overlay-items i {
  font-size: 52px;
  margin-bottom: 30px;
}

.overlay-items p {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 30px;
}

.overlay-items i {
  font-size: 32px;
  margin-bottom: 10px;
}

.overlay-items p {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}

.overlay-items a {
  width: 100%;
}

.parent-item:hover .gx-overlay {
  opacity: 1;
  transform: translateY(0);
}

/*  */
/*  */

.gx-button {
  font-size: 18px;
  font-weight: 400;
  padding: 10px 25px;
  color: #0E244E;
  background: #ffc600;
  border-radius: 25px;
  text-decoration: none;

  border: 1px solid #ffc600;
  letter-spacing: 1px;
  text-align: center;
  width: auto;
  display: inline-block;
  height: auto;
  line-height: 30px;
  outline: none;
  user-select: none;
  cursor: pointer;
  top: 5px;
  transform: translateY(0px);
  position: relative;
  background: #ffc600;
  transition: 150ms all;
  max-width: 300px;
}

.gx-button {
  font-size: 16px;
  padding: 5px 25px;
}

.gx-button:hover {
  color: white;
}

/*  */
/*  */
div.section4 {
  padding: 40px;
}

div.section4 h3 {
  font-size: 42px;
  ;
}

/*  */

/*  */

footer {
  text-align: left;
  z-index: 1;
  border-top: 1px solid #000;
  position: relative;
  color: #ffffff;
  /* background: #0e244ede; */
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 180px;
}

footer:before {
  content: "";
  background-color: #0e244ede;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-top-right-radius: 180px;
}

footer ul li i {
  font-size: 22px;
}

footer ul li a {
  display: flex;
  align-items: center;
  gap: 1rem;
}

footer .footer-menu li a {
  justify-content: center;
}

footer .footer-social img {
  height: 35px;
}

footer a {
  color: #fff !important;
}

footer div.div1 {
  grid-area: 1 / 1 / 2 / 3;
}

footer div.div1 div {
  display: inline-block;
}

footer div.div2 {
  grid-area: 1 / 3 / 2 / 5;
}

footer div.div3 {
  grid-area: 1 / 5 / 2 / 6;
}

footer div.div4 {
  grid-area: 1 / 6 / 2 / 7;
}

footer h4 {
  font-size: 16.5px;
}

footer ul {
  list-style: none;
  padding-left: 0;
}

footer ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

footer ul li p {
  font-weight: 300;
}

footer ul a {
  text-decoration: none;
  color: #0E244E;
}

footer ul a:hover {
  color: #ffc600;
}

.footer-logo {
  margin-top: auto;
  margin-bottom: auto;
}

.footer-logo img {
  display: inline-block;
  margin-right: 100%;
}

.footer-newsletter {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  margin: 60px 0px;
  padding: 30px;
  background: transparent;
  color: #fff;
  justify-content: space-between;
  border: 1px solid #fff;
  border-radius: 10px;
}

.fn-colum1 {
  align-self: center;
  grid-area: 1 / 1 / 2 / 2;
}

.fn-colum2 {
  align-self: center;
  text-align: right;
  grid-area: 1 / 2 / 2 / 3;
  display: inline-block;
  display: flex;
  justify-content: end;
}

.footer-newsletter .subscribeBtn {
  font-weight: 400;
  padding: 20px;
  color: #0E244E;
  background: #ffc600;
  text-decoration: none;
  font-family: 'Lexend';
  border: 1px solid #ffc600;
  letter-spacing: 1px;
  text-align: center;
  width: auto;
  display: inline-block;
  height: auto;
  border-radius: 0 60px 60px 0;
  outline: none;
  user-select: none;
  cursor: pointer;
  background: #ffc600;
  transition: 150ms all;
}

.footer-newsletter .subscribeBtn:hover {
  color: white;
}

.footer-newsletter button {
  min-width: 150px;
}

.footer-newsletter input {
  border-radius: 60px;
  padding: 20px;
  font-size: 15px;
  max-width: 400px !important;
}

.copyright {
  background: #2d4065;
  text-align: center;
  font-size: 15px;
  padding: 20px 0;
}

.copyright a {
  text-decoration: none;
  color: #ffffff;
}

.copyright p {
  color: #fff;
}

/*  */

/* Inner Page */
.top-section {
  padding: 0;
  position: relative;
}

.top-section .page-title {
  text-align: left;
}

.inner-content {
  padding: 0px 100px 100px 100px;
}

.inner-page-banner {
  padding: 200px 100px 100px 100px;
  vertical-align: middle;
}


.flex {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.flex-item {
  width: 50%;
  flex-grow: 1;
  padding: 40px;
  text-align: center;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}

.flex-item p {
  text-align: justify;
}

.flex-item.add-line div {
  padding: 40px 0px 0px 100px;
  text-align: justify;
  position: relative;
}

.flex-item.add-line div::before {
  content: '';
  height: 20px;
  width: 82px;
  border-top: 2px solid #0B2A4A;
  position: absolute;
  left: 0;
  top: 65px;
}

.read-more-img {
  display: inline-block;
  max-width: 100%;
  min-height: 610px;
  border-radius: 28px;
  margin-bottom: 40px;
}

.read-more-date {
  color: #000;
  margin-bottom: 15px;
}

.tc-banner-below {
  /* background-color: #E6EEFC; */
  padding: 100px 100px 350px 100px;
  text-align: center;
  position: relative;
}

.tc-banner-below h2 {
  display: inline-block;
  max-width: 600px;
}

.tc-banner-below .page-subtitle {
  font-size: 42px;
  color: #000;
  margin-top: 20px;
  margin-bottom: 40px;
}

.book-now-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  vertical-align: middle;
  background: rgba(25, 61, 127, 0.70);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}

.book-now-bg h3 {
  color: #feba16;
  margin-bottom: 40px;
  font-size: 72px;
}

.book-now-bg div:first-child {
  width: 500px
}

.book-now-bg button {
  border-radius: 60px;
  margin-top: 40px;
  outline: none;
  border: none;
  color: #0B2A4A;
  padding: 10px 20px;
  background: #feba16;
}

.book-now-bg button:hover {
  color: #fff;
}

.box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  /* grid-column-gap: 40px; */
  /* grid-row-gap: 60px; */
  grid-row-gap: 40px;
}

.box-item {
  text-align: center;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.box-item img {
  display: inline-block;
  width: 100%;
  border-radius: 10px;
}

.box-details {
  position: absolute;
  /* bottom: 80px; */
  bottom: 40px;
  width: 100%;
}

.box-text {
  color: #fff;
  margin-bottom: 40px;
  font-size: 20px;
}

.box-button {
  padding: 10px 15px;
  border-radius: 60px;
  outline: none;
  border: none;
  color: #0E244E;
  background: #feba16;
  text-decoration: none;
}

.box-button:hover {
  color: #fff;
}

.box-item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #0000006b;
}

.news {
  display: flex;
  flex-wrap: wrap;
  row-gap: 60px;
}

.news-item {
  background-color: #f7f7f7;
  padding: 15px;
  border-radius: 10px;
  position: relative;
}

.news .news-item .news-type {
  position: absolute;
  right: 30px;
  top: 25px;
}

.news .news-item .news-type span {
  padding: 6px 10px;
}

.news-item:nth-child(4n) {

  border-right: none;
}

.news-image {
  border-radius: 10px;
  display: inline-block;
  width: 100%;
}

.news-date {
  margin-top: 20px;
  margin-bottom: 2px;
  font-size: 14px;
}

.news-link {
  color: #0E244E;
  font-weight: bold;
}

.corporate-book-form {
  background: #0E244E;
  color: #fff;
  padding: 40px 0;
}

.corporate-book-form textarea {
  border: none;
  outline: none;
  border-bottom: 1px solid #fff;
  background: #0E244E;
  width: 100%;
  color: #fff;
  padding: 10px;
}

.corporate-book-form input {
  border: none;
  outline: none;
  border-bottom: 1px solid #fff;
  background: #0E244E;
  width: 100%;
  color: #fff;
  padding: 10px;
}

.corporate-book-form img {
  display: block;
}

.corporate-book-form .form-group {
  margin-bottom: 40px;
}

.corporate-book-form label {
  text-align: left;
  width: 100%;
  display: inline-block;
}

.corporate-book-form label span.mandatory {
  color: red;
}

.corporate-book-form h4 {
  display: block;
  text-align: left;
  font-size: 52px;
  margin-top: 80px;
  margin-bottom: 40px;
}

/* Image Input */
.image-input {
  position: relative;
  display: inline-block;
  border-radius: 0.42rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-input .image-input-wrapper {
  width: 120px;
  height: 120px;
  border-radius: 0.42rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-input [data-action="change"] {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  border: none;
  background: white;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  box-shadow: 4px 2px 6px 2px #ccc;
  padding: 0;
}

.image-input [data-action="change"] input {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}

.image-input [data-action="cancel"],
.image-input [data-action="remove"] {
  position: absolute;
  right: -10px;
  bottom: -5px;
}

.image-input [data-action="cancel"] {
  display: none;
}

.image-input label i {
  font-size: 12px;
}

.image-input.image-input-changed [data-action="cancel"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.image-input.image-input-changed [data-action="remove"] {
  display: none;
}

.image-input.image-input-empty [data-action="remove"],
.image-input.image-input-empty [data-action="cancel"] {
  display: none;
}

.image-input.image-input-circle .image-input-wrapper {
  border-radius: 50%;
}

.image-input.image-input-circle [data-action="change"] {
  right: 5px;
  top: 5px;
}

.image-input.image-input-circle [data-action="cancel"],
.image-input.image-input-circle [data-action="remove"] {
  right: 5px;
  bottom: 5px;
}

.image-input.image-input-outline .image-input-wrapper {
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
}

/* End Image input */
/* Tabs for User Profile */
.user-profile .nav-item .nav-link,
.user-profile .nav-tabs .nav-link {
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}

.user-profile .card a {
  -webkit-transition: all 150ms ease 0s;
  -moz-transition: all 150ms ease 0s;
  -o-transition: all 150ms ease 0s;
  -ms-transition: all 150ms ease 0s;
  transition: all 150ms ease 0s;
}

.user-profile [data-toggle="collapse"][data-parent="#accordion"] i {
  -webkit-transition: transform 150ms ease 0s;
  -moz-transition: transform 150ms ease 0s;
  -o-transition: transform 150ms ease 0s;
  -ms-transition: all 150ms ease 0s;
  transition: transform 150ms ease 0s;
}

.user-profile [data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}


.user-profile .now-ui-icons {
  display: inline-block;
  font: normal normal normal 14px/1 'Nucleo Outline';
  font-size: inherit;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes nc-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes nc-icon-spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@keyframes nc-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.user-profile input {
  outline: none;
  color: #212529;
  padding: 10px 20px 10px 20px;
  border-radius: 60px;
  background: transparent;
  width: 100%;
  height: auto;
  display: block;
}

.user-profile .now-ui-icons.objects_umbrella-13:before {
  content: "\ea5f";
}

.user-profile .now-ui-icons.shopping_cart-simple:before {
  content: "\ea1d";
}

.user-profile .now-ui-icons.shopping_shop:before {
  content: "\ea50";
}

.user-profile .now-ui-icons.ui-2_settings-90:before {
  content: "\ea4b";
}

.user-profile .nav-tabs {
  border: 0;
  padding: 15px 1rem;
}

.user-profile .nav-tabs:not(.nav-tabs-neutral)>.nav-item>.nav-link.active {
  box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}

.user-profile .card .nav-tabs {
  border-top-right-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
}

.user-profile .nav-tabs>.nav-item>.nav-link {
  color: #888888;
  margin: 0;
  margin-right: 5px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 30px;
  font-size: 14px;
  padding: 11px 23px;
  line-height: 1.5;
}

.user-profile .nav-tabs>.nav-item>.nav-link:hover {
  background-color: transparent;
}

.user-profile .nav-tabs>.nav-item>.nav-link.active {
  background-color: #0b2a4a;
  border-radius: 30px;
  color: #FFFFFF;
}

.user-profile .nav-tabs>.nav-item>.nav-link i.far {
  font-size: 14px;
  margin-right: 3px;
}

.user-profile .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link {
  color: #FFFFFF;
}

.user-profile .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active {
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
}

.user-profile .card {
  border: 0;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.user-profile .card .card-header {
  background-color: #f3f3f3;
  border-bottom: 0;
  border-radius: 10px;
  padding: 0;
}

.user-profile .card[data-background-color="orange"] {
  background-color: #f96332;
}

.user-profile .card[data-background-color="red"] {
  background-color: #FF3636;
}

.user-profile .card[data-background-color="yellow"] {
  background-color: #FFB236;
}

.user-profile .card[data-background-color="blue"] {
  background-color: #2CA8FF;
}

.user-profile .card[data-background-color="green"] {
  background-color: #15b60d;
}

.user-profile [data-background-color="orange"] {
  background-color: #e95e38;
}

.user-profile [data-background-color="black"] {
  background-color: #2c2c2c;
}

.user-profile [data-background-color]:not([data-background-color="gray"]) {
  color: #FFFFFF;
}

.user-profile [data-background-color]:not([data-background-color="gray"]) p {
  color: #FFFFFF;
}

.user-profile [data-background-color]:not([data-background-color="gray"]) a:not(.btn):not(.dropdown-item) {
  color: #FFFFFF;
}

.user-profile [data-background-color]:not([data-background-color="gray"]) .nav-tabs>.nav-item>.nav-link i.now-ui-icons {
  color: #FFFFFF;
}


@font-face {
  font-family: 'Nucleo Outline';
  src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot");
  src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot") format("embedded-opentype");
  src: url("https://raw.githack.com/creativetimofficial/now-ui-kit/master/assets/fonts/nucleo-outline.woff2");
  font-weight: normal;
  font-style: normal;

}

.user-profile .now-ui-icons {
  display: inline-block;
  font: normal normal normal 14px/1 'Nucleo Outline';
  font-size: inherit;
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@media screen and (max-width: 768px) {
  .page-title1 {
    font-size: 40px;
  }

  h4.sub-title {
    font-size: 16px;
  }

  .user-profile .nav-tabs {
    display: inline-block;
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
  }

  .user-profile .nav-tabs .nav-item>.nav-link {
    margin-bottom: 5px;
  }

  .banner-text .frame {
    flex-wrap: wrap;
    gap: 15px;
  }

  .banner-text .frame-2 {
    height: auto;
    flex-wrap: wrap;
    flex: auto;
    padding: 15px;
    border-radius: 10px;
  }

  .banner-text .frame-3 {
    width: 100%;
  }

  .banner-text .frame-4 {
    flex-wrap: wrap;
    flex: auto;
  }

  .banner-text .line-2 {
    display: none !important;
  }

  .feature-sport {
    width: 100%;
  }

  .banner-text .div-wrapper {
    width: 100%;
    padding: 15px 44px;
    height: auto;
    border-radius: 10px;
  }

  #about-us-section {
    background-image: none;
  }

  .page-title1-behind {
    display: none;
  }

  .ready-section .section-cover {
    width: 100%;
  }

  .ready-section .section-cover::after {
    border-bottom-left-radius: 0px;
  }

  footer::before {
    border-top-right-radius: 0px;
  }

  #mosaic_wrapper .panel a.bi-button {
    opacity: 1;
    padding: 5px 10px;
  }

  #mosaic_wrapper {
    height: auto;
  }

  #mosaic_wrapper .panel {
    border-bottom: 1px solid #fff;
  }

  #mosaic_wrapper .panel .panel-items {
    bottom: 5%
  }

  footer ul {
    flex-wrap: wrap;
  }

  footer ul li a {
    gap: .5rem;
  }

  .rounded-yellow {
    display: none;
  }

  .parent {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }

  .div1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  .div2 {
    grid-area: 1 / 2 / 2 / 3;
  }

  .div3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  .div4 {
    grid-area: 2 / 2 / 3 / 3;
  }

  .div5 {
    grid-area: 3 / 1 / 4 / 2;
  }

  .div6 {
    grid-area: 3 / 2 / 4 / 3;
  }

  /* .parent-item .gx-overlay {
    opacity: 1;
    transform: translateY(0);
  } */
  .overlay-items {
    width: 100%;
  }

  .overlay-items p {
    font-size: 10px;
    line-height: 13px;
  }

  .arrows-container {
    /* transform: rotate(270deg); */
    display: flex;
    position: relative;
    align-self: flex-end;
    position: absolute;
    bottom: 4%;
    justify-content: center;
  }

  .arrow {
    padding: .6rem;
    box-shadow: 3px -3px white inset;
    /* box-shadow: 2px -2px 1px 1px white inset; */
    transform: rotate(135deg);
    opacity: 0;
    position: absolute;
    margin-bottom: 15px;
  }

  .arrow-one {
    animation: arrowMovement 2s ease-in-out infinite;
  }

  .arrow-two {
    animation: arrowMovement 2s 1s ease-in-out infinite;
  }

  .arrows-container p {
    margin-bottom: 0;
    color: white;
    font-size: 10px;
  }

  @keyframes arrowMovement {
    0% {
      bottom: 0;
      opacity: 0;
    }

    70% {
      opacity: 1;
    }

    100% {
      bottom: 30px;
      opacity: 0;
    }
  }
}

/* End Tabs for User Profile */


/*  */

/*  */
@media (max-width: 1280px) {}

@media (max-width: 1190px) {}

/*  */
@media (min-width: 1400px) {}

/*  */
@media (min-width: 1780px) {

  .top-section {
    height: 450px;
  }
}

/*  */
@media (min-width: 1920px) {
  body {
    font-size: 1rem;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.95rem;
  }

  h5 {
    font-size: 1.75rem;
  }

  /* footer .container {
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
  } */

  footer h4 {
    font-size: 16.5px;
  }

  footer ul li {
    /* font-size: 13px; */
    line-height: 18px;
  }

}

/*  */
@media screen and (max-width: 985px) {
  .menu-links ul {
    width: 300px;
    padding-left: 30px;
  }

  .menu-links ul li>ul {
    margin-left: 240px;
  }

  .menuBParent {
    width: 315px;
    height: 315px;
  }

}

@media screen and (max-width: 900px) {
  .nav-action {
    left: 50px;
    bottom: unset;
    top: 0;
    background: #fff;
  }

  .menu-links {
    overflow: hidden auto;
  }

  .menu-links ul {
    align-self: baseline;
    padding-top: 130px;
  }

  .menu-links>ul>li.mainmenu>a:after {
    position: absolute;
    right: 20px;
    transform: translateY(0%);
  }

  .menu-links ul li>ul {
    position: relative;
    background: #ffd545;
    padding-left: 0;
    margin-left: 0px;
    width: 250px;
    border-radius: 25px;
    padding: 20px 20px 20px 0;
    opacity: 1;
    display: none;
    transition: .5s all ease;
  }

  .menu-links ul li.mainmenu.active:hover>ul {
    display: block;
    transform: translateY(0);
    top: 0;
    height: auto;
    width: auto;
  }

  .menu-links>ul>li.mainmenu.active:hover>a:after {
    transform: translateY(0%) rotate(90deg);
  }

  .menu-links ul li:hover {
    border-radius: 0;
  }

  .menu-links ul li.mainmenu.active:hover {
    border-radius: 0;

  }

  .bt-4 {
    font-size: 48px;
  }

  #mosaic_wrapper .panel {
    height: 50vh;
    width: 25%;
  }

}

@media screen and (max-width: 834px) and (min-width:768px) {}

@media screen and (max-width: 834px) {
  #banner img {
    display: block;
  }

  .bgndVideo1,
  .inline-YTPlayer {
    display: none;
  }

  .gx-button,
  .directionButton {
    font-size: 15px;
  }

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

  .searchForm.popupForm {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
  }

  .searchForm input {
    border: none;
    border-bottom: 2px solid rgba(128, 128, 128, 0.5);
    outline: none;
    color: rgb(0, 0, 0);
    padding: 0px 28px 0px 2px;
    font-size: 16px;
    border-radius: 0;
    background: transparent;
    width: 100%;
    height: 60px;
  }

  .searchForm input:focus {
    border: none;
    box-shadow: none;
    border-bottom: 2px solid #ffc600;
    outline: none;
    color: rgb(0, 0, 0);
    padding: 0px 28px 0px 2px;
    border-radius: 0;
    background: transparent;
  }

  .searchForm .input-group-text {
    margin-top: 2px;
  }

  #menu {
    overflow: hidden auto;
  }

  .menu-links ul li {
    position: relative;
    font-size: 20px;
    padding: 5px 0px 5px 25px;
  }

  .menu-links ul li>ul {
    height: auto;
    top: 0;
  }

  .nav-action {
    top: 25px;
    left: 0px;
    width: 100%;
    bottom: unset;
  }

  .nav-action .searchBtn {
    float: none;
    margin-left: 10px;
  }

  .menu-links {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-top: 20px;
    position: relative;
  }

  .menu-box {
    width: 100%;
    height: auto;
    padding: 24px 24px 60px;
    clip-path: none;
  }

  .menuBParent {
    display: none;
  }

  .menu-links ul {
    width: 100%;
    padding: 100px 25px 40px;
    margin-top: inherit;
  }


  div.sectionContainer {
    display: flex;
    flex-direction: column;
  }



  #corporate-booking-section .column1 {
    padding: 40px;
    text-align: center;
  }


  #about-us-section .column2 .image-container img {
    /* max-width: 340px; */
    border-radius: 10px;
  }

  #corporate-booking-section .column2 .image-container img {
    max-width: 340px;
    border-radius: 10px;
  }

  #corporate-booking-section .page-title2 {
    width: 100%;
    margin-bottom: 0;
    text-align: center;
  }

  .footer-newsletter {
    display: flex;
    flex-direction: column;
  }

  .fn-colum2 {
    display: block;
    width: 100%;
  }

  .footer-newsletter input {
    max-width: 100%;
  }

  footer {
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .footer-logo img {
    display: block;
    margin-right: 0;
  }

  footer ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: space-around;
  }

  .content.auth-tabs {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: inherit;
    position: relative;
  }
  .auth-tabs .nav-pills{
    width: inherit;
  }
  .auth-tabs .tab-content{
    width: inherit;
  }
  .tc-banner-below h2{
    font-size: 30px;
  }
  .tc-banner-below .page-subtitle{
    font-size: 20px;
  }
  .tc-banner-below{
    padding: 50px 0px 100px;
  }
  .box {
    grid-template-columns: repeat(2, 1fr);
  }
  #mosaic_wrapper .panel {
    height: 44.5vh;
    width: 25%;
  }
  #mosaic_wrapper .panel a.bi-button{
    opacity: 1;
  }
  #mosaic_wrapper .panel {
    border-bottom: 1px solid #fff;
  }
  #mosaic_wrapper .panel .panel-items {
    bottom: 5%;
  }
}

@media screen and (max-width: 600px) {
  .box {
    grid-template-columns: repeat(1, 1fr);
  }
  .owl-nav {
    display: none;
  }

  #menu .menu-before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .top-logo {
    width: 160px;
    height: auto;
    top: 30px;
    display: inline-block;
  }

  .rightCorner>label {
    right: 30px;
    top: 30px;
  }

  .rightCorner {
    position: fixed;
    top: 30px;
    right: 30px;

  }

  .rightCorner .menu-container {
    background: rgba(255, 255, 255, 1);
    z-index: 900;
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
    border-radius: 10px;
    filter: drop-shadow(0px 4px 33.4px rgba(14, 36, 78, 0.24));
    width: 200px;
    text-align: center;
    position: relative;
  }

  .rightCorner>div>a {
    display: inline-block;
    z-index: 900;
    cursor: pointer;
    padding: 15px 10px;
    border-radius: 50%;
    line-height: 45px;
    height: 45px;
    width: 45px;
    color: hsl(210, 74%, 17%);
    font-size: 22px;
    transform: translateY(-14px);
    margin: 0 5px;
  }

  .rightCorner>div>label {
    margin: 0 5px;
    display: inline-block;
    z-index: 900;
    cursor: pointer;
    padding: 15px 10px;
    border-radius: 50%;
    line-height: 45px;
    height: 45px;
    width: 45px;
  }

  .top-section .page-title {
    font-size: 48px;
  }

  .flex-container {
    flex-direction: column !important;
  }

  .mcart-column {
    display: flex;
    flex-direction: column;
  }

  .mcart-column1 {
    display: flex;
    flex-wrap: wrap;
  }

  .mcart-column2 {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }

  .mcart-grid {
    /* display: flex;  */
    flex-direction: column;
    text-align: left;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }

  .mcart-block {
    display: inline-block;
    padding-bottom: 10px;
    order: 2
  }

  .mcart-grid .mcart-block:nth-child(1) {
    padding: 0 20px;
    margin-top: 20px;
    /* display: flex; */
    grid-area: 1 / 1 / 2 / 2;
  }

  .mcart-grid .mcart-block:nth-child(2) {
    padding: 10px 20px 20px;
    grid-area: 2 / 1 / 3 / 3;
  }

  .mcart-grid .mcart-block:nth-child(3) {
    padding: 0 20px;
    margin-top: 20px;
    display: flex;
    /* grid-area: 1 / 2 / 2 / 3; */
  }

  .mcart-total {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    flex-grow: 1;
    justify-content: end;
  }

  footer {
    padding: 70px 0px 40px;
  }

  .footer-logo {
    text-align: center;
  }

  .contact {
    display: flex;
    flex-direction: column;
  }

  .contact1 {
    margin-bottom: 60px;
  }

}

@media screen and (max-width: 500px) {
  #mosaic_wrapper .panel {
    height: 33.33vh;
    width: 50%;
  }

  #mosaic_wrapper .panel p.bi-item {
    margin-bottom: 20px;
    font-size: 18px;
  }

  #mosaic_wrapper .panel a.bi-button {
    width: 100px;
  }

  /* #mosaic_wrapper .panel:nth-last-child(2), #mosaic_wrapper .panel:last-child  { */
  #mosaic_wrapper .panel:nth-child(4),
  #mosaic_wrapper .panel:nth-child(5) {
    height: 33.33vh;
    width: 50%;
  }

  .gx-button,
  .directionButton {
    font-size: 13px;
  }

  .top-logo {
    width: 120px;
    height: auto;
    top: 30px;
    display: inline-block;
  }

  .rightCorner>label {
    right: 30px;
    top: 30px;
  }

  .rightCorner {
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0;
  }

  .rightCorner .menu-container {
    background: rgba(255, 255, 255, 1);
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 900;
    padding: 0px;
    vertical-align: middle;
    border-radius: 0px;
    filter: drop-shadow(0px 4px 33.4px rgba(14, 36, 78, 0.24));
    width: 100%;
    text-align: center;
    grid-column-gap: 5px
  }

  .rightCorner>div>a {
    padding: 15px 10px;
    font-size: 18px;
  }

  .rightCorner>div>label {
    margin: 0 5px;
    padding: 15px 10px;
  }

}

@media screen and (max-width: 414px) {}

@media screen and (max-width: 320px) {}

/*  */

/*
Continuer Custom Width Area Style*/
@media only screen and (min-width: 1200px) {
  .ready-section .section-cover {
    width: 1200px;
  }

  .ready-section .section-cover:after {
    border-bottom-left-radius: 155px;
  }
}

@media only screen and (min-width: 1300px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1400px;
    /* Changed from 1320 - 1400*/
  }

  .ready-section .section-cover {
    width: 1640px;
  }
}