@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@100;200;300;400;500;600;700;800;900&display=swap');
html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div {
 
    font-family: 'Manrope'!important;
}

@media(max-width:768px){
 .repeating-header {
      position: unset !important;
  }
}

body{
  
}

h1,h2,h3,h4,h5,h6{
    
}
p{
    
}
a{
    
}
body {
    background-color:#Fff!important;
}
.number>a{
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 186.02% !important;
}
.send-btn>a{
    background: #DEAF6F !important;
    border-radius: 10px !important;
    color:#fff !important;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 127.02%;
    padding:12px 28px !important;
    margin-left:10px!important;
}
/*.send-btn>a:hover{*/
/*    background:transparent !important;*/
/*    color:#000 !important;*/
/*}*/


.image {
	margin-top: 15px;
}

.footer-text, .footer-text>a {

	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 116.9%;
	color: #000000;
}

@media (max-width:578px) {
    .image {
	    margin-top: 0px !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(5) > div > div.is-box-7.is-box.is-bg-dark.is-light-text > div.is-boxes > div > div > div > div:nth-child(2){
        text-align:center !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(5) > div > div.is-box-7.is-box.is-bg-dark.is-light-text > div.is-boxes > div > div > div > div:nth-child(1){
        text-align:center !important;
    }
    .send-btn>a{
        background: transparent !important;
        color:#000 !important;
        font-weight: 400 !important;
        font-size: 14px;
        padding: 10px 15px !important;
    }
}


@media (max-width:768px) {
    .purple-div{
            position:static !important;
        }
}

/*****blog post****/
.owl-carousel .owl-item img {
    max-height: initial !important;
    position: relative !important;
    width: inherit !important;
    max-height:auto !important;
}
.owl-item .item .image-preview {
    width: 100% !important;
    height: 200px;
    margin: 0;
    object-fit: cover !important;
}
#blog-posts-UhXvtD7 > div > div.owl-stage-outer > div > div:nth-child(3) > div > a > h3{
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 116.02%;
    color: rgb(211, 158, 85);
    text-align: left;
}
.owl-item .item{
    background: #FFFAF3 !important;
    padding: 30px !important;
}



@media (min-width: 992px) {
    .service .col-md-8 {
        width:60%;
    }
    .service .gray-back  {
            position: relative;
            top: 200px;
        
            margin-bottom: 200px;
            padding:40px;
    }
    .service-description {
        position: absolute;
        top: -300px;
        left: 35%;
        text-align: center;
    }
}
.container {
    max-width:1170px;
}

.service .gray-back  {
     background-color: #403381;
    
}
.service .gray-back .service-title {
    color:#c89d66;
    text-align:center;
}
.service .slide-subtitle, .gray-back .service-media{
    text-align:center;
    width:100%;
    color:#fff
}
.gray-back hr {display:none}
.calendar-period {
    font-family: Manrope; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.5; color: rgb(34, 39, 49); background-color: rgb(241, 225, 205); border-color: rgb(241, 225, 205); padding: 13px 28px; border-radius: 102.151px;
}

.day-cell-title {
    font-size: 16px;
    padding-top: 5px;
    font-weight: 300;
    color: #c89d66;
}
.calendar-single .col-cell {
    margin:1.5px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.calendar .day-cell a, .calendar-single .day-cell a {
font-weight:700;
border:none;
color:#fff;
background:inherit;
}

.calendar .day-cell a:hover, .calendar-single .day-cell a:hover {
    border: 1px solid #c89d66;
    border-radius: 50%;
    padding: 9px;
    color:inherit;
}
.btn-rengine, .service-book a, .button, .action-container a, .success-container a {
font-family: Manrope;
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.14em;
    background: #DEAF6F ;
    border-radius: 73px;
    padding: 13px 35px;
    margin-top: 64px;
}
.image {
    margin-top: 15px !important;
    max-height: 70px !important;
}
.date-spots-rate-group, .date-spots .price {display:none}

input.form-control, select.form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-form-input-text, #444);
    background-color: var(--bg-color-form-input, #FFF);
    border-width: var(--size-form-input-border, 1px);
    border-color: rgb(44, 37, 77);
    border-radius: var(--radius-form-input-border, 4px);
}
.rendered-form textarea.form-control {
    height: auto;
    border-color: rgb(44, 37, 77);
}
a.is-btn.is-btn-ghost2, .is-btn.is-btn-primary, .btn.is-btn-primary {
    color: var(--color-button-primary-text, #000);
    background-color: rgb(44, 37, 77);
    border-color: rgb(44, 37, 77);
    border-style: solid;
    border-width: var(--size-button-primary-border, 2px);
    border-radius: var(--radius-button-primary-border, 0px);
}
.is-btn.is-btn-ghost2:hover, .is-btn.is-btn-primary:hover, .btn.is-btn-primary:hover {
    color: rgb(44, 37, 77);
    background-color: #ffffff;
    border-color: rgb(44, 37, 77);
}
.footer {
   background-color: rgb(64, 51, 129)!important;
}
.footer-text, .footer-text>a {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 116.9%;
    color: #ffffff;
}
.is-bg-grey, .is-wrapper > div.is-bg-grey {
    background-color: #ffffff;
}
.menu:after {
  display:block;
  content: '';
  border-bottom: solid 3px rgb(64, 51, 129);  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.menu:hover:after { transform: scaleX(1); }
 
.menu:hover{
    color: rgb(64, 51, 129) !important;
}
.nav > li > a:focus, .nav > li > a:hover, .nav > li > a:focus .caret, .nav > li > a:hover .caret, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: var(--bg-color-hover-navbar-link, #eee);
    color: #000000;
}
@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 14px;
        padding-bottom: 14px;
        font-weight: 500;
    }
}
.send-btn>a {
    background: rgb(64, 51, 129) !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 127.02%;
    padding: 12px 28px !important;
}
.owl-stage > div > div> a> div> span{
 
    display:none;
 
}
.post-container > div > a > div > span{
   display:none;
}
.post-info > div > h6{
    display:none;
}
.booking-area img {
     min-height: 350px !important; 
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    border-radius: 10px;
}
@media (min-width: 992px) {
    .service .gray-back {
        position: relative;
        top: 200px;
        margin-bottom: 200px;
        padding: 40px;
    }
}
.day-cell-title {
    font-size: 16px;
    padding-top: 5px;
    font-weight: 300;
    color: #ffffff;
}

.service .gray-back .service-title {
    color: #fffefd;
    text-align: center;
}
.calendar-period {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    color: rgb(34, 39, 49);
    background-color: rgb(255 255 255);
    border-color: rgb(255 255 255);
    padding: 13px 28px;
    border-radius: 102.151px;
}
@media (min-width: 992px) {
    .service-description {
        position: absolute;
        top: 227px!important;
        left: -1%!important; 
        /* text-align: center; */
    }
}
.calendar .day-cell a:hover, .calendar-single .day-cell a:hover {
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 9px;
    color: inherit;
}
.timeCell:hover {
    background-color: #403381;
    color: white;
}
#slots .ui-selected, #slots .selectable-selected {
    /* background: #F39814 !important; */
    background: rgb(64 0 250 / 65%) !important;
    color: white;
}
.btn.btn-default {
    color: #ffffff;
    background-color: #403381;
}
.btn-slot:enabled {
    border-color: #ffffff;
    color: #ffffff;
}
.btn-slot:enabled:hover {
    border-color: #403381;
    color: #403381;
}
.btn-rengine {
    background-color: #1f8ceb;
    border-color: #166cb7;
    color: white;
    display: block;
    padding: 7px 30px;
    margin-top: 11px;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    border-radius: 20px;
}
.btn-rengine:hover {
    background-color: #ffffff;
    border-color: rgb(64, 51, 129);
    color: rgb(64, 51, 129);
}

element.style {
}
.step-container button {
    padding: 15px;
    font-weight: 700;
}
.step-container button {
    padding: 15px;
    font-weight: 700;
}
.btn-rengine {
    background-color: rgb(64, 51, 129);
    border-color: #166cb7;
    color: white;
    display: block;
    padding: 7px 30px;
    margin-top: 11px;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    border-radius: 20px;
}