:root {
    --themecolor1: #c99700;
    --themecolor2: #000;
    --themecolor3: #392e1f;
    --themecolor4: #707070;
    --themecolor5: #a59b65;
    --themecolor6: #878787;
    --themecolor7: #b7b7b7;
    --themecolor8: #ffffff;
    --text-colordark: #333333;
    --font-face1: "Open Sans";
    --font-face2: "Poppins", sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.form-control:focus,
.form-select:focus {
    box-shadow: none;
    background-color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #392E1F;
    font-family: var(--font-face2);
}

p {
    color: #000;
    font-weight: normal;
    font-size: 20px;
   
}


/* ========= Color Style =========*/

.bg-blue {
    background: var(--themecolor1);
}

.text-blue {
    color: var(--themecolor1);
}

.text-dgray {
    color: var(--themecolor3);
}

.text-lgray {
    color: var(--themecolor6);
}

.text-lgray2 {
    color: var(--themecolor7);
}


/* ========= Color Style =========*/





.fn-face2 {
    font-family: "Poppins", sans-serif;
}

.fn-w1 {
    font-weight: normal;
}

.fn-w2 {
    font-weight: 300;
}

.fn-w3 {
    font-weight: 600;
}

.fn-12 {
    font-size: 12px;
}

.fn-14 {
    font-size: 14px;
}

.fn-16 {
    font-size: 16px;
}

.fn-18 {
    font-size: 18px;
}

.fn-20 {
    font-size: 20px;
}

.fn-24 {
    font-size: 24px;
}

.fn-28 {
    font-size: 28px;
}

.fn-30 {
    font-size: 30px;
}

.fn-32 {
    font-size: 32px;
}

.fn-34 {
    font-size: 34px;
}

.fn-36 {
    font-size: 36px;
}

.fn-40 {
    font-size: 40px;
}

.fn-75 {
    font-size: 52px;
}

.line-h1 {
    line-height: 24px;
}

.line-h2 {
    line-height: 28px;
}

.line-h3 {
    line-height: 30px;
}

.line-h4 {
    line-height: 36px;
}

.line-h5 {
    line-height: 40px;
}

.line-h6 {
    line-height: 48px;
}

.letter-spacing1 {
    letter-spacing: 1px;
}


/* ========= Font Style =========*/


/* ========= Padding Style =========*/

a {
    color: #fff;
}

.padding1 {
    padding: 100px 0;
}

.padding2 {
    padding: 80px 0;
}

.padding3 {
    padding: 60px 0;
}

.padding4 {
    padding: 40px 0;
}

.px-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.px-30 {
    padding-left: 40px;
    padding-right: 40px;
}


/* ========= Padding Style =========*/

.themeBtn2 {
    color: var(--themecolor8);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease-in;
    border: 1px solid var(--themecolor8);
}

.themeBtn2:hover {
    border: 1px solid var(--themecolor8);
    color: var(--themecolor1);
    background: var(--themecolor8);
}
.themeBtn1 {
    color: white; 
	border: 1px solid var(--themecolor1);	
	background: var(--themecolor1);
}

.themeBtn1:hover {
    border: 1px solid var(--themecolor8);
    color: var(--themecolor1);
    background: var(--themecolor8);
}

.differentbg {
    color: white; 
	border: 1px solid #b0a9a6;	
	background: #b0a9a6;
}

.differentbg:hover {
    border: 1px solid var(--themecolor8);
    color: var(--themecolor1);
    background: var(--themecolor8);
}

.arrowBtn {
    color: #000;
    transition: all 0.3s ease-in;
}

.arrowBtn:hover {
    font-weight: 600;
    color: var(--themecolor1);
    letter-spacing: 2px;
}

.z-index1 {
    z-index: 1;
}

.z-index2 {
    z-index: 2;
}

body {
    background: #fff;
font-family: "Poppins", sans-serif;
    font-size: 18px;
}

.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #d2fefe;
    position: relative;
    border-bottom: 0px solid rgba(0, 0, 0, .125);
}

.card {
    background-color: #F7F7F7;
    border: 0px solid rgba(0, 0, 0, .125);
    margin-bottom: 50px;
}

.heading {
    position: absolute;
    bottom: 33px;
    left: 23px;
    z-index: 1;
}

.heading .btn {
    border: 0px solid;
    outline: none;
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(13, 110, 253, .25);
}

.card-header::after {
	display: block;
	clear: both;
	content: "";
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
	bottom: 0;
}

.heading h2 {
    font-size: 45px;
    color: #fff;
    transition: all .3s;
}
/* .card-header .heading h2:hover {

    color: var(--themecolor1)
} */
.cardoursolutions {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* IMAGE */
.cardoursolutions .imgBx {
    width: 100%;
    height: 100%;
}

/* DEFAULT TITLE (shown before hover) */
.default-title {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2;
}

.default-title h2 {
    font-size: 45px;
    color: #fff;
    margin: 0;
}

/* HOVER LAYER */
.cardoursolutions .details {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.55);
    top: 100%;
    left: 0;
    padding: 30px;
    transition: .5s ease;
}

.cardoursolutions:hover .details {
    top: 0;
}

/* TEXT INSIDE HOVER BOX */
.cardoursolutions .details h2 {
    font-size: 45px;
    color: #fff;
}

.cardoursolutions .details p {
    color: #fff;
}

/* When hovered → hide default title */
.cardoursolutions:hover .default-title {
    display: none;
    transition: .4s;
}


.inline-link {
	padding: 20px 0px 10px 0;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
}

a.inline-link  {
	color: #fff;
	transition: all 0.35s;
	font-size: 15px;outline: none;
}
a.inline-link:hover{focus-visible:none;}
.inline-link:focus-visible {
	outline: 0px solid !important;
}

.inline-link:focus::before {
	width: 100%;
	width: calc(100% - 0px);
}

.inline-link::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 0;
	height: 2px;
	background: #fff;
	transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
.inline-link:hover::before {
	width: 100%;
	width: calc(100% - 0px);
}

.bottomleft-b::before {
    content: "";
    background: var(--themecolor1);
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: -8px;
    left: -8px;
    z-index: -1;
}

#booking-contact {
    padding-top: 100px;
    margin-top: -100px;
}

.banner .down-arrow {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    text-align: center;
}

.banner .down-arrow svg {
    width: 93px;
    height: 48px;
    fill: #fff;
    background: #d2a758;
    padding: 13px 14px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}


/* ========= Header Css =========*/

header {
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
}

.navbar-brand {
	width: 101px;
	position: absolute;
	left: 5%;
	right: 0;
	top: 8px;
}


.fixed .navbar-brand {
	width: 79px;
	
}
.navbar-brand img {
    width: 100%;
}

.navbar.fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    box-shadow: 0 0px 2px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition-duration: 1s;
    height: 105px;
}
.paddingtop {
	margin-top: 28px;
}



.fixed .navbar-brand.positiontop {
    width: 80px;
}

.fixed .navbar-brand.positiontop img {
    width: 100%;
}

.bannertext {
    position: absolute;
    top: 39%;
    transform: translateY(-50%);
    width: 100%;
}


/* ========= Header Css =========*/


/* ============= Banner ============= */


/* .carousel-inner::after {
    display: block;
    clear: both;
    content: "";
    background: rgba(0, 0, 0, 0.44);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
} */

.banner {
    position: relative;
}

.banner .carousel-caption {
    background: rgba(255, 255, 255, 0.9);
    bottom: 100px;
    width: 50%;
    left: 1%;
}

.banner .carousel-control-next,
.banner .carousel-control-prev {
    width: 45px;
    height: 45px;
    margin: 0 15px;
    top: 50%;
    opacity: 1;
    transition: all 0.3s ease-in;
}

.banner .carousel-item .arrowBtn {
    display: inline-block;
    position: relative;
}

.banner .carousel-item .arrowBtn:after,
.banner .carousel-item .arrowBtn:before {
    content: "";
    background: transparent;
    border: 1px solid var(--bs-white);
    height: 80px;
    width: 80px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.3;
    transition: all 0.3s ease-in;
}

.banner .carousel-item .arrowBtn:before {
    width: 50px;
    height: 50px;
}

.banner .carousel-item .arrowBtn:hover:after,
.banner .carousel-item .arrowBtn:hover:before {
    opacity: 0.5;
}

.yellocolor {
    color: #DBC958;
}

.navmenu {
    position: absolute;
    right: 5%;
    top: 20%;
    font-size: 28px;
    color: #fff;
}

.fixed .navmenu {
    top: 0%;
}

.navmenu a {
    color: #fff;
}
    a:hover {
        color: #d2a758;
    }

.btn {
   
    
  
}
.btn_2 {
    padding: 12px 20px;
    width: 200px;
    font-size: 20px;
    color: #fff;
    border: 2px solid #fff;
    transition: all .5s;
    border-radius:0px;
}
    .btn_2:hover {
        color: #fff;
        border: 2px solid #d2a758;
        background: #d2a758;
    }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: #000;
    outline: none;
    background: url(../images/rightarrrow.png);
}
.cursor {
    cursor: pointer;
}
#testimonialCarousel .carousel-indicators [data-bs-target] {
    width: 20px;
    height: 20px;
    background-color: #b79d24;
    border-radius: 100%;
}

#testimonialCarousel .carousel-indicators {
    position: absolute;
    bottom: -16px;
}
#testimonialCarousel .carousel-item {
    min-height: 250px;
}
:focus-visible {
    outline: none;
}
/* ============= Banner ============= */

.ullidot li {
    margin-bottom: 12px;
    position: relative;
    list-style: none;
    line-height: 1.5;
    font-size: 17px;
}

/* .ullidot li::after {
    content: '';
    position: absolute;
    top: 8px;
    left: -31px;
    margin-left: 0;
    width: 16px;
    height: 17px;
    background: url(../images/lipoint.png);
    background-repeat: no-repeat;
} */

.lh-lg.ullidot {
	padding-left: 0;
}



.aboutBlock {
    background: url(../images/aboutBlock.jpg) no-repeat right bottom;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(0%, -50%);
}

.aboutBlock p {
    max-width: 80%;
}

b,
strong {
    font-weight: bolder;
    font-weight: 600;
}

.celebrations {
    position: relative;
    background: #f1f3f4;
}

.celebrations .eventBlock {
    background: rgba(157, 148, 143, 0.77);  
    padding: 53px 56px;
}

.celebrations .eventBlock2 {
    background: #3b2e17;
}

.celebrations .eventBlock .img-block {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin: 0 auto;
    overflow: hidden;
}

.celebrations .eventBlock .img-block img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-in;
}

.celebrations .eventBlock .img-block:hover img {
    transform: scale(1.5);
}


.rooms_suites {
    background: url(../images/roomsBg.jpg) no-repeat center center fixed;
    background-size: cover;
}

.rooms_suites .countBlock {
    position: absolute;
    right: -50px;
    top: 20px;
}

.wellBlock {
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
}


/* ============= Footer ============= */

footer {
	background: #3b2e17;
	border-top: 1px solid #c99700;
}

footer .copyRright {
    text-align: center;
}

footer form {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

footer form .form-control {
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 6px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
   
}

footer form .form-control:focus {
    color: #fff;
}

footer form .submitBtn {
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 7px 20px;
    color: #fff;
    text-transform: uppercase;
   
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease-in;
}

footer form .submitBtn:hover {
    color: #fff;
    background: var(--themecolor1);
    border: 1px solid var(--themecolor1);
}

footer .socialLink {
    margin: 25px 0;
}

footer .socialLink a {
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--themecolor1);
    transition: all 0.3s ease-in;
    margin-right: 5px;
}

footer .socialLink a:hover {
    background: var(--themecolor1);
    color: #fff;
}

footer .f_link {
    column-count: 3;
}

footer .f_link li {
    line-height: 36px;
}

footer .f_link li a {
    color: #fff;
   
    font-size: 14px;
    font-weight: 300;
    transition: all 0.3s ease-in;
}

footer .f_link li a:hover {
    opacity: 0.6;
    letter-spacing: 2px;
}
/*-------toTop-----------*/
#toTop {transition: transform 0.5s ease 0s;	bottom: 25px; padding: 5px; position: fixed; right: 24px; z-index: 9; cursor: pointer; width: 50px; height: 50px;	background-color: #fff;	border-radius: 50%;	box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);}
#toTop img {position: absolute; left: 14px;	z-index: 99; margin-top: 10px;}
#star-svg {position: fixed;	right: 19px; bottom: 20px; width: 80px;	height: 80px;}
/*-------toTop-----------*/

.fixed .mob-book .fixedbg {
	background: #fff;
    color: var(--themecolor1);
}
.fixed .mob-book .fixedbg:hover {
	background: var(--themecolor1);
    color: #fff;
}


.serenity-slider {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.serenity-slider .slide {
  padding: 10px;
}

.serenity-slider .slide img {
  width: 100%;
  border-radius: 0;
  display: block;
}

.slick-prev, .slick-next {
  background: #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  /*! box-shadow: 0 2px 8px rgba(0,0,0,0.2); */
  z-index: 9;
}

.slick-prev:before, .slick-next:before {
  color: #000;
  font-size: 0;
}

.slick-prev { left: 50px; background-image: url(../images/leftarrow.png) !important; }
.slick-next { right: 50px; background: url(../images/rightarrrow.png); }

@media only screen and (max-width:767px) 
{
    .mob-book {
        position: absolute;
       
        margin: auto;
        text-align: center;
        left: 0;
        right: 0;
    }


    .fixed .mob-book{display: none;}
}




/* ============= Footer ============= */