@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div, u, li, ul {
    font-family: 'Manrope'  !important;
}

.span{
    font-size:16px !important;
}


@media(max-width:576px){
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(5) > div.is-overlay > div{
        background-size:cover !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(5) > div.is-boxes > div > div > div:nth-child(4) > div > p{
        color:rgb(238, 247, 254) !important;
    }
}
.image{
    margin-top:10px;
}
input[type="text"]:not(.flatpickr-calendar input),
.form-control,
.select2-selection{
    width: 100%;
    min-height: 50px;
    font-style: normal;
    font-weight: 400 !important; 
    font-size: 14px !important;
    line-height: 21px !important;
    color: #000000 !important;
}

.orphan{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 21px !important;
    color: #000000 !important;
}
/*hov2*/
.caro:hover{
    overflow: visible;
    transform: scale(1.2);
    z-index:9;
}

.show2{
    opacity:0;
    position:absolute;
}
.show2:hover{
    opacity:1!important;
    display:content !important;
    position:relative !important;
}

/*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 img {
	transform: scale(1.04);
	transition: all .8s linear;
}

.product-box:hover {
background: linear-gradient(180deg, #2A2524 0%, rgba(216, 147, 86, 0.3) 100%) !important;
border-radius: 20.3582px;
}

.product-box:hover .image1 {
	opacity: 0.5;
	background: transparent;
}

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

}

/*end of hov */
/*services*/
.btn-rengine{
    position:relative;
    top:-6px !important;
}
.btn-rengine, .btn-slot:enabled, .btn-primary, .book-button, .red>a{
    background: #D76B0B !important;
    border: 1px solid #D76B0B !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #EEF7FE !important;
    padding: 13px 30px !important;
    border-radius: 10px !important;
}
.btn-rengine:hover, .btn-slot:enabled:hover, .btn-primary:hover, .book-button:hover, .red>a:hover{
    background: #FDFBF7 !important;
    border: 1px solid #2A2524 !important;
    color:#2A2524 !important;
}
.secondary-button{
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    border-radius: 10px !important;
    color:#EEF7FE !important;
    background: #D76B0B !important;
    border: 1px solid #D76B0B !important;
}
.secondary-button:hover{
    background: #FDFBF7!important;
    border: 1px solid #2A2524 !important;
    border-radius: 10px !important;
    color:#2A2524 !important;
}
.currency, .service-total{
    font-style: normal;
    font-weight: 500 !important;
    font-size: 30px !important;
    line-height: 45px !important;
    color: #2A2524 !important;
}
.btn-rengine{
    margin-top:-20px !important;
}
.service-group{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: rgba(6, 18, 66, 0.6) !important;
}
.service-cost-day{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    color: rgba(6, 18, 66, 0.6) !important;
}
.service-name{
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    color: #061242 !important;
}
.book-button > span, .fa-check.green, .fa-arrow-circle-right, .calendar{
    display:none !important;
}
.booking-media>img{
    display:none !important;
}
#app > div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-8 > div.row.extras-section > div.col-md-8.marg10t.service-extras > ul > li{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: rgba(6, 18, 66, 0.6);
}
.service-extra-header>h4, #app > div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-8 > div:nth-child(3) > div.col-md-4.service-includes-header > h4, #app > div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-8 > div:nth-child(5) > div.col-md-4.service-excludes-header > h4{
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #2A2524 !important;
}
.service .gray-back {
    background: #FFFFFF !important;
    box-shadow: 0px 0px 24px rgb(0 0 0 / 5%) !important;
    border-radius: 20px !important;
    border: none !important;
    height: 100%;
    position: sticky;
    top: 30px;
    padding: 77px 35px !important;
}
.result-item{
    background: #FFFFFF !important;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05) !important;
    border-radius: 20px !important;
    padding:25px !important;
    border:none !important;
}
 .summary, .extras, .driver, .action-container, .success-container, .review-area{
    background: #FFFFFF !important;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05) !important;
    border-radius: 20px !important;
    border:0 !important;
    padding: 77px 35px !important;
}
.service-title{
    font-style: normal;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: black !important;
}
.slide-subtitle.strong-bold{
    font-style: normal;
    color: #7C6E6B !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
}
.description{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #061242;
}
.extra-item > div > div.col-md-4.text-right > strong{
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    color: #000000;
}
.selected-services{
    font-style: normal;
    font-weight: 500 !important;
    font-size: 30px !important;
    line-height: 45px !important;
    color: #000000 !important;
}
.slider{
    border: 1px solid #1B326F !important;
}
input:checked + .slider:before {
    background: linear-gradient(180deg, #061242 0%, #1B326F 100%) !important;
}
row > div.col-xs-7.col-md-9 > div.extra-title > span.strong-bold{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #061242;
}
.extra-desc{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: rgba(6, 18, 66, 0.6);
}
.extra-name{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #061242;
}
.booking-step-1>h1{
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #061242;
}
.booking-form {
    box-shadow: none !important;
}
/*end of services*/
#search-form > div:nth-child(1) > div.col-md-4, #search-form > div:nth-child(1) > div:nth-child(2), #search-form > div:nth-child(1) > div.col-md-2,#search-form > div:nth-child(1) > div:nth-child(4),#search-form > div.row.form-group.return-group > div.col-md-4,#search-form > div.row.form-group.return-group > div.col-md-2,#search-form > div.row.form-group.return-group > div:nth-child(3),#search-form > div.row.form-group.return-group > div:nth-child(4){
    width: 80%;
    float: none;
    margin: auto;
}
.form-control{
    border: 0.2px solid #061242 !important;
    border-radius: 10px !important;
    background:transparent !important;
}
.send-btn{
    margin-top:30px !important;
    padding: 13px 106px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #EEF7FE !important;
    border-radius:10px !important;
}
.send-btn:hover{
    background: #2A2524 !important;
    border: 1px solid #2A2524 !important;
    color:#FDFBF7 !important;
}
.is-btn-ghost1, .is-btn-ghost2{
    padding: 13px 30px;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing:0 !important;
    text-transform:none !important
}
.navbar-nav>li>a{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #2A2524 !important;
}

.navbar-nav>li>a:hover{
    color:white !important;
    border-radius:20px !important;
}

.navbar {
    padding-bottom: 16px !important;
    padding-top: 16px !important;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1) !important; 
}


.footer-text, .footer-text>a{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
}
.footer{ 
    background: #004BA9 !important;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

a.is-btn.is-btn-ghost2, .is-btn.is-btn-primary, .btn.is-btn-primary, .service-book a, .button, .action-container a, .success-container a, .btn-rengine, .btn-slot:enabled, .btn-primary, .book-button, .red>a {
    color: var(--color-button-primary-text, #000) !important;
    background-color: #004ba9 !important;
    border-color: #004ba9 !important;
    border-style: solid;
    border-width: var(--size-button-primary-border, 2px) !important;
    border-radius: var(--radius-button-primary-border, 0px) !important;
}

.is-btn.is-btn-ghost2:hover, .is-btn.is-btn-primary:hover, .btn.is-btn-primary:hover, .service-book a:hover, .caution-container a:hover, .button:hover, .action-container a:hover, .success-container a:hover, .btn-rengine:hover, .btn-slot:enabled:hover, .btn-primary:hover, .book-button:hover, .red>a:hover {
    color: #000000 !important;
    background-color: var(--bg-color-hover-button-primary, #dcdcdc) !important;
    border-color: #004BA9 !important;
}

.service-book a{
        display:block;