@charset "UTF-8";
:root {
  --primary-color: #171931;  
  --secondary-color: #1D1D1B;  
  --third-color: #D7D8D8;  
  --fourth-color: #000000;  
}

@font-face {
  font-family: 'Grapevine-Regular';
    src: url('../fonts/Grapevine-Regular.eot');
    src: url('../fonts/Grapevine-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Grapevine-Regular.woff2') format('woff2'),
         url('../fonts/Grapevine-Regular.woff') format('woff'),
         url('../fonts/Grapevine-Regular.ttf')  format('truetype'),
         url('../fonts/Grapevine-Regular.svg#Grapevine-Regular') format('svg');
}

@font-face {
  font-family: 'Causten';
  src: url('../fonts/Causten-Regular.eot');
  src: url('../fonts/Causten-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Causten-Regular.woff2') format('woff2'),
       url('../fonts/Causten-Regular.woff') format('woff'),
       url('../fonts/Causten-Regular.ttf')  format('truetype'),
       url('../fonts/Causten-Regular.svg#Causten') format('svg');
}

body {
  margin: 0;
  font-family: 'Causten';
  font-weight: normal;
  font-size: var(--bs-body-font-size);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: #292b3d;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.h1, h1{
  font-size: 46px;
}
.title-font{
  font-family: 'Grapevine-Regular';
  font-weight: normal;
}
.main-btn {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(153,153,153,1) 100%);
  color: var(--primary-color);
  border: none;
  font-weight: 700;
  font-size: 14px;
  padding: 7px 20px;
  text-transform: uppercase;
  line-height: 25px;
  transition: all 3s ease-in-out !important;
  transition: all 0.5s;
  cursor: pointer;
}

.main-btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.main-btn span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.main-btn:hover span {
  padding-right: 25px;
}

.main-btn:hover span:after {
  opacity: 1;
  right: 0;
}

.container-fluid{
  padding: 0 50px;
}
.fs-13{
  font-size: 13px;
}

.list-unstyled{
  margin-bottom: 0;
}
/* Scrollbar  STYLE 1  */
body::-webkit-scrollbar-track, .style-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar, .style-1::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb, .style-1::-webkit-scrollbar-thumb
{
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #919191;
}

.contentPage{
  overflow: hidden !important;
  background: #292b3d;
  position: relative;
}
.contentPageCon {
  position: relative;
  z-index: 9;
}
.videoBg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: 100%;
  opacity: .2;
  filter: brightness(.8);
}
.ob-fit{
  object-fit: cover;
}


/* loader */
body main, #offcanvasNavbarLight{
  display: none;
}
#loading {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom:0;
  right:0;
  background: #35465c url(../img/loading.gif) no-repeat center center;
}


.conifrmCon{
    border-color: var(--color-03-dark) !important;
    padding: 40px !important;
    width: 70%;
    border-radius: 20px;
    max-width: 660px;
}
/* nav style */
nav{
  z-index: 2;
  padding: 30px 0 !important;
}
nav.bg-dark {
  background-color: rgb(34 36 53 / 59%) !important;
}
nav .logo{
  max-height: 25px;
}
.nav-item .active::after{
  content: '';
    display: block;
    width: 18px;
    height: 2px;
    background: #fff;
    transition: 0.5s;
}
.nav-item:hover .active::after{
  width: 40px;
}
button.navbar-toggler{
  border: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
nav.bg-dark {
  z-index: 11;
}
/* Benefits styles */
.benefits .owl-item .item img{
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.benefits .owl-item {
  opacity: .7;
  transition: all 0.5s;
}
.benefits .owl-item:hover {
  opacity: 1;
}

.owl-carousel .item p{
  color: #fff;
  margin-top: 10px;
}


/* header style */
.bg-image-full{
  min-height: calc(100vh - 120px);
}
video.fullscreen {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
video.fullscreen::-webkit-media-controls {
  display: none !important;
}
.headerContent{
  z-index: 3;
  position: absolute;
  bottom: auto;
  width: 560px;
  top: calc( 50% - 120px);
}
header::after{
  background-color: #212232c2;
  content: '';
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -1px;
}
.headerFooter{
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 3;
  text-align: center;
}
header .w-bg{position: absolute;z-index: 1;bottom: -1px;left: -140px;width: 640px;opacity: .6;}


/* info Section */
.info{
  color: #fff;
  background: #222435;
  background-image: url(../img/pattern-4.png);
  background-blend-mode: overlay; /* Optional: blends color and image */
}
.info h2{
  font-size: 18px;
}
.info ul li{
  font-size: 15px;
  line-height: 26px;
}
.info ul li::before{
  content: '';
    background: url(../img/true.png) no-repeat;
    width: 12px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}
.info p{
  font-size: 16px;
  line-height: 26px;
  margin-left: 8px;
}
.headerStyle{
  font-weight: bold;
  color: #c1946b !important;
}
a.mainLink{
  color: #c1946b;
  text-decoration: none;
}
a.mainLink:hover{
  color: #c1946b;
  text-decoration: underline;
}
.borderWal{
  border-color: #ffffff21 !important;
}
.copyrights a.links{
  color: #fff;
  text-decoration: none;
  margin: 0 7px;
}
.copyrights a.links:hover{
  color: #fff;
  text-decoration: underline;
}



/* exclusive section */
.exclusive{
  width: 100%;
}
.carousel-inner {
  overflow: visible !important;
}

.exclusive .main-img{
  height: 580px;
  object-fit: cover;
  width: 100%;
  border-radius: 10px;
}
.exclusive .second-img{
  float: right;
  height: 290px;
  object-fit: cover;
  border-radius: 10px;
}
.exclusive  .titleCar{
  font-size: 18px;
}
.exclusive .lineCon{
  width: calc(100% - 355px);
  margin-top: 13px;
  margin-left: 20px;
}
.exclusive .line{
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
  background: #ffffff42;
}
.owl-carousel .item {
  position: relative;
}

.owl-carousel .item .owl-nav {
  position: relative;
  bottom: 10px;
  width: 100%;
  display: flex;
  margin-top: 40px;
}

.owl-carousel .item .owl-nav button {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  margin-top: 30px;
  margin-right: 10px;
  line-height: 46px;
  opacity: .6;
  transition: all 0.5s;
}
.owl-carousel .item .owl-nav button:hover {
  opacity: 1;
}

.img-ad .con{
  background-image: url(../img/sec.png);
  position: relative;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  overflow: hidden;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #00000036;
  z-index: 1;
  transition: all 1s;
}
.img-ad:hover .overlay{
  background: #0000006c;
}
.img-ad .con .content{
  z-index: 1;
  margin: 35px 0 20px;
}


/* footer style */

footer{
  background: #171931;
}
footer::after{
  content: '';
  background-image: url(../img/w.png);
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: .1;
}
footer .container-fluid{
  position: relative;
  z-index: 2;
}

.footer-menu li{
  padding: 0 7px;
  color: #fff;
}
.footer-menu li a{
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.footer-menu li a:hover{
  text-decoration: underline;
}
.copyrights a{
  color: #8d8d8d;
  text-decoration: none;
}
.copyrights a:hover{
  color: #333;
  text-decoration: none;
}
.copyrightSocial{
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
}
.copyrightSocial li a{
  color: #8d8d8d;
  padding: 0 10px;
}
.copyrightSocial li a:hover{
  color: #ffffff;
}
.copyrightSocial li .langMenu {
  font-size: 13px;
  margin-top: 3px;
}
footer .border-bottom{
  border-color: #ffffff21 !important;
}



/* inner pages styles */
#innerPage .videoBg{
  width: 100%;
  object-fit: cover;
}
#innerPage .navbar.bg-dark {
  background-color: transparent !important;
}
#innerPage .contentPage {
  overflow: hidden !important;
  background: #292b3d;
  position: relative;
  width: 100%;
  height: 100vh;
  margin-top: -100px;
}
 /* Center the div in the page */
 .center-div {
  height: 100vh; /* Full viewport height */
  display: flex;
  justify-content: center;
  align-items: center;
}
.comingSoon .content{
  background: #ffffff44;
  padding-right: 100px !important;
  padding-left: 100px !important;
  min-width: 620px;
}
.comingSoon button.main-btn{
  border-radius: 0.375rem !important;
}
.comingSoon input{
  background: #333543;
  border-color: #74757d;
}
s
.thank .content{
  background: #ffffff2e url(../img/thanks.png) no-repeat;
  background-size: 150% 240%;
  background-position: center center;
}
.pStyle{
  color: #9c9ebf;
}
.bg-2{
  background: #171931 !important;
}
.lineStyle{
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(153, 153, 153, 1) 100%);
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.2;
}
/* media queries */
@media screen and (max-width: 1200px) {
  .title-font{
    font-size: 38px;
  }
  header .w-bg {
    width: 620px;
  }
  .img-ad .content {
    padding: 20px 0 !important;
  } 
  .title-font {
    font-size: 30px;
  }
} 

@media screen and (max-width: 991px) {
  .navbar-nav{
    display: ruby;
  }
  .navbar-collapse{
    margin-top: 10px;
  }
  .title-font {
    font-size: 30px;
  }
  .headerContent {
    top: calc(50% - 90px);
  }
  footer .logo{
    width: 180px !important;
  }
  .owl-carousel .item .owl-nav button {
    width: 38px;
    height: 38px;
    margin-top: 30px;
    margin-right: 10px;
    line-height: 38px;
    font-size: 14px;
  }
  
}

@media screen and (max-width: 767px) {
  .info .float-end{
    float: left !important;
  }
  .info .mx-auto.d-block{
    width: auto !important;
  }
  .info .text-start{
    margin-top: 30px;
  }
  .headerContent {
    width: calc(100% - 100px);
  }
  header .w-bg {
    width: 85%;
  }
  .item .col-lg-9 .row .d-flex .p-5{
    padding: 5px !important;
  }
  .exclusive .main-img {
    height: 330px;
  }
  section.p-5 {
    padding: 20px 0 !important;
  }
  section.ps-5 {
    padding-left: 0 !important;
  }
  .item .container-fluid, .img-ad .container-fluid {
    padding: 0 !important ;
  }
  .item  .col-lg-8 .ps-5 {
    padding-left: 0 !important;
  }
  .copyrightSocial{
    float: none;
    width: max-content;
    margin: 20px auto 0;
  }
  .comingSoon input{
    margin-bottom: 10px;
    margin-right: 0 !important;
  }
  .comingSoon input, .comingSoon button{
    width: 100%;
  }
  .comingSoon .content {
    background: #ffffff44;
    padding-right: 20px !important;
    padding-left: 20px !important;
    min-width: auto;
  }
  
}

@media screen and (max-width: 480px) {
  footer .logo {
    width: 150px !important;
  }
}

@media screen and (max-width: 380px) {
  .navbar .container-fluid{
    padding: 0 20px !important;
  }
}

.whishlist{
  background: #f1f1f1;
  color: #333;
  border-radius: 20px;
  box-shadow: 0px 3px 11px 11px rgb(0 0 0 / 28%);
}
.whishlist  h2 {
  background: #252738;
  margin-top: 35px;
  color: #fff;
}
.whishlist i{
  font-size: 8px;
  margin-right: 5px;
  color: #9f9f9f;
  top: -2px;
  position: relative;
}
.whishlist .form-check-input[type=radio] {
  margin-right: 5px;
}
.whishlist p {
  margin-left: 0;
}
.form-label .details{
  font-size: 13px;
}