h1,h2 {
font-family: headingfont;
}
.top-btn {
    background: var(--secondary-color);
    border: 2px solid transparent;
    color: #fff;
    float: left;
    padding: 6px 22px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .3sease;
    width: 100%;
}
.header-three .second-header {
    padding: 5px 0 !important;
    backdrop-filter: blur(8px) !important;
}

.main-menu ul li a {
    color: white !important;
}
a#currency-switcher-dropdown {
    display: none !important;
}
.logo {
    width: 274px;
}

.booking {
    position: relative;
    z-index: 1;
    margin-top: 42%;
}

section.about-area.about-p.pt-90.pb-90.p-relative.fix {
    margin-top: 20%;
}
.booking-area .contact-form {
    background: #ffb4459c !important;
    box-shadow: 0 20px 60px 0 hsla(0, 0%, 8%, .2);
    margin-top: -100px;
    padding: 8px 20px 8px !important;
    position: relative;
    z-index: 1;
}
.mb-30 {
    margin-bottom: 10px;
}
.contact-field label {
    cursor: unset;
    display: block;
    font-family: var(--primary-font), sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.booking-area .contact-form {
    background: #fff;
    box-shadow: 0 20px 60px 0 hsla(0, 0%, 8%, .2);
    margin-top: -240px;
    /*padding: 9px 20px 9px; */
    position: relative;
    z-index: 1;
   backdrop-filter: blur(8px);
    
    border-radius: 20px;
}

button.btn.ss-btn {
    border-radius: 20px;
}

.top-btn {
    border-radius: 20px !important;
}

.day-book {
    border-radius: 20px;
}

.single-services.shadow-block.mb-30 {
    border-radius: 20px;
}

.btn {
    border-radius: 20px;
}

.booking-area input, .booking-area select {
    border: 1px solid rgb(199 199 199);
    border-radius: 20px; 
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    border-radius: 20px;
}
.slider-btn button{
    background-color: #ffb445;
    width: 100%;
}

[data-bb-toggle=toggle-guests-and-rooms] {
  
    border: 1px solid rgb(199 199 199);
    
}

#toggle-guests-and-rooms {
    margin-top: 2px;
    border-radius: 20px;
}

.breadcrumb-area {
    min-height: 262px;
   
}

.breadcrumb-title h2 {
    color: #ffffff;
    font-size: 34px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0px;
    margin-top: 135px;
    text-shadow: 7px 3px 13px black;
}

.booking .contact-field input, .booking .contact-field select {
    background: #fff;
    border: none;
    border: 1px solid rgb(199 199 199);
    padding: 10px 20px;
    transition: .3s;
    width: 100%;
    border-radius: 20px;
}

.services-08-item {
    border-radius: 20px;
}

input {
    border-radius: 20px !important;
}

.contact-area .contact-form textarea.contact-form-input {
    border: 1px solid #777;
    border-radius: 0;
    transition: .3s;
    border-radius: 20px;
}

.contact-area .contact-form button.contact-button {
   
    border-radius: 20px;
}

.s-about-img img {
    margin-bottom: 100px;
    border-radius: 20px;
}

.services-08-item {
    background-color: #ffffffd6;
    border-radius: 0;
    box-shadow: 1px 1.732px 60px 0 rgba(0, 0, 0, .1);
    padding: 40px;
    position: relative;
}

.testimonial-active .slick-slide {
    background: #ffffff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
    margin: 0 15px 15px;
    padding: 25px;
    position: initial;
    border-radius: 20px;
    border-color: #ffb445;
    border-style: inset;
}

.pt-40 {
    padding-top: 0px;
}

.checkout-booking-page .checkout-booking .sidebar .wrap .room-information span {
    background-color: rgb(18 55 89);
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.checkout-booking-page .checkout-booking .sidebar .footer {
    background-color: #0f2d4b;
    color: #fff;
}

.cookie-consent .cookie-consent__agree {
    border-radius: 20px !important;
}

.cookie-consent {
    background-color: #ffb445 !important;
  
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: var(--bb-bg-forms);
    border: var(--bb-border-width) solid var(--bb-border-color);
    border-radius: var(--bb-border-radius);
    box-shadow: var(--bb-box-shadow-input);
    color: var(--bb-body-color);
    display: block;
    font-family: var(--bb-font-sans-serif);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4285714286;
    padding: .5625rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
    border-radius: 5px !important;
    border: 1px solid #777;
}

.services-08-item {
    border-radius: 20px !important;
}

.d-block {
    display: block !important;
    filter: grayscale(1);
}

.newslater-area #contact-form4 button {
    background: var(--primary-color);
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    height: 56px;
    inset-inline-end: 0;
    padding: 10px 20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}


@media (max-width: 768px) {
  
  .room-block-content{
    padding:40px 18px !important;
  }
    .book-button-custom {
        width: 200% !important;
    }
  .checkout-booking-page .checkout-booking .booking-form-main {
   padding:10px !important;
  }
    .slider-content h2 {
        display: none;
    }
    
    .logo img {
        width: 192.5px;
        margin-top: 11%;
    }
    .breadcrumb-title h2 {
        color: #ffffff;
        font-size: 34px;
        letter-spacing: 1px;
        line-height: 1;
        margin-bottom: 0px;
        margin-top: 26%;
        text-shadow: 7px 3px 13px black;
    }
  
}


.header-three .menu-area {
    background: rgba(9, 9, 9, .459);
    border-top: 0;
    margin-bottom: -149px;
    position: relative;
    z-index: 999;
  backdrop-filter: blur(8px);
  border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.booking-area .contact-form {
    background: #4a3c3096 !important;
    box-shadow: 0 20px 60px 0 hsla(0,0%,8%,.2);
    margin-top: -100px;
    padding: 20px 20px 9px;
    position: relative;
    z-index: 1;
}

.s-slider-content h2 {
    margin-bottom: 217px;
}

.slider-content h2 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 40px;
}
.footerlinks {
    list-style: none;      
            
}

section.about-area.about-p.pt-90.pb-90.p-relative.fix {
    margin-top: 0%;
}