:root {
    /* Desing Colors */
    --9w-white: #FFFFFF;
    --9w-light: #FFFBF2;
    --9w-dark: #504E4F;
    --9w-primary: #14529D;
    --9w-secondary: #6AB3D6;
    --9w-accent: #F0B744;
}

* {
    font-family: 'Montserrat', sans-serif;
    line-height:1.7;

}
body{
  background-color:var(--9w-light);
  max-width:100%;
  overflow-x:hidden;
}
.w9-info-sec{
      overflow-x:hidden;
}

.w9-color-primary{
  color:var(--9w-primary)
}
.w9-color-secondary{
  color:var(--9w-secondary)
}
.w9-color-accent{
  color:var(--9w-accent)
}
.w9-color-dark{
  color:var(--9w-dark)
}
.w9-color-light{
  color:var(--9w-light)
}
.w9-color-white{
  color:var(--9w-white)
}
/* backgrounds */
.w9-bg-primary{
  background-color:var(--9w-primary)
}
.w9-bg-secondary{
  background-color:var(--9w-secondary)
}
.w9-bg-accent{
  background-color:var(--9w-accent)
}
.w9-bg-dark{
  background-color:var(--9w-dark)
}
.w9-bg-light{
  background-color:var(--9w-light)
}
.w9-bg-white{
  background-color:var(--9w-white)
}


.py-9w{
  padding-top:80px;
  padding-bottom:80px;
}
.w9-t1{
  font-size:60px;
  line-height:70px;
  margin-bottom:20px;
  font-weight:bold;
}
.w9-t2{
  font-size:40px;
  font-weight:bold;
  line-height:50px;
  margin-bottom:15px;
}
.w9-t3{
  font-size:30px;
  font-weight:bold;
  line-height:40px;
  margin-bottom:12px;
}
.w9-btn{
  font-size:18px;
  font-weight:500;
  max-width:100%;
  width:auto;
  border-radius:30px;
  border-width:3px;
  border-color:var(--9w-primary);
  padding:10px 20px;
  margin-top:10px;
}
.w9-btn:hover{
  background-color: var(--9w-primary);
  color:var(--9w-white);
  border-color:var(--9w-primary)
}
.w9-btn-light{
  border-color:var(--9w-white);
  color:var(--9w-white)

}
.w9-btn-light:hover{
  background-color: var(--9w-white);
  border-color:var(--9w-white);
  color:var(--9w-secondary);
}
p{
  font-size:18px;
}

/* Swipers */
/*.swiper-button-next:after, .swiper-button-prev:after{*/
/*  font-size:20px;*/
/*  line-height:20px;*/
/*  color:var(--9w-light);*/

/*}*/
.swiper-button-next:after, .swiper-button-prev:after {
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
/* margin-top: -22.5px; */
line-height: 20px;
color: var(--9w-light);
text-shadow: 0px 0px 3px rgb(0,0,0,0.6);
width: 20px;
border: 1px solid var(--9w-light);
border-radius: 100px;
padding: 5px;
width: 25px;
height: 25px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}

.swiper-pagination .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  border: 2px solid #fff;
  background-color: rgba(0,0,0,0.1);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
  opacity: 0.7;
}
.swiper-pagination .swiper-pagination-bullet-active{
  height:10px;
  width:10px;
  background-color:#fff;
  box-shadow:0px 0px 2px rgba(0,0,0,0.5);
}

@media(max-width:768px){
  .swiper-button-next:after, .swiper-button-prev:after {
    padding: 5px;
    width: 20px;
    height: 20px;

    }
  .swiper-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
  }
  .swiper-pagination .swiper-pagination-bullet-active{
    height:8px;
    width:8px;
  }
  p{
    font-size:16px;
  }
  .py-9w{
    padding-top:50px;
    padding-bottom:50px;
  }
  .w9-t1{
    font-size:50px;
    line-height:60px;
    margin-bottom:15px;
  }
  .w9-t2{
    font-size:34px;
    line-height:44px;
    margin-bottom:15px;
  }
  .w9-t3{
    font-size:26px;
    line-height:36px;
    margin-bottom:10px;
  }
  a.w9-btn{
    font-size:16px;
    padding:8px 16px;
  }
}
@media(max-width:520px){
  p{
    font-size:14px;
  }
  .w9-t1{
    font-size:40px;
    line-height:50px;
    margin-bottom:12px;
  }
  .w9-t2{
    font-size:28px;
    line-height:38px;
    margin-bottom:10px;
  }
  .w9-t3{
    font-size:22px;
    line-height:32px;
    margin-bottom:10px;
  }
  .py-9w{
    padding-top:30px;
    padding-bottom:30px;
  }
  a.w9-btn{
    font-size:14px;
    padding:6px 12px;
  }
}

/**==========
    Topbar 
===========**/

.topbar{
    background-color: var(--9w-primary);
    color:var(--9w-white)
}
@media(max-width:767px){
  .topbar .acc-box{
    text-align:center;
  }
}


/**==========
    Navbar 
===========**/
nav{
    background-color: var(--9w-secondary);
}
.navbar-brand img {
    width: 150px;
    scale:1.4;
    position:relative;
    z-index:9999;
  }
  .navbar-nav {
    align-items: center;
    justify-content: space-between;
  }
  
  .nav-item.active a.nav-link{
    font-weight:bold !important;
  }
  .navbar .navbar-nav .nav-link {
    color: var(--9w-white);
    font-size: 16px;
    padding: 0.5em 1em;
    text-transform: uppercase;
  }
  .navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem #fff !important;
  }
  
  .dropdown-item.active, .dropdown-item:active,.dropdown-item:hover{
      background:var(--9w-primary);
  }
  @media screen and (min-width: 768px) {
    .navbar-brand img {
      width: 250px;
      scale: 1.4;
    }
    .navbar-brand {
      margin-right: 0;
      padding: 0 1em;
    }
  }
  @media all and (min-width: 992px) {
        .navbar .nav-item .dropdown-menu{ display: none; }
        .navbar .nav-item:hover .dropdown-menu{ display: block; }
        .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
  .navbar-collapse {
    justify-content: flex-end;
  }
}



/* Info Section */
@media(min-width:768px){
  .m-container{
    max-width:100%;
    width:100% ;
    margin:0;
    padding:0;
  }
}
@media(max-width:767px){
.w9-info-sec .row{
  row-gap: 25px;
}
.m-reverse{
  flex-direction:column-reverse;
}
}


.w9-info-sec .content-box{
  max-width:750px;
}

.w9-info-sec img{
  aspect-ratio:16/10;
  object-fit:cover;
}






.home-events{
  background-color:var(--9w-secondary);
}
.home-events h2,.home-events p,.home-events a{
  color:var(--9w-white);
}


.home-Accommodation{
  background-color:var(--9w-accent);
}

.home-Accommodation .room-link{
  position:relative;
  display:block;
}
.home-Accommodation .room-link img{
  aspect-ratio: 16/9;
  object-fit: cover;
}
.home-Accommodation .room-link .room-overlay{
  display:fblocklex;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background:#f0b74492;
  transition:all 0.3s ease-in 0s;
  z-index:10;
}

.home-Accommodation .room-link:hover .room-overlay{
  opacity:0;
}

.home-Accommodation .w9-btn-light:hover{
  color:var(--9w-accent);
}

@media(min-width:768px){
  .home-Accommodation .acc-box{
    padding:0;
  }
}
@media(max-width:767px){
  .home-Accommodation .m-order-1{
    order:-1;
    margin-bottom:20px;
  }
  .home-Accommodation .acc-box{
    margin-bottom:10px;
  }
  
}


/*==============
      Footer 
===============*/
footer{
  background-color:var(--9w-secondary);
}
@media(min-width:575px){
  footer .col-12{
    padding-left:40px;
  }
  footer h4{
    margin-top:0 !important;
  }
}

footer img{
  max-width:350px;
}

footer ul.menu{
  padding-left:0;
}
footer h4{
  color:var(--9w-light);
  margin-top:15px;
}
footer ul.menu li a{
  text-decoration:none;
  color:var(--9w-light);
}
footer ul.menu li{
  margin-bottom:5px;
  width:auto;
}

.footer-bottom{
  background-color: var(--9w-primary);
  color:var(--9w-white);
  padding-top:20px;
  padding-bottom:20px;
}
.footer-bottom .items{
  column-gap:20px;
}
.footer-bottom .items a{
  text-decoration:none;
  color:var(--9w-white);

}






/*
---------------
ABOUT PAGE ----
---------------
*/

.about-image img{
  aspect-ratio: 7/3;
  object-fit:cover;
}


/*
----------------
Resort Page ----
----------------
*/
.w9-swiper-box img{
  aspect-ratio:16/9;
  object-fit:cover;
}
.w9-swiper-box *{
  color:var(--9w-white);
}

.resort-pavilion-slider h5{
  margin-bottom:10px;
}
.resort-pavilion-slider ul li{
  padding-top:2px;
  padding-bottom:2px;
}

.resort-pavilion-slider .swiper-slide, .resort-pool-slider .swiper-slide {
  height: auto !important;
  }
  .resort-pavilion-slider .swiper-content, .resort-pool-slider .swiper-content {
  height: 100% !important
  }

  @media(max-width:767px){
    .resort-pavilion-slider .swiper-button-prev, .resort-pavilion-slider .swiper-button-next,.resort-pool-slider .swiper-button-prev, .resort-pool-slider .swiper-button-next{
      top:25%;
    }
  }


/*

Accommodation Page 

*/
.Accommodation-slider .swiper-slide, .Accommodation-slider .swiper-slide {
  height: auto !important;
  }
  .Accommodation-slider .swiper-content, .Accommodation-slider .swiper-content {
  height: 100% !important
  }

  @media(max-width:767px){
    .Accommodation-slider .swiper-button-prev, .Accommodation-slider .swiper-button-next{
      top:25%;
    }
    .Accommodation-hero img{
      aspect-ratio:5/2;
      object-fit:cover;
    }
    .Accommodation-slider .slider-title{
      padding-left:0;
    }
    .Accommodation-slider .d-inline-block{
      display:block !important;
    }
    .Accommodation-slider .p-4{
      padding-left:12px !important;
      padding-right:12px !important;
      box-sizing: border-box !important;
      width:100% !important;
    }
  }


/** EVENTS Page **/
.events-slider .swiper-slide, .events-slider .swiper-slide {
  height: auto !important;
  }
  .events-slider .swiper-content, .events-slider .swiper-content {
  height: 100% !important
  }
  .events-slider img#lb1,.events-slider img#lb2{
    cursor: pointer;
  }

  @media(max-width:767px){
    .events-slider .swiper-button-prev, .events-slider .swiper-button-next,.Accommodation-slider .swiper-button-prev{
      top:25%;
    }
    .events-hero img{
      aspect-ratio: 5/2;
      object-fit:cover;
    }
    .events-slider .d-inline-block{
      display:block !important;
    }
    .events-slider .p-4{
      
      box-sizing: border-box !important;
      width:100% !important;
    }
  }
/***
    Packages page
*/
.packages-parnters ul{
  margin-bottom:20px !important;
}

.packages-parnters h4{
  font-size:24px;
  line-height:34px;
  font-weight:600;
  word-break: break-all;
}
.packages-churches img{
  height:100%;
  width:100%;
  aspect-ratio:3/2;
}
.packages-hero a:hover{
  color:var(--9w-accent);
}
@media(max-width:767px){
  .packages-parnters h4{
    font-size:22px;
    line-height:32px;
  }
}
@media(max-width:520px){
  .packages-parnters h4{
    font-size:20px;
    line-height:30px;
  }
}


/**
  Contact Us
**/
.contact-us{
  max-width:100%;
  overflow-x:hidden;
}
.contact-us .contact-box .row{
  row-gap:30px;
}
.contact-us .contact-box{
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  box-shadow:0px 0px 3px 0px rgba(0,0,0,0.1);

}
.contact-us button.btn-submit{
  border-color:var(--9w-accent);
  color:var(--9w-white);
  padding:10px 30px;
  font-weight:bold;
  margin-top:20px;
}
.contact-us button.btn-submit:hover{
  border-color:var(--9w-primary);
  background-color: var(--9w-primary);
}

.contact-us h4{
  font-size:24px;
  line-height:34px;
  font-weight:700;
  margin-bottom:15px;
}
.contact-us form .form-control{
  border-radius:20px;
  background-color:#D9D9D9;
  padding:12px;
}
.contact-us form text-area{
  background:  #D9D9D9;
  ;

}
.contact-us-icons svg{
  width:18px !important;
  height:18px !important;
  fill:var(--9w-dark)
}

@media(max-width:767px){
  .contact-us .contact-box{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-radius:10px;
    
  }
  .contact-us h4{
    font-size:22px;
    line-height:32px;
  }
  
}
@media(max-width:520px){
  .contact-us h4{
    font-size:20px;
    line-height:30px;
  }
}