@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body{
    font-family: 'Inter', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Inter', sans-serif;
}
p{
    font-family: 'Inter', sans-serif;
    color: #000;
    font-size: 16px;
    line-height:20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
a{
    font-family: 'Inter', sans-serif;
}


div.homeowl > div > div > div > div > div > div > div > div > div > div > div > div > div > div.owl-stage-outer > div > div.owl-item{
        padding: 30px 25px 45px 25px !important;
}



div > div > div > div > div > div > div > div > div > div.owl-stage-outer > div > div > div > span > span > i{
    background-color: white;
    color: #5A5A5A;
    border-radius: 100%;
}

.owl-stage-outer {
    width: 100% !important;
}

div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-4.gray-back{
    width: 100% !important;
}

div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-4.gray-back > h1, div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-4.gray-back > div.slide-subtitle.strong-bold, div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-4.gray-back > div.row > div.col-md-12 {
    text-align: center !important;
}



/*div > div > div > div > div > div > div > div > div > div.owl-stage-outer > div > div > div > span{*/
/*        margin: 5px 5px 5px 0px !important;*/
/*}*/

.popup {
    border-radius: 10px !important;
    border: 0.5px solid #B5B5B5 !important;
    background: #FFF !important;
    box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.05);
    margin: 70px auto;
    padding: 36px 40px;
    width: 40%;
    position: relative;
    transition: all 5s ease-in-out;
    max-height: 500px;
}
.embed-responsive iframe{
    border-radius:10px ;
}

/***servies*****/
.row.form-group.return-group.hidden{
    display:block !important;
}
.review-area .price{
    color:#E91D24 !important;
}
.booking-step-1> h1, .booking-option-header{
    color: #050608 !important;
    font-size: 30px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}
.extra-desc{
    color:rgba(6, 18, 66, 0.45) !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    font-family: 'Inter', sans-serif;
}
.extra-name {
    font-family: 'Inter', sans-serif;
    color: #050608 !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}
.slider {
    border: 1px solid #050608 !important;
}
input:checked + .slider:before {
    background-color: #050608 !important;
}
#search-form > div:nth-child(1) > div:nth-child(4) > div > h5, #bookingform > div:nth-child(1) > div:nth-child(4) > div > h5{
    display:none !important;
}
.owl-item{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    border-radius: 10px;
    border: 0.5px solid var(--grey, #B5B5B5);
    background: #FFF;
    box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.05);
    width: 320.175px;
    margin-right: 10px;
}
.signin.no-auth, .signup.no-auth{
    color:#fff !important;
}
.booking-area img{
    width:auto !important;
}
.control-label > .orphan{
    display:none !important;
}
.fa-arrow-circle-right{
    display:none !important;
}
#bookingform > div:nth-child(1) > div.col-md-9 > div > h4 > div{
    display:none !important;
}
#bookingform > div:nth-child(1) > div.col-md-9{
    width:100% !important;
}
.service-media{
    padding: 0 !important;
    color: #666;
    font-size: 14px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 10px 0;
}
.service-includes-description, .service-description{
    color: #000;
    font-size: 14px;
    line-height:20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.service-includes-description{
    padding:0 !important;
}
h4{
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.service-title{
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#mapPoint, #mapZone{
    height:300px !important;
}
.service .gray-back {
    background-color: #fff !important;
    border: none !important;
    padding: 36px 40px !important;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08);
}
.calendar-period, .choose-calendar-period{
    background:transparent !important;
}
.choose-calendar-period>a{
    color: #000 !important;
    font-size: 10px !important;
    font-weight:300 !important;
}
.result-item, .summary, .extras, .driver, .action-container, .success-container, .review-area {
    border: 0.5px solid  #B5B5B5 !important;
    margin-bottom: 30px !important;
}
.service-name{
    color: #000 !important;
    font-size: 26px !important; 
    font-weight: 700 !important;
    line-height: initial !important;
}
.currency, .service-total{
    color: #E91D24 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
}
.no-charge-now{
    display:none !important;
}
.service-cost-day {
    color: #000 !important;
    font-size: 12px !important; 
}
.book-button{
    padding: 8px 20px !important;
    border-radius: 5px !important;
	letter-spacing: 0 !important;
	font-size: 14px !important;
    font-weight: 500 !important;
    text-transform:none !important;
    border-radius: 5px !important;
    background: #5caa3a !important;
    border:1px solid #5caa3a !important;
    color:#fff !important;
}

/****end of services****/

/*hov*/
.image1 {
	display: block;
	width: 100%;
	height: auto;
	transition: all .5s ease;
	opacity: 1;
	backface-visibility: hidden;

}

.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;

}

.product-box {
	overflow: hidden;
}


.product-box img {
	transition: all .8s linear;
}

.product-box:hover{
	transition: 0.4s ease;
	background: linear-gradient(180deg, #B3B3B3 0%, rgba(27, 50, 111, 0.3) 100%) !important;
}


.product-box:hover .middle {
	opacity: 1 !important;

}

/*end of hov */


@media(min-width:578px){
    #bookingform > div:nth-child(2) > div.col-md-9{
        width:100% !important;
    }
    #header-16064{
        position:absolute !important;
        z-index: 2 !important;
    }
    .one{
        position:absolute !important;
    }
    #header-16064 > div.is-section.is-box.is-section-auto.is-light-text{
        position:relative !important;
        z-index:9 ;
    }
    
    div.homeowl > div > div > div > div > div > div > div > div > div > div > div > div > div > div.owl-stage-outer > div > div.owl-item{
        min-height: 460px !important;
    
}
}
@media(max-width:576px){
    #header-16064{
        position: absolute !important;
        z-index: 2 !important;
    }
    
    iframe{
        width: -webkit-fill-available !important;
    }
    #header-16064 > div > div.is-overlay > div{
        background-image:none!important;
    }
    
    #menu-gRoIowj > nav > div > div.navbar-header > a, #menu-eXD296q > nav > div > div.navbar-header > a{
        margin-top: -25px !important;
    }
    #bs-example-navbar-collapse-menu-gRoIowj > div > ul.nav.navbar-nav.navbar-right.flex.justify-between.items-center, #bs-example-navbar-collapse-menu-eXD296q > div > ul.nav.navbar-nav.navbar-right.flex.justify-between.items-center{
        display: block !important;
        float: right !important;
        text-align: right !important;
    }
    
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-align-left.is-bg-grey.is-light-text.is-section-60 > div.is-boxes > div > div > div:nth-child(2) > div{
        display: none !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-align-left.is-bg-grey.is-light-text.is-section-60 > div.is-boxes > div > div > div:nth-child(2) > div > h1{
        margin-top: 140px !important;
    }
    .the-one{
        top:0 !important;   
    }
    #header-16064 > div > div.is-boxes.is-navigation-box > div > div > div.row.the-one > div:nth-child(2){
        display:block !important;
        background-image: none !important;
    }
    .popup{
        width:90% !important;
        max-height:830px !important;
    }
    #header-16064 > div.is-section.is-section-10.is-box.is-bg-light.is-dark-text{
        background:#000 !important;
    }
    #header-16064 > div.is-section.is-box.is-section-auto.is-light-text > div.is-boxes > div > div > div > div:nth-child(2){
        background-image:none !important;
        display: block !important;
    }
    .product-box{
        padding: 36px 30px 36px 40px !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-section-100.is-light-text{
        height: 75% !important;
        min-height: 75vh !important;
    }
    .dis{
        display:none !important;
    }
    .one{
        position:relative !important;
    }
    div.is-section.is-box.is-section-auto.one > div.is-overlay > div{
        background-size:cover !important;
    }
    #header-16046{
        position:relative !important;
        background:#000 !important;
    }
    #header-16046 > div.is-section.is-box.is-section-auto > div.is-overlay > div{
        background-size:cover !important;
    }
    .smaller{
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .mar{
        top:0 !important;
        bottom:0 !important;
        margin-top:20px;
        margin-bottom:20px;
    }

    .btn.btn-rengine.orphan{
        margin-top:0 !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(3) > div.is-overlay > div{
        opacity:0.7 ;
    }
    .num{
        left:0 !important;
    }
    .car{
        position:relative !important;
        top:75px !important;
        right:0 !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-light-text.is-section-auto > div.is-overlay > div{
        background-size:auto !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(8) > div > div:nth-child(2) > div.is-boxes > div > div{
        margin-top:0 !important;
        padding-top:0 !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(8) > div > div:nth-child(1) > div > div > div{
        margin-bottom:0 !important;
    }
    input[type="text"]:not(.flatpickr-calendar input), .form-control, .select2-selection {
        margin: 11px 0 !important;
    }
    
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(3) > div.is-overlay > div{
        background-size: 50% !important;
        background-position: 100% 0% !important;
    }
    
    div.is-section.is-box.is-light-text.is-section-auto > div.is-boxes > div > div > div, #header-16121 > div.is-section.is-box.is-section-auto > div > div > div > div{
        display: flex !important;
        flex-direction: column-reverse !important;
        margin-top: -15px;
    }
    
    .nav.navbar-nav.login-button-nav{
        display: flex !important;
    }
}


/***icons**/
#search-form > div:nth-child(2) > div.col-md-9, #bookingform > div:nth-child(2) > div.col-md-9{
    display:none !important;
}
.transfer{
    margin-top:-110px;
    right:-40px;
    border-radius: 10px 0px 0px 10px;
    background: #FFF;
    padding: 0px 34px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08);
}
.btn.btn-rengine.orphan, .btn.btn-default.btn-slot.btn-next, #coupon_btn, .btn-primary{
    padding: 12px 20px !important;
    border-radius: 5px !important;
	letter-spacing: 0 !important;
	font-size: 14px !important;
    font-weight: 500 !important;
    background: #5caa3a !important;
    border:1px solid #5caa3a !important;
    color:#fff !important;
}
.btn.btn-rengine.orphan:hover, .btn.btn-default.btn-slot.btn-next:hover, #coupon_btn:hover, .btn-primary:hover{
    background: #EAEAEA !important;
    border-color:#EAEAEA !important;;
    color:#5caa3a !important;
}
.secondary-button{
    padding: 12px 20px !important;
    border-radius: 5px !important;
	letter-spacing: 0 !important;
	font-size: 14px !important;
    font-weight: 500 !important;
    background: #EAEAEA !important;
    border:1px solid #EAEAEA !important;
    color:#E91D24 !important;
}
#search-form > div.row.padd20t.form-group.text-right.pull-right > div > div > button > i, .booking-label, #booking-pax{
    display:none !important;
}

/****book****/
.slick-initialized .slick-slide {
    background-size: cover !important;
}
.nav-pills > li{
    margin:0 20px !important;
}
.active > .is-btn.is-pills-btn{
    letter-spacing: 1.5px;
    font-family: 'Inter', sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal !important;
    border-radius:5px !important;
    border:1px solid #4F4F4F;
    padding: 15px 20px !important;
}
.is-btn.is-pills-btn{
    padding: 15px 20px !important;
    border:1px solid #4F4F4F;
    border-radius:5px !important;
    letter-spacing: 1.5px;
    font-family: 'Inter', sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal !important;
}
.slick-initialized .slick-slide {
    padding: 0 10px !important;
}
.is-btn-ghost2 {
	padding: 8px 20px !important;
    border-radius: 5px !important;
	letter-spacing: 0 !important;
	font-size: 14px !important;
    font-weight: 500 !important;
    text-transform:none !important;
}
.is-btn-ghost1{
    padding:8px 20px !important;
    letter-spacing: 0 !important;
	font-size: 14px !important;
    font-weight: 500 !important;
    text-transform:none !important;
}

.form-control {
    border-radius: 5px !important;
    border: 1px solid #EAEAEA !important;
    background: #F2F2F2 !important;
}

.rendered-form .form-group>label {
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #2C2A27 !important;
}

.rendered-form .form-control:focus {
	outline: 0;
	box-shadow: none !important;
    
}

.send-btn {
	padding: 8px 20px !important;
    border-radius: 5px !important;
	letter-spacing: 0 !important;
	font-size: 14px !important;
    font-weight: 500 !important;
    text-transform:none !important;
    border-radius: 5px !important;
    background: #5caa3a !important;
    border:1px solid #5caa3a !important;
    color:#fff !important;
}

.send-btn:hover {
	background: transparent !important;
	border: 1px solid #5caa3a !important;
	color: #5caa3a !important;
}
.navbar-nav>li>a{
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    text-transform:uppercase;
}
.navbar-nav>li{
    padding:0 20px;
}

.footer-text, .footer-text>a{
    font-size: 16px;
    font-weight: 300;
    color:#FBFBFB;
}

.request-price{
    display:none !important;
}