.customer-btn{
background:#6b8399;
}
.contact-area .contact-form button.contact-button{
background:rgb(201 62 62);
}

.float{
            position:fixed;
            width:60px;
            height:60px;
            bottom:40px;
            right:40px;
            background-color:#25d366;
            color:#FFF;
            border-radius:50px;
            text-align:center;
            font-size:30px;
            box-shadow: 2px 2px 3px #999;
            z-index:100;
        }

        .my-float{
            margin-top:16px;
        }
.about-area5 .widget-title{
      text-align: center;
    margin-bottom: 5px;
}
.about-area5 .services-sidebar .sidebar-widget {  
    padding: 4px;
}

button.remove-coupon-code{
background:darkred !important;
}

button.apply-coupon-code{
background:#e18828 !important;
}
.check-availability-custom h2{
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin-bottom: -25px !important;
    text-align: center !important;
}


.check-availability-custom{
  margin-top: 18px;
    padding: 22px;
  border-radius:1%;
}
.top-btn{
border-radius: 3% !important;
}
.ss-btn{
    border-radius: 3% !important;
}
.book-button-custom{
    border-radius: 3% !important;
}

.applyBtn{
background:green;
}
.cancelBtn {
background:brown;
}
.booking-information .btn-list>a{
background:#000;
} 
.booking-information .btn-list>a:hover{
background:orange;
} 
.blog-details-wrap .meta-info ul li i {
    color: rgb(0 0 0);
}

.booking .contact-field input, .booking .contact-field select {
    padding: 0px 20px;
    height: 33px;
}

.booking-area .contact-form
{
      margin-top: -59px !important;
}
.slider-content h2 {
    color: #fff;
    font-size: 42px;
}
@media screen and (max-width: 1500px) and (min-width: 1200px) {
    .booking-area.homepage .contact-form .slider-btn {
        margin-top: unset;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .slider-content h2 {
        font-size: 40px;
    }
}

.slider-active .s-slider-content
{
    margin-top: -348px;
}

.slider-active .slider-btn {
    margin-top: 10pxpx;
    margin-bottom: 0px;
}
.slider-active .slick-arrow:hover {
    background: rgb(247 31 61);
    color: #fff;
}
.slider-active .slick-arrow {
top:60%;
}
.booking-area .contact-form {
    background: #fff;
    box-shadow: 0 20px 60px 0 hsla(0, 0%, 8%, .2);
    margin-top: -35px;
    padding: 7px 13px 8px;
    position: relative;
    z-index: 1;
}
/*new*/

.slick-slider {
    width: 100%; /* Make slider take the full width */
    max-width: 100vw; /* Ensure it doesn't exceed viewport width */
    height: auto; /* Maintain the aspect ratio of the slider's content */
    overflow: hidden; /* Prevent content overflow */
}

.slick-slide img {
    width: 100%; /* Make images stretch to fit the full slider width */
    height: auto; /* Maintain the aspect ratio of the images */
    object-fit: cover; /* Ensure content adapts to fill space neatly */
}

@media (min-width: 1500px) {
    .slick-slider {
        max-width: 100%; /* Full width for larger screens */
    }
}



.avl_label{
 padding-top: 16px;
}
[data-bb-toggle=toggle-guests-and-rooms]{
height:30px;
}
.room_alloted_badge{
background:#198754;
font-size:14px;
}
@media (min-width: 1200px) {
    .about-area .col-xl-12 {    
        width: 50%;
    }
}


.hotel-rules-box ul li:before
{
color:#c40;
}
.room_capacity_badge{
background:#1b1b1b !important;
}
.room_capacity_badge_base_price{
background:#f82f3c !important;
}
.service-detail .price span {
    color: rgb(164 66 66);
}

.service-detail-contact h3 {
    color: #000000;
}
.service-detail-contact h3:before {
    background-color: #a54910;

}
.service-detail-contact a {
    color: #120d0d;
}
.custom-submit-review-btn {
    background-color: rgb(182 9 9);
}

.profile-content .section-content .btn{

  background:#fe9b30;
}
.profile-content .section-content .btn:hover{
background:#f13c39;
}
.custom-booking-table .btn{
background:#f13c39;
}
.custom-booking-table .btn:hover{
background:#fe9b30;
}

.booking-information-link {
    color: rgb(34 32 40);
}
.booking-information-link:hover {
    color: rgb(250 92 106);
}

.custom-register-label{
color:rgb(211 50 59);
}

.custom-register-label:hover{
color:#000;
}

.form-horizontal .btn{
background:rgb(211 50 59);
}

.cb-container .checkmark:after {
   background: rgb(168 18 18) url(/themes/riorelax/images/check.svg) no-repeat center;
}
.color-grey-500:hover{
color:rgb(211 50 59) !important;
}
.form-border-box .btn{
background:rgb(211 50 59);
}

.form-border-box .btn{
background:rgb(211 50 59);
}
.services-content h4 a:hover{
    color: #fe9b30;
}
.about-title h5 {
   color: rgb(247 40 69);
}
.contact-field input {
    height: calc(1em + 0.75rem + 2px);
}
.contact-field{
margin-bottom:0px;
}
.contact-field label{
margin-bottom:0px;
}
.form-booking .input-quantity 
{
align-items: baseline;
}
.form-booking .main-btn{
padding: 5px 10px;
}
.contact-field .input-group-two .input-quantity input, .contact-field.input-group-two .input-quantity input, .sidebar-widget.categories.check-availability-custom .input-group-two .input-quantity input{
    height: 30px !important;
}

.form-newsletter form.subscribe-form .btn.header-btn{
background:#f8343e;
}

.checkout-booking{
padding-top:10px;
}
.payment-checkout-btn{
background:#000;
}
.checkout-booking-page .checkout-booking .widget-content.hotel-rules ul li:before{
color:#000;
}
.booking-area .btn{
background:#000;
}
.blog-btn a, .blog__btn a{
color:#000;
}
.testimonial-active .ta-info h6{
color:rgb(80 70 70);
}
.about-content3 li:before{
color:#000;
}
.about-content3 ul li{
color:#000;
}
.blog-area{
padding-top:10px !important;
padding-bottom:10px !important;
}
.pricing-body li:before{
background:#000;
}
.services-area{
padding-top:10px !important;
padding-bottom:10px !important;
}
.about-area{
padding-top:10px !important;
padding-bottom:10px !important;
}
#service-details2{
padding-top:10px !important;
padding-bottom:10px !important;
}
.section-title h5{
color:rgb(195 44 44);
}
.slider-bg .video-i i{
background:#cb0000;
}
.services-categories li>a:hover{
color:#000 !important;
}
.services-categories li.active a, .services-categories li:hover a
.services-08-content>a:hover{

  background:rgb(254 155 48) !important;
}

.services-categories li a:before{
 background:rgb(254 155 48) !important;
}

.team-area-content {
   padding: 10px 0;
}
.team-area-content li .icon i{
color:#000 !important;
}
.team-area-content li .icon strong{
color:#000 !important;
}
.header-three .main-menu .sub-menu li a:hover, .menu .children li a:hover{
	color:#000 !important;
}

.team-social a, .team-social a:hover{
background:#000;
}

.team-info h4 a:hover{
color:#000 !important;
}
.newslater-area #contact-form4 button{
background:#fe9b30;
}
.newslater input{
border:1px solid #000!important;
}

.search-form input, .wp-block-search .wp-block-search__input{
border:1px solid #000;
}

.search-form input, .wp-block-search .wp-block-search__input::placeholder{
	color:#000;
}
.header-three .main-menu ul li a {
  color:#000;
}
.second-header a, .second-header span{
  color:#000;
}
.second-header a:hover {
    color: #f55555;
}

.breadcrumb-title h2 {
    color: #fff;
    font-size: 35px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0px;
    margin-top: 0px;
}
.breadcrumb-area {
background-repeat: no-repeat;
    background-size: cover;
    min-height: 33px;
    position: relative;
    margin-top: 110px;
}
.header-three .menu-area{
background:#fff;
}
.bread_custom_bg{
  background:linear-gradient(45deg, #a59581, #403030);
}
.book-button-custom:hover {
   color: rgb(254 155 48);
}

.bread_page_title>a{
font-size:18px !important;
}

.btn-toggle-menu-mobile, .btn-toggle-menu-mobile:hover {
    background-color: #000000;
}

@media (max-width: 992px) {
    .breadcrumb-title .bread_page_title {
        font-size: 35px;
        margin-top: 0;
        margin-bottom: 0;
    }
}
.second-header a, .second-header span {
    color: #fff;
}
.second-header{
	background:#000 !important;
}
.top-btn{
background:rgb(254 155 48) !important;
}
.top-btn:hover{
background:rgb(250 79 56) !important;
}
#menu-mobile-nav ul li a.active {
    color: rgb(233 9 9);
}
#menu-mobile-nav .menu .menu-title span {
    border-bottom: 3px solid rgb(103 21 21);
    color: rgb(75 65 65);
}

#scrollUp, #scrollUp:hover {
    background: rgb(179 97 97);
}

.day-book{
background: #000 !important;
}
.services-content{
    box-shadow: 1px 1px 7px 3px gray;
}


.checkout-booking-page .checkout-booking .sidebar .wrap .room-information span {
    background-color: rgb(254 155 48);
    color: #ffffff;
 }

.checkout-booking-page .checkout-booking .sidebar .form-information div p {
    color: #000000;
}
.form-information>p{
  font-weight: 500;
color: #000000;
}
.checkout-booking aside{
    box-shadow: 0px 2px 6px 3px #dda263;
    padding: 1px;
}

.checkout-booking-page .checkout-booking .booking-form-main {
box-shadow: 0px 2px 6px 3px #dda263;
}



.checkout-booking-page .checkout-booking .widget-content {
     padding: 10px 14px; 
      box-shadow: 1px 1px 5px 1px gray;
}

.hotel-rules h3{
	margin-bottom:5px;
    padding-bottom: 2px;
}

.checkout-booking-page .checkout-booking .widget-content h3 {
     padding-bottom: 0px !important; 
}
.checkout-booking-page .checkout-booking .widget-content{
margin-bottom:5px !important;
}
.booking-form-main{
margin-bottom:5px;
}
.f-cta-icon i {
  background: rgb(50 50 50) !important;
}
.contact-bg02 {
    padding: 13px;
}
.contact-area{
padding-top:5px;
  padding-bottom:5px;
}



.newslater-area{
padding-top:5px;
  padding-bottom:5px;
}

.pricing-box {
    box-shadow: 1px 3px 8px 0px gray;
}

.pricing-box .pricing-head h2{
color:#000;
}

.ss-btn{
background:#000;
}
.ss-btn:hover{
  color:#000;
  background:#fd8a3c;
}

.pricing-head .month {
    color: white;
    background-color: #f72845;
}

.testimonial-area{
padding-top:5px;
  padding-bottom:5px;
}
.testimonial-area h5{
color:#000;
}

.pricing-area{
padding-top:5px;
  padding-bottom:5px;

}

.blog-item-custom-truncate{
color:#000;
}

a.blog-item-custom-truncate:hover{
color:#fe9b30 !important;
}

.bsingle__content .date-home{
background:#000;
}

.btn-custom{
background:#000;
}
.post__tag ul li a:hover{
background:rgb(250 79 56) !important;  
}
.post__tag ul li a{
background:rgb(254 155 48) !important;
  color:#fff;
}

.tag-link-position-1:hover{
background:rgb(250 79 56) !important;  
}
.tag-link-position-1{
background:rgb(254 155 48) !important;
  color:#fff !important;
}