@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
    font-family: "Inter", sans-serif;
}
h1{
    color: #AF9882;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 124%;
    font-family: "Arima", system-ui;
}
h2{
    font-family: "Arima", system-ui;
    color: #AF9882;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 124%;
    padding-bottom:0;
}
h3{
    color: #000;
    font-family: "Arima", system-ui;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 124%;
    padding-bottom:0;
}
h4{
    color: #1E1E24;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.16px;
    text-transform: uppercase;
    padding-bottom:0;
}
h5,h6{
    font-family: "Arima", system-ui;
}
p{
    color: #313539;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
a{
    font-family: "Inter", sans-serif;
}

/*img overlay animation*/
.img-hover {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.img-hover .image-hover,
.img-hover .dark-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.img-hover .image-hover {
  z-index: 2;
  object-fit: cover;
}

.img-hover .dark-overlay {
  background: rgba(30, 33, 36, 0.7); 
  z-index: 3;
}

.img-hover:hover .image-hover,
.img-hover:hover .dark-overlay {
  opacity: 1;
  pointer-events: auto;
}

.img-hover .image-change {
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
  position: relative;
}
.img-hover .button-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px; /* adjust as needed */
  z-index: 10;  /* higher than overlay and images */
  display: flex;
  justify-content: center;
  pointer-events: auto;
}

/*end*/


/*search engine home page and booking service page */
#search-form > div.row.form-group.return-group > div.col-md-8 > div.adults.col-md-4 > div > input, #search-form > div.row.form-group.return-group > div.col-md-8 > div.children.col-md-4 > div > input, #search-form > div.row.form-group.return-group > div.col-md-8 > div.infants.col-md-4 > div > input{
    color:#fff;
}
#search-form > div:nth-child(1) > div.col-md-9 > div > input{
    color:#fff !important;
}
#search-form > div.row.form-group.return-group > div:nth-child(2) > select{
    color:#000 !important;
}
#search-form > div:nth-child(2) > div.col-md-9 > div > label > #more-filters > a {
    color:#fff;
}
#search-form > div:nth-child(2) > div.col-md-9 > div > label > #more-filters > a:hover{
    color:#fff !important;
}


#bookingform > div.row.form-group.return-group > div.col-md-8 > div.adults.col-md-4 > div > input, #bookingform  > div.row.form-group.return-group > div.col-md-8 > div.children.col-md-4 > div > input, #bookingform  > div.row.form-group.return-group > div.col-md-8 > div.infants.col-md-4 > div > input{
    color:#000;
}
#bookingform > div:nth-child(1) > div.col-md-9 > div > input{
    color:#000 !important;
}
#bookingform > div.row.form-group.return-group > div:nth-child(2) > select{
    color:#000 !important;
}
#bookingform > div:nth-child(2) > div.col-md-9 > div > label > #more-filters > a {
    color:#000;
}
#bookingform > div:nth-child(2) > div.col-md-9 > div > label > #more-filters > a:hover{
    color:#000 !important;
}

/*services page*/
.booking-form{
    background:transparent !important;
    box-shadow:none !important
}
.control-label > .orphan {
    color: #AF9882 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 7px;
    letter-spacing: 0.84px;
    padding-left:0;
}
.orphan > i { 
    display:none !important;
}
.com-widget-container .amount-control{
    background:transparent !important;
}
.calendar-icon{
    display:none !important;
}
#bookingform > div:nth-child(1) > div.col-md-3 > div > div{
    margin-top: 25px;
}
.btn-rengine{
    padding: 14px 28px !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    letter-spacing: 1.26px !important;
    text-transform: uppercase;
	border-radius:0 !important;
	background: #AF9882 !important;
	border:1px solid #AF9882!important;
	margin-top:30px;
}
#more-filters{
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#more-filters > a > span:nth-child(1) > i{
    color: #AF9882;
}
.minus-control, .plus-control{
    border:0 !important;
    color: #AF9882 !important;
}
.more-filters-label, .display-group {
    color: #AF9882;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.84px;
    text-transform: uppercase;
    padding-bottom: 0px;
}
.more-filters-label > i, .display-group > i  {
    display: none !important;
}
.result-item{
    background: #EBE8E4;
    border: 0;
    border-radius: 0;
    padding: 33px 27px;
}
.result-item img:not(.image-icon){
    min-height:150px;
}
.service-name{
    color: #AF9882;
    font-family: "Arima", system-ui;
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 80%; /* 38.4px */
}
.service-group{
    display:none !important;
}
.service-attributes .list-inline li {
    color: #2F3539;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: lowercase;
    padding-bottom: 0px;
    padding-left: 10px !important;
    padding-right: 10px;
    float: none !important;
    width: inherit !important;
}
.service-book a, .button, .action-container a, .success-container a{
    padding: 14px 28px !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 1.26px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    background: #AF9882 !important;
    border: 1px solid #AF9882 !important;
}
.btn-slot:enabled {
    padding: 14px 14px !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 1.26px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    background: #AF9882 !important;
    border: 1px solid #AF9882 !important;
}
.book-button > i {
    display:none !important;
}
@media(max-width:600px){
    .result-item img:not(.image-icon){
        min-height:auto !important;
    }
    .less-padd{
        padding:20px 10px!important;
    }
    .service-attributes > ul{
        display: flex;
        flex-direction: column;
    }
}

/*single service page */
.service-title{
    color: #1D120E;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#app > div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-4.gray-back > div.slide-subtitle.strong-bold{
    display:none !important;
}
.gray-back{
    background: #EBE8E4 !important;
    padding: 35px 30px !important;
    border-radius: 0 !important;
}
.booking-area img{
    border-radius: 0 !important;
}
.more-photos{
    padding: 14px 28px !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 1.26px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    background: #AF9882 !important;
    border: 1px solid #AF9882 !important;
    top:-65px !important;
}
#app > div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-4.gray-back > div:nth-child(3){
    display:none !important;
}
#app > div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-4.gray-back > hr{
    margin:10px 0 10px !important;
}
.owl-carousel .owl-item img {
    max-height: 100% !important;
}
#app > div.container-fluid.service > div:nth-child(2) > div.row.related > div > div > div.owl-stage-outer > div > div:nth-child(1) > div > a > div{
    color: #FFFDFA;
    font-family: "Arima", system-ui;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #2F3539;
    text-align: center;
    margin: 10px;
    position: relative;
    bottom: 60px;
}
.related > div > h3{
    color: #AF9882;
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 124%;
    margin-bottom:20px;
}

/*end*/

@media(max-width:600px){
    h1{
        font-size:45px;
    }
    h2{
        font-size:35px;
    }
    .no-padd{
        padding:30px 10px !important;
    }
    .whole{
        flex-direction:column !important;
        gap:0px !important
    }
    .single{
        gap:10px !important
    }
    .move-left{
        text-align:left !important;
    }
    .move-left2{
        justify-content:start !important;
    }
    .flex-1.flex-lg.nav.navbar-nav.flex.items-center{
        justify-content:start !important; 
    }
    .img-padd{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

.is-btn-ghost2 {
	padding: 14px 28px !important;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;
}
.is-btn-ghost1{
    padding: 14px 28px !important;
    color: #FFFDFA;
    font-family: "Arima", system-ui;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    text-transform: none !important;
    letter-spacing:0.4px !important;
}
.form-control.email-one{
    background:transparent !important;
    border-radius:0 !important;
    border: 1px solid rgba(175, 152, 130, 0.40) !important;
}
.form-control {
    background:transparent !important;
    border-radius:0 !important;
    border-bottom: 1px solid rgba(175, 152, 130, 0.40) !important;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
}

.rendered-form .form-group>label {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; 
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.form-control:focus {
	outline: 0;
	box-shadow: none !important;    
	border-radius:0 !important;
    border-bottom: 1px solid rgba(175, 152, 130, 0.40) !important;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
}

.send-btn {
	padding: 14px 28px !important;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;
	border-radius:0 !important;
	background: #AF9882;
	border:1px solid #AF9882!important;
	margin-top:30px;
}
.send-btn > i{
    color:#E9DBCE;
    margin-left:10px;
}
.book1 > a{
    padding: 14px 28px !important;
    color: #FFF !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;
	border-radius:0 !important;
	background: #AF9882;
	border:1px solid #AF9882!important;
} 
.book1 > a:hover{
	background: #AF9882 !important;
	color: #FFF !important;
}
.book1 > a > i {
    color:#E9DBCE;
    margin-left:10px;
}

.navbar-static{
    padding-top:40px;
    padding-bottom:40px;
}
.navbar-nav>li>a{
    color: #313539;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .is-boxes.is-navigation-box .navbar-nav {
        padding-left: 0px !important;
    }
}

.modal-body > .container {
    max-width: -webkit-fill-available !important;
}
.footer-text, .footer-text>a{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.company-address, #app > div.footer > div > div:nth-child(1){
    display:none !important;
}
.footer {
    padding-bottom: 10px;
    padding-top: 10px;
}
