@font-face {
    font-family: canva_sansbold;
    src: url("../fonts/canva/canvasans-bold-webfont.woff2") format("woff2"), url("../fonts/canva/canvasans-bold-webfont.woff") format("woff"), url("../fonts/canva/canvasans-bold-webfont.svg#canva_sansbold") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: canva_sansbold_italic;
    src: url("../fonts/canva/canvasans-bolditalic-webfont.woff2") format("woff2"), url("../fonts/canva/canvasans-bolditalic-webfont.woff") format("woff"),
        url("../fonts/canva/canvasans-bolditalic-webfont.svg#canva_sansbold_italic") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: canva_sansmedium;
    src: url("../fonts/canva/canvasans-medium-webfont.woff2") format("woff2"), url("../fonts/canva/canvasans-medium-webfont.woff") format("woff"), url("../fonts/canva/canvasans-medium-webfont.svg#canva_sansmedium") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: canva_sansmedium_italic;
    src: url("../fonts/canva/canvasans-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/canva/canvasans-mediumitalic-webfont.woff") format("woff"),
        url("../fonts/canva/canvasans-mediumitalic-webfont.svg#canva_sansmedium_italic") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: canva_sansregular;
    src: url("../fonts/canva/canvasans-regular-webfont.woff2") format("woff2"), url("../fonts/canva/canvasans-regular-webfont.woff") format("woff"), url("../fonts/canva/canvasans-regular-webfont.svg#canva_sansregular") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: canva_sansregular_italic;
    src: url("../fonts/canva/canvasans-regularitalic-webfont.woff2") format("woff2"), url("../fonts/canva/canvasans-regularitalic-webfont.woff") format("woff"),
        url("../fonts/canva/canvasans-regularitalic-webfont.svg#canva_sansregular_italic") format("svg");
    font-weight: 400;
    font-style: normal;
}
.booking-price-box li:last-child,
.cbp-hrmenu ul,
.hotel-view .slick-slide,
.logo a,
body,
img {
    margin: 0;
}
.holiday-hotel-info-text h3,
.location {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.form-control:focus,
.form-select:focus,
a:focus,
button:focus,
img,
input:focus,
textarea:focus {
    outline: 0;
}
a,
a:focus,
a:hover {
    text-decoration: none;
}
.footer-links h2,
.hotel-loading-text,
.off,
.price-box,
.submenu-inner li a,
.topmenuleft p span {
    text-transform: uppercase;
}
body {
    padding: 0;
    font-family: Poppins, sans-serif;
}
h2 {
    font-size: 45px;
}
h3 {
    font-size: 20px;
}
h1 {
    font-size: 54px;
}
p {
    opacity: 0.8;
    font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 400;
}
a:focus,
a:hover {
    color: #3397db;
}
img {
    border: none;
    padding: 0;
}
a {
    color: #172754;
}
.cbp-hrmenu .cbp-hrsub-inner:after,
.clear {
    clear: both;
}
.banaystay-travel,
.bayan-stay-signin-img-box,
.dropdown-user,
.hote-box-left,
.left,
.menu,
.why-bayan-stay-green .bayan-stay-wrapper-main-images {
    float: left;
}
.bayan-stay-signin-img-startearning,
.bayan-stay-wrapper-main-images,
.googlereviews,
.main,
.right,
.why-bayan-stay-green .bayan-stay-wrappers-main-text {
    float: right;
}
.dropdown-content li,
.sectoion-links {
    display: block;
    clear: both;
}
.logo {
    float: left;
    margin: -50px 0 0 -68px;
    padding: 0 !important;
}
.cbp-hrmenu .cbp-hrsub-inner > div li i,
.dropdown-user .dropdown-item i,
.footer-links ul li a i,
.submenu-inner {
    margin-right: 10px;
}
.google-review-views h3 img,
.logo a img {
    width: 250px;
}
.cbp-hropen .cbp-hrsub,
.dropdown:hover .dropdown-content,
.hotel-box-information a,
.info_section_web {
    display: block;
}
.cbp-hrmenu,
.giftvoucher-box .tooltip-bx ul li img,
.hotelads img,
.img-payment img,
.img-paynow-request img {
    width: 100%;
}
.cbp-hrmenu ul {
    padding: 0;
    list-style-type: none;
}
.cbp-hrmenu .cbp-hrsub-inner,
.cbp-hrmenu > ul {
    width: 100%;
    margin: 0 auto;
    text-align: right;
}
.cbp-hrmenu > ul > li:nth-child(6) {
    border-radius: 5px;
}
.cbp-hrmenu > ul > li {
    display: inline-block;
    margin-top: 10px;
}
.roomnights,
.submenu-inner li,
.submenu-inner-full li {
    display: block;
    width: 100%;
}
.cbp-hrmenu > ul > li > a {
    padding: 12px 15px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    border-radius: 5px;
}
.cbp-hrmenu > ul > li > a:hover {
    color: #fff;
    background: #52c626;
}
.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
    color: #fbbc05;
    background: #fff;
}
.cbp-hrmenu .cbp-hrsub {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 99999;
    box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 20%);
    padding: 0;
    width: 204px;
}
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(92, 198, 38, 0.25);
}
.cbp-hrmenu .cbp-hrsub-inner .col-lg-6 > div {
    width: 100%;
    float: left;
    padding: 0 10px;
}
.cbp-hrmenu .cbp-hrsub-inner:after,
.cbp-hrmenu .cbp-hrsub-inner:before {
    content: " ";
    display: table;
}
.cbp-hrsub h4 {
    color: #00b0f0;
    padding: 20px 0 15px;
    margin: 0;
    font-size: 15px !important;
    font-weight: 600;
    border-bottom: 1px solid #c4c4c4;
}
.cbp-hrsub h6 {
    font-size: 17px;
    font-weight: 700;
    color: #da1415;
    margin-top: 20px;
    margin-bottom: 10px;
}
.my-ld li {
    margin-top: 45px;
}
.submenu-inner h2 {
    font-size: 15px;
    color: #00b0f0;
    margin: 10px 0;
    font-family: Roboto, sans-serif;
}
.submenu-inner {
    width: 200px;
    float: left;
}
.submenu-inner li a:hover {
    color: #ffb000 !important;
    background-color: #fff !important;
}
.submenu-inner li a::before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f054";
    font-size: 8px;
    line-height: 10px;
    color: #012d6b;
    left: 5px;
    top: 10px;
    display: none;
}
.submenu-inner li a {
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    color: #484848 !important;
    text-align: left;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 13px;
}
.banner-heading h1,
.banner-heading h1 span,
.custom_pp {
    font-family: Quicksand, sans-serif;
}
.cbp-hrmenu > ul > li > a:hover .submenu-inner li,
.cbp-hrmenu > ul > li > a:hover .submenu-inner li a {
    background-color: #fff;
    color: #484848 !important;
}
.cbp-hrmenu .cbp-hrsub-inner > div a {
    background: 0 0 !important;
}
.submenu-inner-full {
    width: 210px;
}
.inner_page_content_custom p {
    font-size: 16px;
    opacity: 1;
}
.inner_page_content_custom ul {
    list-style: inherit !important;
    padding-left: 20px;
}
.inner_page_content_custom ul li {
    list-style: inherit;
}
.custom_button_type_heading {
    background-color: #52c626;
    display: inline-block;
    padding: 7px 40px;
    color: #fff !important;
    border-radius: 50px;
}
.outer_rooms_listing {
    border: 1px solid #52c626;
    margin-bottom: 15px;
}
.outer_rooms_listing .custom_button_type_heading {
    display: inline-block;
    border-radius: 0;
}
.custom_button_type_heading_inner {
    background-color: #ff7b01;
    border-radius: 10px !important;
    padding: 7px 15px;
}
.stay_now_pay_later_price {
    background-color: #3095ce;
    color: #fff;
    padding: 4px 3px;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}
#return-to-top i,
.info-icon {
    position: relative;
    font-size: 19px;
}
.custom_pp,
.custom_pp h5 {
    text-align: center !important;
}
.custom_hotel_room_listing {
    border: 2px solid #6ad179;
    margin-bottom: 35px;
}
.stay_now_pay_later_price h6 {
    margin-bottom: 0;
}
.inner_facility_wrapper {
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.left-menu ul li a p,
.topmenuleft {
    padding-top: 7px;
}
.inner_facility_wrapper h5 {
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
}
.helpcenter3 .text-primary,
.hotel-box-information:hover a h2,
.inner_facility_wrapper ul li i {
    color: #52c626 !important;
}
.custom_pp {
    margin-bottom: 5px;
    font-weight: 700;
}
.custom_pp .main_p {
    color: #2828d5;
    font-weight: 700;
    display: inline-block;
    font-size: 22px;
}
.custom_pp .or {
    color: #ff6e05;
    font-weight: 700;
    width: 100%;
    clear: both;
}
.custom_pp .inst {
    color: #000;
    font-weight: 700;
    font-size: 17px;
}
.custom_pp .diss {
    display: inline-block;
    font-size: 15px !important;
    text-decoration: line-through !important;
}
.custom_pp p,
.custom_pp span {
    text-decoration: inherit !important;
    text-align: center !important;
    margin-bottom: 5px !important;
}
.info-icon {
    color: #f8792a;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}
#return-to-top,
.whatsapp {
    position: fixed;
    right: 15px;
}
.info-icon .tooltip-text {
    visibility: hidden;
    color: rgba(0, 0, 0, 0.8);
    padding: 59px 55px 0 45px;
    position: absolute;
    z-index: 1000;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    width: 480px;
    background: url(../images/tooltip-bg.png) center top/480px no-repeat;
    height: 286px;
    text-align: left;
    font-size: 12px !important;
}
.tooltip-guest .tooltip-text {
    padding: 59px 55px 0 60px;
    width: 650px;
    background: url(../images/tooltip-bg.png) center top/650px no-repeat;
    height: 380px;
    text-align: left;
    font-size: 12px !important;
}
.info-icon .tooltip-text::before {
    content: "Stay Now, Pay Later";
    position: absolute;
    left: 38px;
    top: 0;
    background-color: #5eb809;
    font-weight: 600;
    color: #fff;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 90px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.tooltip-guest .tooltip-text::before {
    content: "Free Upgrade";
    left: 57px;
    background-color: #e8597c;
    color: #fff;
}
.info-icon .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent;
    display: none;
}
.info-icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(-5px);
}
.tooltip-guest:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    transform: translateX(-70%) translateY(-5px);
}
.time-section {
    display: inline-block;
    align-items: center;
    margin-bottom: 10px;
    font-size: 16px;
    margin-right: 15px;
}
.time-section .time-icon {
    color: #555;
    font-size: 18px;
}
.time-section .label {
    font-weight: 700;
    margin-right: 5px;
}
.aff_r_info {
    background-color: #eecd1d;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    font-weight: 500;
    text-align: center;
}
.aff_r_info a {
    color: #fff;
}
.footer-links li .ys {
    color: #eecd1d;
}
@media screen and (max-width: 52.75em) {
    .cbp-hrmenu {
        font-size: 80%;
    }
}
@media screen and (max-width: 43em) {
    .cbp-hrmenu {
        font-size: 120%;
        border: none;
    }
    .cbp-hrmenu .cbp-hrsub-inner,
    .cbp-hrmenu > ul {
        width: 100%;
        padding: 0;
    }
    .cbp-hrmenu .cbp-hrsub-inner {
        padding: 0 2em;
        font-size: 75%;
    }
    .cbp-hrmenu > ul > li {
        display: block;
        border-bottom: 1px solid #c1c1c1;
    }
    .cbp-hrmenu > ul > li > a {
        display: block;
        padding: 1em 3em;
    }
    .cbp-hrmenu .cbp-hrsub {
        position: relative;
    }
    .cbp-hrsub h4 {
        padding-top: 0.6em;
    }
}
@media screen and (max-width: 36em) {
    .cbp-hrmenu .cbp-hrsub-inner .col-lg-6 > div {
        width: 100%;
        float: none;
        padding: 0 2em;
    }
}
.slick-slide {
    margin: 0 10px;
    transition: 0.3s ease-in-out;
    opacity: 1;
}
.mainbnr .slick-current,
.refundable a:hover,
.slick-active,
.slick-current {
    opacity: 1;
}
#return-to-top:hover,
.myaccountbox .box-hotel {
    background-color: #fff;
}
#return-to-top {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #000;
    bottom: 80px;
    color: #000;
    content: "� ";
    display: block;
    font-family: FontAwesome;
    font-size: 28px;
    height: 50px;
    text-align: center;
    transition: 1s;
    width: 50px;
    z-index: 1110;
}
#return-to-top img {
    margin: 0 auto;
    opacity: 0.9;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    left: 16px;
    top: 13px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.whatsapp {
    z-index: 99999;
    bottom: 15px;
}
.whatsapp img {
    width: 50px;
}
#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
}
#scroll:hover {
    background-color: #044164;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.mainbnr .slick-slide {
    transition: 0.3s ease-in-out;
    opacity: 0.2;
    margin: 0 20px;
}
.mainbnr .slick-active {
    opacity: 0.5;
}
.slick-next:before,
.slick-prev:before {
    width: 27px;
    height: 27px;
    opacity: 1 !important;
    font-size: 17px;
    padding: 0;
    color: #fff;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
}
.social-media-links {
    width: 25%;
    float: left;
    text-align: left;
}
.bayan-stay-header-new,
.breadcrumb,
.btm-buttom,
.btm-buttom button,
.completd,
.off,
.portfolio-menu,
.price-rooms-inner123 p,
.section-pyament,
.section-pyament h2,
.section-pyament p,
.text-coupan,
.topmenuleft,
.topmenuleft p,
.weekend-list,
.why-bayan-destination ul {
    text-align: center;
}
.social-media-links li {
    display: inline-block;
    margin-left: 18px;
}
.social-media-links li a {
    display: block;
    color: #fff;
}
.social-media-links h2 {
    font-size: 13px;
    float: left;
    color: #fff;
    line-height: 20px;
}
.top-headers {
    background-color: #7418a5;
    height: 40px;
}
.topmenuleft {
    color: #fff;
    display: block;
    margin: 0 auto;
}
.topmenuleft p {
    color: #fff;
    line-height: 31px;
    font-size: 14px;
    display: inline-block;
}
.topmenuleft p span {
    float: left;
    margin-right: 15px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #ff75a2;
    line-height: normal !important;
}
.cont-wrp,
.why-bayan-destination-box {
    position: relative;
    overflow: hidden;
}
.bayanstay-wapper-box,
.googleb-head,
.hotel-room-info,
.menu-wrapper,
.service-cardtext,
.user-text,
.welecome-text {
    overflow: hidden;
}
.headers {
    display: block;
    overflow: hidden;
    clear: both;
    position: absolute;
    left: 0;
    width: 100%;
    top: 20px;
    z-index: 9999;
}
.center1 .slick-dots,
.howmuch-example-box ul li:last-child::after,
.noUi-handle:after,
.noUi-handle:before,
.ota .slick-next,
.ota .slick-prev,
.ota-box .slick-dots,
.slick-dots,
.slider-nav__control {
    display: none !important;
}
.slick-slide a .work-pic h2 {
    width: 0%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-slide a:hover .work-pic h2 {
    display: flex !important;
    width: 100%;
    height: 270px;
    font-size: 18px;
}
.slick-next:before {
    position: absolute;
    content: "\f105" !important;
    border: 2px solid #fff;
    border-radius: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-prev:before {
    position: absolute;
    content: "\f104" !important;
    border: 2px solid #fff;
    border-radius: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner-headings-wrapper {
    padding: 50px 0 30px;
    background: url(../images/inner-pages/page-heading21.jpg) center top no-repeat;
}
.banner-image,
.stay {
    background-size: cover;
}
.portfolio-img:hover .hover-black {
    top: 0;
}
.portfolio-menu ul li {
    display: inline-block;
    margin: 0;
    list-style: none;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
    transition: 0.5s;
}
.holiday-main-picture-img img,
.weekend-list ul li a img {
    transition: transform 0.3s ease-in-out;
}
.dropbtn {
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 210px;
    z-index: 999999999;
    border: none !important;
    background-color: #fff;
    padding: 0;
}
.banner,
.coupan,
.input-box,
.installment-box,
.price-rooms-inner,
.search-seciton,
.section-pyament,
.section-pyament ul li,
.serachfilters,
.signin-box .mb-3,
.sm-img-gallery,
.text-coupan,
.weekend-list ul li a {
    position: relative;
}
.dropdown-content a {
    display: block;
    overflow: hidden;
    padding: 10px 14px;
    position: relative;
    color: #000 !important;
    text-align: left;
    opacity: 0.7;
    font-weight: 400;
    font-size: 14px;
    border: none;
}
.dropdown-content a i {
    margin-right: 5px;
    font-weight: 600;
    font-size: 13px;
}
.dropdown:hover .dropbtn {
    color: #fff;
    background: #52c626;
    border-radius: 5px 5px 0 0;
}
.headers,
.main,
.menu-wrapper {
    overflow: inherit;
}
.banner::before {
    width: 100%;
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    height: 800px;
    content: "";
}
.banner-image {
    width: 100%;
    display: block;
    height: 800px;
}
.dropdown-content a:hover {
    color: #fff !important;
    background-color: #52c626 !important;
    opacity: 1;
}
.search-seciton {
    z-index: 99;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.banner-heading h1 {
    font-size: 50px;
    color: #fff;
    text-align: center;
    margin-top: 250px;
    margin-bottom: 60px;
    font-weight: 700;
}
.banner-heading h1 span {
    font-weight: 400 !important;
    font-style: italic;
    font-size: 45px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
}
.search-box {
    background-color: #52c626;
    border-radius: 10px;
    border: 1px solid #fff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
    padding-left: 5px;
}
.search {
    display: inline-block;
    padding: 10px 15px;
    border-right: 1px solid #f4f4f4;
    float: left;
    background-color: #fff;
    margin: 10px 5px;
    border-radius: 5px;
    min-height: 85px;
}
.search label i {
    margin-right: 5px;
    font-size: 14px;
}
.search label {
    font-size: 14px;
    color: #929292;
    font-weight: 400;
    padding-left: 26px;
    min-height: 25px;
}
.search-city label {
    background: url(../images/home.png) left top no-repeat;
}
.select-date label {
    background: url(../images/calender-icon.png) left top no-repeat;
}
.select-people label {
    background: url(../images/user-icon.png) left top no-repeat;
}
.price-range label {
    background: url(../images/tags.png) left top no-repeat;
}
.search-city {
    width: 20%;
}
.select-date,
.select-people {
    width: 12%;
}
.price-range {
    width: 16%;
}
.button-search button:hover {
    background-color: #0c170d;
}
.button-search button {
    width: 100%;
    height: 85px;
    background-color: #52c626;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 21px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
.button-search button i,
.counting-signin,
.img-counts {
    margin-right: 6px;
}
.button-search {
    width: 130px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}
footer {
    background-color: #262626;
    padding-top: 60px;
}
.breadcrumb-item.active,
.footer-links ul li a:hover,
.giftvouchre i,
.holiday-sm-info-box a:hover h3,
.holiday-sm-info-box a:hover h5,
.left-menu ul li a.active,
.left-menu ul li a:hover,
.mbtext,
.mybokings-wrp h5 strong,
.staynow-box h3 span {
    color: #52c626;
}
.footer-links ul li a {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}
.footer-links ul li {
    display: block;
    margin-bottom: 15px;
}
.footer-links h2 {
    color: #52c626;
    font-size: 16px;
    margin-bottom: 20px;
}
.copybox p span,
.social-media-icon ul li a:hover {
    color: #52c626;
    opacity: 1;
}
.social-media-icon ul li a {
    width: 32px;
    height: 32px;
    border-radius: 90px;
    color: #fff;
    opacity: 0.7;
    font-size: 14px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-media-icon ul li {
    display: inline-block;
    margin-right: 10px;
}
.bayan-stay-wrappers-main-page,
.holiday-sm-info-box a,
.image-hotel-pic,
.ots-img img,
.weekend-list ul li a,
.welecome-text ul li {
    display: block;
    overflow: hidden;
}
.copybox p {
    color: #fff;
    text-align: center;
    opacity: 0.7;
}
.copybox {
    padding: 30px 0;
    background-color: #131313;
    margin-top: 40px;
}
.welcome-img {
    float: left;
    margin-left: 20px;
    margin-right: 90px;
}
.welocme-box {
    margin-top: 80px;
    margin-bottom: 80px;
}
.welecome-text h2 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 600;
}
.welecome-text h3 {
    color: #52c626;
    font-weight: 300;
    margin-bottom: 15px;
}
.welecome-text ul li {
    padding-left: 31px;
    background: url(../images/tick.png) left 5px no-repeat;
    padding-top: 3px;
}
.welecome-text p {
    font-size: 17px;
    opacity: 0.8;
    line-height: 30px;
    margin-bottom: 30px;
    padding-left: 31px;
}
.welecome-text ul li h4 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}
.about-us {
    background-color: #52c626;
    border: none;
    padding: 15px 40px;
    font-size: 16px;
    margin-top: 20px;
}
.stay {
    padding: 35px 0 0;
    min-height: 315px;
    margin-bottom: 50px;
}
.review,
.text-sec {
    padding-left: 15px;
}
.stay-text-offer {
    width: 43%;
}
.stay-text-offer p {
    font-size: 15px;
    color: #fff;
}
.stay-text-offer h2 {
    font-size: 30px;
    color: #c6dcea;
    margin-bottom: 20px;
    font-weight: 300;
}
.main-heading {
    font-size: 40px;
    margin-bottom: 50px;
    font-weight: 600;
    text-align: center;
}
.ota-box {
    margin-bottom: 40px;
}
.ots-img img {
    padding: 7px;
    max-height: 82px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #dfdfdf;
    background-color: #f3f3f3;
}
.weekend-list ul li {
    width: 22%;
    margin: 20px;
    display: inline-block;
}
.holiday-main-picture-img img,
.holiday-sm-info-box a .holiday-hotel-info img,
.image-hotel-pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.image-hotel-pic {
    width: 100%;
    height: 367px;
    clear: both;
    margin-bottom: 15px;
}
.hote-weekend-list-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 367px;
    background: url(../images/shadow.png) center bottom repeat-x;
    z-index: 9;
}
.price-box {
    background-color: #52c626;
    width: 104px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    border-radius: 7px 0 0 7px;
    float: right;
    color: #fff;
    font-size: 14px;
}
.holiday-main-picture h3,
.star {
    align-items: center;
    display: flex;
}
.text-sec {
    height: 106px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
}
.text-sec h2 {
    width: 50%;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 12px;
}
.star-rating {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.star-rating .stars i {
    color: #ffc107;
}
.star {
    width: 42px;
    height: 24px;
    background-color: #f8d448;
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    justify-content: center;
    border-radius: 5px;
    float: left;
}
.review {
    color: #fff;
    float: left;
    font-size: 14px;
}
.location {
    width: 170px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.4);
    position: relative;
    float: right;
    border-radius: 7px 0 0 7px;
    color: #fff;
    text-align: left;
    padding-top: 12px;
    padding-left: 30px;
    padding-right: 10px;
    overflow: hidden;
    margin-top: -42px;
}
.location::before {
    position: absolute;
    left: 10px;
    top: 13px;
    font-size: 15px;
    color: #f9b300;
    font-weight: 900;
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
}
.holiday-sm-info-box a:hover .holiday-hotel-info img,
.weekend-list ul li a:hover img,
.why-bayan-destination ul li:hover .why-bayan-destination-img img {
    transform: scale(1.1);
}
.weekend {
    margin-bottom: 60px;
}
.holiday-main-picture {
    width: 100%;
    position: relative;
}
.holiday-main-picture-img {
    width: 100%;
    height: 400px;
    z-index: 1;
    margin-bottom: 40px;
}
.holiday-main-picture h3 {
    position: absolute;
    justify-content: center;
    z-index: 100;
    font-size: 38px;
    font-weight: 500;
    color: #fff;
    width: 100%;
    height: 400px;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
}
.holiday-container {
    margin-bottom: 50px;
    overflow: hidden;
}
.holiday-sm-info-box a .holiday-hotel-info {
    height: 256px;
    width: 100%;
    overflow: hidden;
}
.holiday-sm-info-box {
    margin-bottom: 40px;
    border: 1px solid #eee;
    min-height: 400px;
    overflow: hidden;
}
.customers-hd span {
    overflow: hidden;
    display: block;
    clear: both;
    width: 100%;
}
.holiday-hotel-info-text {
    padding: 12px 7px 7px 12px;
}
.holiday-hotel-info-text h3 {
    font-size: 19px;
    color: #000;
    margin-bottom: 7px;
    overflow: hidden;
}
.detail-page h3::before,
.holiday-hotel-info-text h4::before,
.hote-box-left h3::before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
    color: #52c626;
    font-weight: 900;
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
}
.holiday-hotel-info-text .star-rating {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
}
.holiday-hotel-info-text .review {
    color: #000;
    font-size: 14px;
}
.holiday-hotel-info-text h4 {
    position: relative;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    text-align: left;
    padding-left: 20px;
    clear: both;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}
.holiday-holtel-price {
    clear: both;
    display: block;
}
.holiday-hotel-info-text h5 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
.holiday-hotel-info-text h5 span {
    color: #bababa;
    font-size: 15px;
    text-decoration: line-through;
}
.holiday-hotel-1 .slick-prev,
.holiday-hotel-2 .slick-prev {
    left: -25% !important;
    top: 10% !important;
    z-index: 999;
}
.holiday-hotel-1 .slick-next,
.holiday-hotel-2 .slick-next {
    left: -15% !important;
    top: 10% !important;
    z-index: 999;
}
.holiday-hotel-3 .slick-prev {
    left: inherit !important;
    right: -13% !important;
    top: 10% !important;
    z-index: 999;
}
.holiday-hotel-3 .slick-next {
    left: inherit !important;
    right: -25% !important;
    top: 10% !important;
    z-index: 999;
}
.select2-container--bootstrap-5 .select2-selection {
    height: auto;
}
.noUi-connect {
    background: #52c626 !important;
}
.search-section .select2-container--bootstrap-5.select2-container--focus .select2-selection,
.search-section .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border: none !important;
    box-shadow: 0 0 0 0.25rem rgba(92, 198, 38, 0.25);
}
.btn-custom,
.search-section .select2-container--bootstrap-5 .select2-selection {
    border: none !important;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #52c626;
    border-color: #52c626;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(57, 57, 57, 0.4);
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
}
.noUi-horizontal .noUi-handle {
    height: 18px !important;
    width: 18px !important;
    box-shadow: inherit !important;
    border-radius: 90px !important;
    right: -14px !important;
}
.noUi-target {
    border-radius: 90px !important;
}
#priceRange:focus {
    box-shadow: inherit !important;
}
#priceRange {
    padding: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    color: #000;
}
.price-range .search-section {
    margin-top: 8px;
}
.noUi-horizontal {
    height: 7px !important;
}
.bayan-stay-header-new h2 span,
.bayan-stay-header-new1 h2,
.header-innerpage .btn,
.header-innerpage .btn.show,
.header-innerpage .btn:hover,
.header-innerpage .cbp-hrmenu > ul > li > a,
.header-innerpage span,
.popular-box ul li i,
.scrolled .dropdown-user .btn-secondary,
.scrolled .headers .cbp-hrmenu > ul > li > a,
.signin-box label,
.tapbs .nav-link {
    color: #000;
}
.header-innerpage .cbp-hrmenu > ul > li > a:hover,
.hotel-box-information a:hover .bg-success,
.scrolled .cbp-hrmenu > ul > li > a:hover,
.terms-box .nav-link:hover i {
    color: #fff !important;
}
.breadcrumb li a,
.header-innerpage .cbp-hrmenu > ul > li:nth-child(6) a,
.header-innerpage .dropdown:hover .dropbtn,
.scrolled .cbp-hrmenu > ul > li:nth-child(6) a,
.scrolled .dropdown:hover .dropbtn,
.terms-box .nav-link:hover,
.view-alls a {
    color: #fff;
}
body.scrolled .cbp-hrmenu > ul > li:nth-child(6) a,
li:nth-child(6) a {
    color: #000 !important;
}
.bayan-stay-header-new12 h2 span,
.bayan-stay-signin-text-box h2 span,
.booking-price-box li:first-child p,
.header-innerpage li:nth-child(6) a,
.scrolled .header-innerpage .btn,
.scrolled .header-innerpage .btn.show,
.scrolled .header-innerpage span {
    color: #000 !important;
}
.header-innerpage .logo a img,
.scrolled .logo a img {
    width: 94px;
    margin-top: 45px;
}
.scrolled .headers {
    position: fixed;
    background-color: #fff;
    top: 0;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
}
.header-innerpage .headers {
    position: inherit;
    background-color: #fff;
    top: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "→";
    color: #fff;
    padding: 0 8px;
}
.breadcrumb li {
    display: inline-block;
    float: none;
}
.header-innerpage {
    position: inherit;
}
.inner-headings {
    overflow: hidden;
    position: relative;
    width: 100%;
    left: 0;
    height: 370px;
    z-index: 99;
}
.inner-headings::before {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 99;
    content: "";
    left: 0;
    width: 100%;
    height: 390px;
    top: 0;
}
.inner-page-img img,
.user-img img {
    width: 100%;
    height: 100%;
}
.inner-page-img {
    object-fit: cover;
    height: 370px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
}
.breadcrumb-box .breadcrumb {
    width: 400px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.breadcrumb-box {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 9999;
    text-align: center;
    top: 130px;
    color: #fff;
}
.breadcrumb-box h1 {
    font-weight: 300;
    font-size: 50px;
}
.search-section-wrapper {
    position: relative;
    z-index: 999;
    top: -90px;
}
.ads-banner img {
    width: 100%;
    margin-bottom: 30px;
}
.filters,
.filters h2,
.form-check {
    margin-bottom: 15px;
}
.form-check label {
    display: inline-block;
    padding-top: 2px;
    padding-left: 5px;
    font-weight: 300;
}
.form-check-input {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 2px solid #828284;
}
.form-check-input:checked {
    background-color: #52c626;
    border-color: #52c626;
}
.form-check-input:checked::before {
    font-size: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.filters {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}
.filters h2 {
    font-size: 16px;
    font-weight: 500;
    color: #52c626;
}
.form-check-input:focus {
    outline: 0;
    box-shadow: inherit;
}
.serachfilters input {
    padding-left: 35px;
}
.serachfilters::before {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 15px;
    color: #000;
    opacity: 0.5;
    font-weight: 900;
    content: "\f002";
    font-family: "Font Awesome 6 Free";
}
.box-hotel {
    border-radius: 10px;
    border: 1px solid #ccccce;
    min-height: 255px;
    display: block;
    padding: 15px;
}
.hotel-view {
    width: 286px;
    height: 227px;
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    float: left;
}
.heart a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #f92e2e;
    font-size: 21px;
    border-radius: 90px;
}
.heart {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
}
.hotel-imgs {
    width: 100%;
    height: 227px;
    object-fit: cover;
}
.hotel-imgs img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.hotel-view .slick-prev {
    left: 25px !important;
    z-index: 9;
}
.hotel-view .slick-next {
    right: 25px !important;
    z-index: 9;
}
.hotel-view .slick-next:before,
.hotel-view .slick-prev:before {
    background-color: rgba(0, 0, 0, 0.7);
    border: none;
}
.hote-box-left span {
    font-size: 14px;
    background-color: #facb25;
    font-weight: 300;
    padding: 3px 8px;
    border-radius: 5px;
    margin-bottom: 10px;
}
#counter,
#date-input,
.off,
.price-rooms h5 {
    font-weight: 500;
}
.hote-box-left h2 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 10px;
}
.detail-page h3,
.hote-box-left h3 {
    position: relative;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    text-align: left;
    padding-left: 20px;
    clear: both;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}
.hotel-services {
    width: 50%;
    float: left;
}
.hotel-services span {
    background-color: #fff;
    width: 32px;
    float: left;
    padding: 0;
    margin-right: 5px;
}
.hotel-services h4 {
    font-size: 14px;
    color: #000;
    padding-top: 4px;
    opacity: 0.5;
}
.hote-box-right {
    float: right;
    width: 230px;
}
.hote-box-right .star-rating {
    float: right;
    width: 84%;
    overflow: hidden;
    clear: both;
    display: block;
}
.coupan::after,
.coupan::before {
    width: 17px;
    content: "";
    top: 0;
    position: absolute;
}
.hote-box-right .review,
.star-rating1 .review {
    color: #000;
    opacity: 0.7;
}
.hote-box-right .star {
    background-color: #25ad25;
    color: #fff;
    float: right;
}
.price-rooms span {
    width: 100%;
    margin-bottom: 10px;
    opacity: 0.6;
    color: #000;
    font-size: 13px;
    display: block;
    text-align: center;
}
.price-rooms h5 {
    font-size: 30px;
    color: #000;
    text-align: right;
}
.hotel-price-box h4 span,
.price-rooms h5 span {
    width: inherit;
    opacity: 1;
    color: #ff0707;
    font-size: 20px;
    text-decoration: line-through;
}
.off {
    background-color: #52c626;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    line-height: 14px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}
.giftvouchre {
    margin: 0 0 10px;
    overflow: hidden;
    width: 100%;
    background-color: #013451;
    padding: 7px 5px 5px;
    border-radius: 10px;
}
.giftleft {
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-size: 14px;
}
.giftleft h6 {
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    margin-bottom: 5px;
}
.giftse i {
    margin-right: 10px;
    font-size: 13px;
}
.heart a:hover {
    background-color: #f92e2e;
    color: #fff;
}
.hotel-box-information:hover a .hote-box-left span {
    color: #013451;
}
.hotelads {
    margin: 0 0 30px;
}
.box-hotel,
.counter-container,
.coupan,
.left-menu ul,
.my-booking-list {
    margin-bottom: 30px;
}
.coupan {
    background-color: #831334;
    height: 89px;
}
.coupan::after {
    height: 89px;
    background: url(../images/inner-pages/coupan-left.png) center top no-repeat;
    left: -10px;
}
.coupan::before {
    height: 89px;
    background: url(../images/inner-pages/coupan-right.png) center top no-repeat;
    right: -10px;
}
.giftvoices-new h2::after,
.giftvoices-new h2::before,
.text-coupan::before {
    top: 23px;
    font-weight: 900;
    content: "\f005";
    font-family: "Font Awesome 6 Free";
}
.row.mb-5,
.text-coupan {
    padding: 20px;
}
.text-coupan h2 {
    color: #fff;
    font-size: 18px;
}
.coupan img {
    display: block;
    margin: 5px auto 0;
}
.coupan button {
    background-color: #fff;
    font-size: 16px;
    color: #000;
    margin-top: 20px;
    border: none;
    border-radius: 0;
}
.text-coupan::before {
    position: absolute;
    left: 0;
    font-size: 20px;
    color: #fff;
}
.text-coupan p {
    color: #fff;
    font-size: 14px;
}
.user {
    width: 40px;
    height: 40px;
    background-size: cover;
    float: right;
    border-radius: 90px;
    margin-left: 10px;
}
.dropdown-user .dropdown-toggle::after {
    position: absolute;
    right: -10px;
    top: 24px;
}
.dropdown-user span {
    line-height: 40px;
}
.dropdown-user .btn-secondary,
.dropdown-user .btn-secondary:hover {
    border: none;
    background-color: transparent;
}
.dropdown-user .dropdown-item:hover {
    background-color: #52c626;
    color: #fff;
    opacity: 1;
}
.dropdown-user .dropdown-item {
    font-size: 14px;
    opacity: 0.6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
}
.dropdown-user {
    margin-top: 4px;
}
.btn-custom,
.btn-custom1:hover,
.contact-text .social-media-btm ul li a:hover,
.custom-btn,
.dropdown-item.active,
.dropdown-item:active,
.terms-box .nav-link.active,
.terms-box .nav-link:hover {
    background-color: #52c626 !important;
}
.signin-box .mb-3 .btn,
.signin-box .mb-3 .btn i {
    color: #d3d2d3 !important;
}
.signin-pic {
    margin-right: 25px;
    margin-bottom: 50px;
    float: left;
}
.signin-content {
    padding: 40px;
    margin-top: 50px;
    overflow: hidden;
    min-height: 580px;
    border: 1px solid #cfcfcf;
    border-radius: 20px;
}
.btn-custom,
.btn-custom1 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-custom1,
.btn-custom1:hover {
    border-color: #52c626 !important;
}
.signin-box {
    margin: 80px auto 0;
    width: 80%;
}
.signin-box-influencer {
    margin: 30px 0 0;
    width: 100%;
}
.signin-box input {
    border: 2px solid #dadada;
    margin-bottom: 30px;
    min-height: 47px;
}
.signin-box .mb-3 .btn {
    position: absolute;
    border: none !important;
    font-size: 16px;
    right: 0;
    top: 30px;
}
.btn-custom:hover,
.paynot-button a:hover {
    background-color: #46b11e !important;
}
.img-payment {
    width: 50%;
    float: left;
    padding-right: 40px;
    margin-bottom: 50px;
}
.payment-section {
    overflow: hidden;
    margin-left: 40px;
    padding-left: 50px;
    padding-right: 50px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.counter-container,
.date-picker-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
}
.counter-button,
.date-icon {
    width: 50px;
    height: 50px;
    font-size: 24px;
    border: none;
    border-radius: 8px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.decrease {
    background-color: #dc3545;
}
.increase {
    background-color: #52c626;
}
.counter-value,
.date-value {
    flex: 1;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
}
.date-icon {
    background-color: #162c5b;
}
.hidden,
.image-radio input {
    display: none;
}
.payment- p,
.payment-section p {
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px;
}
.payment-section p strong {
    color: #162c5b;
    font-weight: 600;
}
.btm-buttom {
    width: 20%;
    margin: 0 auto;
    display: block;
}
.custom-btn,
.hotel-left ul li:last-child {
    border: none;
}
.custom-btn:hover {
    background-color: #3ba413 !important;
    color: #fff !important;
}
.custom-padding {
    padding: 15px 50px;
}
.btm-buttom button {
    margin-right: 15px;
    clear: both;
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
}
.section-pyament h2 {
    font-size: 55px;
    color: #152b5a;
    display: block;
    font-weight: 600;
    margin-bottom: 30px;
}
.section-pyament p {
    font-size: 18px;
    color: #000;
    opacity: 0.5;
    margin-bottom: 55px;
}
.section-pyament ul li {
    display: inline-block;
    margin: 10px 10px 30px;
    z-index: 99;
}
.section-pyament::before {
    width: 250px;
    height: 1px;
    position: absolute;
    left: 40%;
    top: 50px;
    background-color: #e5e5e5;
    content: "";
}
.section-pyament ul li a {
    height: 80px;
    width: 80px;
    background-color: #e5e5e5;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 300;
    font-size: 23px;
    display: block;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 90px;
}
.section-pyament li .active {
    background-color: #52c626;
    color: #fff;
}
.signin-box-payment input {
    border: 2px solid #dadada;
    margin-bottom: 30px;
    min-height: 47px;
    background-color: #f5f6f8;
    height: 58px;
    border: none;
}
.signin-box-payment label {
    font-size: 18px;
    color: #152b5a;
    margin-bottom: 10px;
}
.payment-sign {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}
.img-text {
    border: none;
    margin: 0;
    padding: 0;
}
.img-text p {
    color: #162c5b;
    opacity: 1;
    font-size: 32px;
    font-weight: 300;
    margin-top: 20px;
    padding-left: 50px;
}
.howmuch-example-box ul li strong,
.img-text p strong {
    font-weight: 600 !important;
}
.completd p {
    margin-bottom: 50px;
    font-size: 21px;
    color: #3251df;
}
.signin-content .col-sm-6 {
    width: 50% !important;
    display: inline-block;
}
.detail-page {
    margin-top: -50px;
}
.detail-page h2 {
    font-weight: 500;
    font-size: 35px;
}
.detail-right-hotel ul {
    margin-bottom: 5px;
}
.detail-right-hotel ul li .star-rating {
    float: none;
    width: 100%;
}
.detail-right-hotel ul li {
    display: inline-block;
    margin-right: 15px;
}
.detail-right-hotel ul li .review {
    color: #000;
    padding-top: 5px;
    font-size: 14px;
}
.detail-left-hotel ul li a i,
.detail-right-hotel ul li .star i {
    margin-right: 5px;
}
.detail-right-hotel ul li .star {
    width: 60px;
    height: 35px;
    background-color: #52c626;
    color: #fff;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    float: left;
}
.chk-hote-detail-clr1 i {
    color: #dc4a31;
    margin-right: 10px;
}
.chk-hote-detail-clr2 i {
    color: #52c626;
    margin-right: 10px;
}
.chk-hote-detail {
    padding-top: 5px;
}
.detail-left-hotel ul li {
    display: inline-block;
    vertical-align: top;
}
.detail-left-hotel ul li a {
    color: #000;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #dadada;
}
.gallery-container img,
.large-img-gallery,
.sm-img-gallery {
    border-radius: 10px;
    width: 100%;
}
.loctions {
    color: #4dbd4d;
}
.chk-hote-detail-share {
    color: #1c6dd8;
}
.large-img-gallery {
    height: 402px;
    overflow: hidden;
}
.sm-img-gallery {
    height: 191px;
    overflow: hidden;
    margin-bottom: 20px;
}
.sm-img-gallery span {
    position: absolute;
    width: 100%;
    height: 191px;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.gallery-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}
.gallery-container img {
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.large {
    grid-column: span 2;
    grid-row: span 2;
}
.overlay {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
}
.giftvoices-new,
.giftvoices-new h2 {
    position: relative;
    text-align: center;
}
@media (max-width: 768px) {
    .large {
        grid-column: span 1;
        grid-row: span 1;
    }
}
.detail-left-hotel {
    float: right;
    margin-top: 15px;
}
.section-owner h2 {
    font-size: 18px;
    color: #000;
    margin-bottom: 1px;
    font-weight: 500;
}
.section-owner h3 {
    font-size: 14px;
    color: #24ae25;
    margin-bottom: 5px;
}
.section-owner p {
    font-size: 14px;
    color: #000;
    opacity: 0.7;
    line-height: normal;
}
.section-owner {
    overflow: hidden;
    padding: 10px;
    background-color: #f2f6f9;
    border-radius: 10px;
    margin-bottom: 15px;
}
.my-tabs-text,
.roomtab {
    padding: 20px 20px 20px 0;
}
.user-img,
.user-img img {
    border-radius: 90px;
    object-fit: cover;
}
.user-img {
    width: 83px;
    height: 83px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}
.hotelinfo h2 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 15px;
}
.hotelinfo h3 {
    font-size: 17px;
    font-weight: 500;
    color: #52c626;
}
.my-tabs-text,
.my-tabs-text h2 {
    font-weight: 600;
    font-size: 19px;
}
.my-tabs-text {
    color: #000;
}
.my-tabs-text h2 {
    color: #000;
    margin-bottom: 20px;
}
.my-tabs-text p {
    font-weight: 400;
    font-size: 13px;
    color: #000;
    opacity: 0.7;
}
.my-tabs-text-inner-tag {
    padding-bottom: 0;
}
.my-tabs-text-inner-tag p {
    font-weight: 400;
    font-size: 19px;
    color: #000;
    margin-bottom: 2px;
    opacity: 1;
}
.nav-tabs .nav-link.active,
.tapbs .nav-tabs .nav-item.show .nav-link {
    color: #54b241;
}
.giftvoices-new {
    background-color: #e2fbe2;
    padding: 20px 20px 20px 80px;
    margin: 30px 0;
    height: 104px;
    display: block;
    clear: both;
}
.giftvoices-new h2 {
    padding: 0 60px;
    font-size: 18px;
    color: #52c626;
    font-weight: 500;
    margin-bottom: 15px;
}
.giftvoices-new p {
    padding: 0 60px;
    font-size: 13px;
    text-align: center;
    color: #000;
    opacity: 0.5;
}
.giftvoices-new h2::before {
    position: absolute;
    left: 0;
    font-size: 20px;
    color: #52c626;
}
.giftvoices-new h2::after {
    position: absolute;
    right: 0;
    font-size: 20px;
    color: #52c626;
}
.giftvoices-new::before {
    position: absolute;
    width: 91px;
    height: 104px;
    content: "";
    background: url(../images/hotels/hotel-room/gift.jpg) center top no-repeat;
    left: -10px;
    top: 0;
}
.giftvoices-new::after {
    position: absolute;
    width: 32px;
    height: 104px;
    content: "";
    background: url(../images/hotels/hotel-room/right.jpg) center top no-repeat;
    right: -14px;
    top: 0;
}
.popular-amentes {
    border-radius: 10px;
    border: 1px solid #d9dbda;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.top-head h2 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}
.top-head {
    padding: 20px;
    border-bottom: 1px solid #d9dbda;
    overflow: hidden;
    display: block;
}
.star-rating1 {
    float: none;
    display: block;
    width: 100%;
}
.star-rating1 .star {
    background-color: #25ad25;
    color: #fff;
}
.popular-box {
    overflow: hidden;
    padding: 20px 20px 10px;
}
.popular-box ul li {
    float: left;
    width: 33.333%;
    margin-bottom: 20px;
    color: #5d5d5d;
    font-size: 15px;
}
.detail-page-ads {
    padding-left: 20px;
}
.detail-page-ads img {
    width: 100%;
    border-radius: 20px;
    margin-bottom: 30px;
}
.complet-ament-box {
    background-color: #f9f6ef;
    padding: 50px;
    margin-bottom: 30px;
}
.complet-ament-box h2 {
    width: 60%;
    font-size: 36px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    clear: both;
    overflow: hidden;
}
.complet-ament-box h3 {
    float: left;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    background-color: #dc4b30;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.complet-ament-box ul {
    clear: both;
    width: 100%;
}
.complet-ament-box ul li {
    width: 14%;
    height: 126px;
    background-color: #fff;
    margin-right: 15px;
    color: #000;
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    border-radius: 5px;
    text-align: center;
}
.complet-ament-box ul li i {
    color: #000;
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.comments {
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    margin-bottom: 40px;
}
.comments-box {
    padding: 10px 10px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.comment-info {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.comment-pic img,
.googleb-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 90px;
}
.comment-pic {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 90px;
    float: left;
    margin-right: 15px;
}
.comment-info-user h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.comments-box h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
    width: 100%;
}
.star-rating112 {
    margin-bottom: 15px;
    overflow: hidden;
}
.comment-info-user h4 {
    font-size: 13px;
    color: #000;
    opacity: 0.6;
}
.comment-info-user h4 span {
    margin-right: 15px;
    position: relative;
    padding-right: 15px;
}
.comment-info-user h4 span::before {
    height: 5px;
    width: 5px;
    right: 2px;
    top: 8px;
    position: absolute;
    content: "";
    color: #dcdcdc;
    background-color: #000;
    opacity: 0.5;
    border-radius: 30px;
}
.comments h2 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 35px;
}
.hotel-price-box {
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 25px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.hotel-price-box h2 {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}
.hotel-price-box h3 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin-bottom: 2px;
    opacity: 0.7;
}
.hotel-price-box h4 {
    font-size: 35px;
    font-weight: 600;
    color: #262626;
    text-align: left;
}
.hotel-price-box p {
    font-size: 13px;
    margin-bottom: 10px;
}
.pagination .page-item .page-link {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    border: none;
    color: #000;
}
.pagination .page-item.active .page-link {
    background-color: #28a745;
    color: #fff;
}
.pagination .page-item .page-link:hover {
    background-color: #ddd;
}
.about-us-box {
    overflow: hidden;
    margin-bottom: 20px;
}
.about-us-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 90px;
}
.about-us-img {
    height: 55px;
    width: 55px;
    border-radius: 90px;
    overflow: hidden;
    margin-right: 15px;
    float: left;
}
.about-us-text h3 {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    opacity: 0.6;
}
.about-us-text h2 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}
.about-us-box p {
    font-size: 13px;
    color: #000;
    opacity: 0.6;
    float: none;
    display: block;
    clear: both;
    width: 100%;
}
.left-menu ul li {
    display: block;
    overflow: hidden;
    clear: both;
}
.left-menu ul li a span {
    float: left;
    margin-right: 15px;
    opacity: 5px;
    opacity: 0.7;
}
.left-menu ul li a::before {
    content: "\ea6e";
    font-family: remixicon !important;
    font-style: normal;
    position: absolute;
    right: 0;
    top: 20px;
}
.left-menu ul li a {
    display: block;
    position: relative;
    font-size: 21px;
    font-weight: 300;
    color: #000;
    padding: 20px 0;
}
.myaccountbox {
    background-color: #fbfbfb;
    padding: 20px;
    margin-bottom: 50px;
    border-radius: 20px;
}
.userinfo-edit {
    margin-bottom: 30px;
    overflow: hidden;
}
.box-my-account h3,
.discountend,
.myaccountedit .form-control,
.roomtab h2,
.userinfo-edit h2,
.userinfo-edit label {
    margin-bottom: 10px;
}
.userinfo-edit h2 {
    font-size: 30px;
    font-weight: 500;
    color: #000;
}
.userinfo-edit p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    opacity: 0.7;
}
.userinfo-edit a {
    float: right;
    color: #52c626;
    font-weight: 500;
    font-size: 16px;
}
.box-my-account {
    margin-top: 30px;
    overflow: hidden;
}
.box-my-account h3 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    opacity: 0.8;
}
.box-my-account h4 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.usersettings h3,
.usersettings h4 {
    font-weight: 500;
    margin-bottom: 12px;
}
.myaccountbox .hote-box-left h3 {
    margin-bottom: 20px !important;
}
.myaccountbox .hotel-box-information {
    overflow: hidden;
    position: relative;
}
.myaccountbox .starrating {
    position: absolute;
    bottom: 0;
    z-index: 99;
}
.myaccountedit .box-my-account label {
    font-size: 14px;
    font-weight: 600;
}
.myaccountedit .box-my-account {
    margin-top: 15px;
}
.setting-custom-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    text-decoration: none;
    color: #333 !important;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    opacity: 0.7;
}
.setting-custom-button span i {
    font-size: 20px;
    margin-right: 10px;
    color: #333;
    opacity: 0.7;
}
.setting-custom-button i {
    font-size: 20px;
    margin-right: 10px;
    color: #52c626;
    opacity: 1;
}
.setting-custom-button:hover {
    background-color: #52c626;
    color: #fff !important;
}
.setting-custom-button:hover i {
    color: #fff !important;
    opacity: 1;
}
.usersettings h3 {
    color: #52c626;
    font-size: 16px;
}
.usersettings h4 {
    color: #000;
    font-size: 17px;
    margin-top: 12px;
}
.contact-text a,
.contact-text p {
    color: #7e7e7e;
    font-size: 16px;
}
.contact-box,
.contact-box h4,
.helpcenter1 .service-card,
.service-card-section {
    margin-bottom: 20px;
}
.contact-icons {
    float: left;
    margin-right: 15px;
    width: 64px;
    height: 64px;
    background-color: #52c626;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 90px;
    color: #fff;
    font-size: 25px;
}
.contact-text a {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}
.contact-text .social-media-btm ul li,
.roombox h3 {
    display: inline-block;
}
.contact-text .social-media-btm ul {
    margin-top: 6px;
}
.contact-text .social-media-btm ul li a {
    width: 35px;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #262626 !important;
    color: #fff;
    font-size: 18px;
    border-radius: 90px;
}
.contact-text {
    overflow: hidden;
    padding-top: 7px;
}
.contact-container {
    padding-left: 50px;
}
.input-box .form-control {
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.11);
    height: 62px;
    color: #000;
    padding-left: 45px;
    font-size: 20px;
    font-weight: 300;
}
.input-box i {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 20px;
    color: #ccc;
}
.contact-header {
    background-color: #0d6efd;
    color: #fff;
    padding: 3rem 0;
    margin-bottom: 2rem;
}
.service-card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
    margin-bottom: 20px;
    height: 100%;
}
.why-bayan-destination-img,
.why-bayan-destination-img img {
    transition: transform 0.3s ease-in-out;
    border-radius: 16px;
}
.service-card:hover {
    transform: translateY(-5px);
}
.service-icon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #0d6efd;
}
.accordion-button:not(.collapsed) {
    background-color: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(13, 110, 253, 0.25);
}
.terms-box .sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    height: fit-content;
}
.terms-box .section-title {
    color: #2c3e50;
    font-weight: 600;
    margin-bottom: 1.5rem;
    font-size: 25px;
}
.terms-box .content-box {
    background: #fff;
    border-radius: 10px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.terms-box .nav-link i {
    color: #52c626 !important;
    margin-right: 10px;
}
.terms-box .nav-link {
    color: #4a5568;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    margin: 0.25rem 0;
    border-radius: 8px;
}
.terms-box .nav-link.active {
    border-left: 4px solid #e67e22;
    color: #fff;
}
.terms-box .icon-wrapper {
    width: 40px;
    height: 40px;
    background: #e9fded;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}
.contact-container h2 {
    margin-bottom: 40px;
    font-size: 35px;
}
.cont-msg h2 {
    font-size: 35px;
    margin-bottom: 10px;
}
.helpcenter-head p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 15px;
    margin-bottom: 15px;
}
.helpcenter-head h2 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 500;
}
.helpcenter {
    background-color: #f6fffb;
    padding: 50px 0;
}
.contact-method {
    border-radius: 8px;
    background-color: #fff;
    padding: 20px;
    min-height: 150px;
    margin-bottom: 20px;
}
.icon-pro,
.service-cardnew {
    width: 50px;
    height: 50px;
    border-radius: 90px;
    margin-left: 15px;
    float: left;
}
.icon-pro {
    background-color: #000;
    font-size: 25px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotel-logo,
.service-cardnew {
    display: flex;
    align-items: center;
    color: #52c626;
}
.con-pro {
    overflow: hidden;
    text-align: left;
    padding-left: 15px;
}
.con-pro h3 {
    color: rgba(0, 0, 0, 0.9);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.con-pro p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 15px;
    min-height: 60px;
}
.helpcenter1 h2 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 500;
    text-align: left;
}
.service-cardnew {
    font-size: 18px;
    justify-content: center;
}
.helpc {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    border-radius: 10px;
}
.helpcenter3 .accordion-button:not(.collapsed) {
    background-color: rgba(82, 198, 38, 0.1);
    color: #52c626;
}
.helpcenter,
.helpcenter1,
.helpcenter2,
.helpcenter3 {
    margin-bottom: 55px;
}
.helpcenter3 h2 {
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 500;
    text-align: left;
}
.hotel-green-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999999999;
}
.hotel-logo {
    font-size: 2rem;
    margin-bottom: 2rem;
}
.hotel-logo i {
    margin-right: 15px;
    font-size: 2.5rem;
}
.green-key-loader {
    width: 60px;
    height: 60px;
    border: 5px solid #e0e0e0;
    border-top: 5px solid #52c626;
    border-radius: 50%;
    animation: 1.2s linear infinite spin;
    position: relative;
}
.green-key-loader::after {
    content: "\f084";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #52c626;
    font-size: 20px;
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.hotel-loading-text {
    font-family: Arial, sans-serif;
    font-size: 1.2rem;
    color: #52c626;
    margin-top: 1.5rem;
    letter-spacing: 2px;
}
.hotel-progress {
    width: 200px;
    height: 4px;
    background-color: #e0e0e0;
    border-radius: 2px;
    margin-top: 1.5rem;
    overflow: hidden;
}
.hotel-progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #2e8b57, #3cb371);
    animation: 2s ease-in-out infinite progress;
}
@keyframes progress {
    0%,
    100% {
        width: 0%;
    }
    50% {
        width: 100%;
    }
}
.hotel-room-listing {
    padding: 15px;
    border-radius: 10px;
}
.roombox {
    padding: 10px 15px;
    min-height: 162px;
}
.room-prices {
    display: block;
    border: 1px solid #01bf63;
    border-radius: 5px;
}
.room-prices ul li:nth-child(2n) {
    border-right: none;
}
.room-prices ul li:first-child,
.room-prices ul li:nth-child(2) {
    border-top: none;
}
.room-prices ul li {
    float: left;
    width: 50%;
    vertical-align: top;
    border-right: 1px solid #01bf63;
    border-top: 1px solid #01bf63;
}
.roombox h3 {
    font-size: 16px;
    color: #000;
    background-color: #dffd6e;
    padding: 7px 12px;
    font-weight: 500;
    border-radius: 90px;
    margin-bottom: 8px;
}
.roombox h4 span:last-child {
    opacity: 1;
    font-weight: 500;
}
.roombox h4 span {
    opacity: 0.7;
}
.roombox h4 {
    color: #000;
    font-size: 14px;
    margin: 5px 0 7px;
}
.headings-hotel-detail {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 15px;
}
.paynot-button a {
    display: block;
    border-radius: 5px;
    background-color: #52c626;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
}
.deletes a,
.refundable a,
.tablebooking tr td,
.tablebooking tr th {
    font-size: 13px;
}
.refundable a {
    color: #ff0707;
    opacity: 0.8;
}
.tapbs {
    margin-bottom: 15px;
    clear: both;
}
.hotelroom-pic img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.hotelroom-pic {
    width: 150px;
    height: 100px;
    object-fit: cover;
    margin-right: 15px;
    float: left;
}
.cart-page {
    margin-bottom: 50px;
}
.hotel-left ul {
    border: 1px dotted rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
    display: block;
}
.hotel-left ul li:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.05);
}
.hotel-left ul li {
    float: left;
    padding: 5px 10px;
    overflow: hidden;
    display: block;
    width: 25%;
}
.hotel-left ul li strong {
    font-weight: 500;
    font-size: 13px;
    opacity: 0.6;
    display: block;
    overflow: hidden;
    width: 100%;
}
.hotel-left {
    overflow: hidden;
    position: relative;
    padding-right: 50px;
}
.deletes {
    position: absolute;
    top: 10px;
    right: 5px;
}
.deletes a {
    height: 25px;
    width: 25px;
    border-radius: 90px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    opacity: 0.7;
}
.deletes a:hover {
    background-color: #eb253d;
    color: #fff;
    border: 1px solid #eb253d;
    opacity: 1;
}
.mbtext strong {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
}
.d-blocks,
.total {
    padding: 15px;
}
.d-blocks {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.no-record-found img {
    width: 100%;
    margin: 0 auto 30px;
}
.no-record-found {
    width: 30%;
    margin: 0 auto 100px;
}
.viewdetail {
    background-color: #52c626;
    border: 1px solid #52c626;
}
.about-us:hover,
.viewdetail:hover {
    background-color: #000;
    border: 1px solid #000;
}
.table-responsnw table tr td,
.table-responsnw table tr th {
    font-size: 14px;
}
.my-booking-list li p {
    font-weight: 400;
    font-size: 14px;
}
.my-booking-list li p i {
    color: #52c626;
    margin-right: 5px;
}
.my-booking-list li strong {
    font-weight: 500 !important;
    font-size: 14px;
}
.my-booking-list li {
    padding: 5px 20px;
    background-color: #f9f9f9;
    margin: 10px 20px 10px 0;
    width: 47%;
    border-radius: 15px;
    display: inline-block;
}
.mybokings-wrp h6 {
    font-size: 18px;
    font-weight: 600;
}
.paynot-button {
    float: right;
    width: 95px;
}
.google-reviews {
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
}
.google-reviews h2 {
    font-size: 19px;
    color: #000;
    font-weight: 500;
    float: left;
    margin-bottom: 0;
    margin-top: 17px;
}
.googlereviews img {
    float: right;
    width: 100px;
    margin-bottom: 10px;
}
.googleviews {
    box-sizing: border-box;
    width: 100%;
    background-color: #f8f8f8;
    max-height: 450px;
    overflow-y: scroll;
    border: none;
    padding: 16px 16px 24px;
    border-radius: 10px;
}
.googleviewbox {
    width: 100%;
    float: left;
    color: #444;
    height: 100%;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    vertical-align: top;
}
.googleb-img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 90px;
}
.googleb-head h3 {
    font-weight: 600;
    color: #383b47;
    margin-bottom: 0;
}
.googleb-head h4 {
    font-size: 80%;
    font-weight: 400;
}
.stars-google {
    display: block;
    margin-top: 20px;
    clear: both;
    overflow: hidden;
}
.stars-google ul li {
    margin-right: 3px;
    color: #fabd0d;
    font-size: 14px;
    display: inline-block;
}
.hd-google {
    padding: 20px 0;
    border-bottom: 1px solid;
}
.googleviewbox p {
    padding: 20px 0;
    font-size: 16px;
    font-weight: 300;
}
.staybox {
    margin: 80px 0;
}
.google-review,
.staybox h2,
.staybox p,
.staynow-box h3 {
    margin-bottom: 30px;
}
.staybox h2 {
    font-size: 45px;
    font-weight: 600;
}
.staybox p {
    font-size: 17px;
    opacity: 0.8;
    line-height: 30px;
}
.img-paynow {
    width: 100%;
    padding-left: 80px;
}
.staynow-box::before {
    position: absolute;
    right: -10px;
    bottom: -10px;
    background-color: #fff;
    border-right: 10px solid #52c626;
    border-bottom: 10px solid #52c626;
    width: 100%;
    content: "";
    height: 464px;
    z-index: 1;
}
.staynow-box {
    border: 1px solid rgba(0, 0, 0, 0.9);
    width: 100%;
    padding: 20px;
    position: relative;
    z-index: 2;
    background-color: #fff;
}
.discountend,
.giftvoucher,
.hote-box-left .bg-success {
    width: 255px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.discountend,
.giftvoucher {
    height: 54px;
    padding-top: 22px;
}
.heading-bookinfo,
.staynow-box h3,
.staynow-box ul {
    position: relative;
    z-index: 999;
}
.discountend,
.hote-box-left .bg-success {
    background: url(../images/badges.png) left top no-repeat !important;
    color: #fac823;
}
.staynow-box h3 {
    font-size: 35px;
    font-weight: 600;
    color: #000;
    padding-left: 55px;
    background: url(../images/star-why.png) left top no-repeat;
}
.staynow-box ul li {
    padding-left: 50px;
    background: url(../images/arrow-left.png) left top no-repeat;
    font-size: 19px;
    opacity: 0.8;
    font-weight: 300;
    margin-bottom: 20px;
}
.hote-box-left .bg-success {
    height: 66px;
    padding-left: 19px;
    padding-top: 24px;
}
.giftvoucher {
    background: url(../images/discounts-new.png) left top no-repeat !important;
    color: #000;
}
.badge-clr,
.badge-clr1 {
    color: #fff;
    display: inline-block;
    margin-left: 4px;
}
.roombox-left {
    float: left;
    width: 62%;
}
.price-rooms-inner123 {
    padding-top: 35px;
    width: 38%;
    float: right;
}
.price-rooms-inner123 h5,
.price-rooms-inner123 h5 span {
    font-size: 21px !important;
}
.floatnone {
    float: none;
}
.view-alls {
    margin-top: 3px;
    padding: 5px 10px;
    background-color: #52c626;
    color: #fff !important;
    border-radius: 5px;
    clear: both;
}
.google-review {
    display: block;
    overflow: hidden;
}
.google-review-views p {
    font-size: 17px;
    opacity: 0.8;
    margin-bottom: 20px;
    line-height: 30px;
}
.google-review-views h2,
.google-review-views h3 {
    margin-bottom: 15px;
    font-weight: 600;
    text-align: left;
}
.google-review-views {
    padding-right: 150px;
    margin-top: 20px;
}
.google-review-views h2 {
    font-size: 40px;
}
.google-review-views h3 {
    font-size: 30px;
}
.googlereview-imgs::before {
    width: 0;
    height: 0;
    border-bottom: 530px solid #cdf3bf;
    border-left: 200px solid transparent;
    left: -200px;
    top: 0;
    content: "";
    position: absolute;
}
.googlereview-imgs {
    margin-right: -2000px;
    background-color: #cdf3bf;
    min-height: 530px;
    padding: 20px;
    position: relative;
}
.googlereview-imgs img {
    width: 400px;
    margin-top: 35px;
}
.header-innerpage .logo {
    margin: -38px 0 -4px;
}
.heading-bookinfo span {
    display: block;
    transform: skew(-335deg);
}
.heading-bookinfo::before {
    width: 0;
    height: 0;
    border-top: 47px solid #000;
    border-left: 47px solid transparent;
    position: absolute;
    content: "";
    left: 1px;
    bottom: -47px;
}
.heading-bookinfo {
    background-color: #ffde59;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 18px;
    transform: skew(335deg);
    margin-top: 30px;
    height: 47px;
}
.bookpayment-box p {
    transform: skew(-338deg);
    opacity: 1 !important;
}
.bookpayment-box {
    background-color: #8c52ff;
    padding: 20px 24px 10px 52px;
    font-weight: 600;
    font-size: 18px;
    transform: skew(338deg);
    margin-top: -30px;
    color: #fff;
    margin-left: 13px;
}
.tooltip-text .close-btn {
    position: absolute;
    top: 12px;
    left: 410px;
    color: #000;
    background: 0 0;
    border: none;
    font-size: 26px;
    cursor: pointer;
}
.tooltip-text p {
    font-weight: 400;
    font-size: 13px;
    color: #000;
    opacity: 0.7;
    text-align: left !important;
}
.tooltip-guest .close-btn {
    left: 520px;
}
.tooltip-guest p {
    font-size: 10px;
    margin-top: 11px;
}
.tooltip-text.hide {
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateX(-50%) translateY(0) !important;
}
.aboutuspage h2 {
    font-size: 55px;
    font-weight: 600;
}
.freeguest-text {
    background-color: #e8597c;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding: 7px 15px;
    border-radius: 90px;
    font-size: 18px;
    text-align: center;
}
.booking-price-box {
    border: 2px solid #b2b2b2;
    padding: 23px;
    margin: 20px 0;
    display: block;
    clear: both;
    position: relative;
}
.booking-price-box::before {
    background: url(../images/tree.png) center top/125px no-repeat;
    position: absolute;
    left: -84px;
    bottom: 0;
    content: "";
    width: 206px;
    height: 150px;
}
.booking-price-box::after {
    background: url(../images/sun.png) center top/100px no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100px;
    height: 100px;
}
.booking-price-box li {
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}
.booking-price-box li p {
    width: 62%;
    float: left;
    color: #1c794d;
    text-align: right;
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 18px;
}
.booking-price-box li span {
    width: 31%;
    float: right;
    background-color: #eaf6df;
    border-radius: 10px;
    color: #5eb809;
    text-align: center;
    font-size: 18px;
    padding: 5px 10px;
    margin: 0;
    font-weight: 600;
}
.booking-price-box li:last-child p {
    color: orange !important;
    font-style: italic;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 26px;
}
.booking-price-box li:first-child span {
    background-color: #fff !important;
    color: #000 !important;
}
.booking-price-box li strong {
    clear: both;
    background-color: #dceee5;
    color: #1c7a61;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 16px;
    text-shadow: 1px 1px rgba(255, 255, 255, 0) !important;
    font-style: normal;
    display: inline-block;
    text-align: center;
}
.booking-price-box li:last-child span {
    background-color: #fff !important;
    color: #ff5757 !important;
    font-size: 24px;
}
.img-paynow-request {
    margin: 0;
    padding: 0 30px 0 0;
}
.staybox-texts h2 {
    margin-bottom: 25px;
    margin-top: -5px;
}
.staybox-texts {
    padding-top: 15px;
}
.staybox-texts p strong {
    font-weight: 600;
    color: #000;
}
.staybox-texts p {
    margin-bottom: 15px;
    line-height: 28px;
}
.freeguest {
    margin-bottom: 6px;
}
.booking-price-box li:last-child p i {
    clear: both;
    width: 100%;
    display: block;
}
.tabs-text {
    display: block;
    padding-left: 30px;
}
.tabs-text h2 {
    font-weight: 600;
    font-size: 30px;
    color: #2d3e96;
    margin: 30px 0 110px -30px;
}
.custom_inner_sub_section {
    display: block;
    border: 1px solid #41cf8b;
    padding: 30px 10px 10px 30px;
    border-radius: 10px;
    margin-bottom: 110px;
}
.custom_inner_sub_section h2 {
    background-color: #e8597c;
    color: #fff !important;
    font-weight: 700;
    font-size: 26px;
    width: 293px;
    padding: 15px;
    border-radius: 10px;
    margin: -90px 0 30px -60px;
}
.custom_inner_sub_section p {
    font-weight: 600;
    font-size: 19px;
    color: #000;
    margin-bottom: 20px;
    width: 100%;
    display: block;
    overflow: hidden;
    clear: both;
    opacity: 1;
}
.bayan-stay-wrappers-main-text p span,
.custom_inner_sub_section ul li strong {
    font-weight: 600;
}
.custom_inner_sub_section ul li {
    position: relative;
    font-weight: 400;
    font-size: 19px;
    color: #000;
    margin-bottom: 20px;
    padding-left: 20px;
}
.custom_inner_sub_section ul li::before {
    position: absolute;
    left: 0;
    top: 9px;
    height: 10px;
    width: 10px;
    border-radius: 90px;
    background-color: #000;
    content: "";
}
.tabs-text .custom_inner_sub_section:nth-child(2) h2 {
    background-color: #e8597c !important;
    padding: 15px 12px 15px 15px;
    width: 297px;
}
.tabs-text .custom_inner_sub_section:nth-child(3) h2 {
    background-color: #ff6d4d !important;
}
.tabs-text .custom_inner_sub_section:nth-child(4) h2 {
    background-color: #4abb5f !important;
}
.tabs-text .custom_inner_sub_section:nth-child(5) h2,
.tabs-text .custom_inner_sub_section:nth-child(6) h2 {
    background-color: #38b6ff !important;
}
.luxury-options {
    position: relative;
    border: 2px solid #80d959;
    padding: 5px 30px;
    text-align: center;
    display: block;
    margin: 5px 0 5px 5px;
    border-radius: 15px !important;
    color: #005ae0;
    font-size: 19px;
    font-weight: 600;
    background-color: #fff;
    width: 65%;
    font-style: italic;
}
.upgradebox,
.upgradebox p {
    border-radius: 15px;
    overflow: hidden;
}
.luxury-options::before {
    position: absolute;
    left: -8px;
    top: -5px;
    height: 37px;
    width: 40px;
    content: "";
    background: url(../images/quote-hotel-details.png) left top no-repeat #fff;
}
.luxury-options1 {
    padding: 7px 30px;
    margin: 10px 0;
    width: 50%;
}
.features-main-heading,
.upgradebox h2 {
    font-weight: 600 !important;
    margin-bottom: 15px;
    display: inline-block;
}
.luxury-options1::before {
    position: absolute;
    left: -8px;
    top: -5px;
    height: 30px;
    width: 33px;
    content: "";
    background: url(../images/quote-hotel-details.png) left top/71% no-repeat #fff;
}
.features-main-heading {
    background-color: #38bdaa !important;
    font-family: "Nunito Sans", sans-serif;
    padding: 7px 25px !important;
    color: #fff !important;
    font-size: 25px !important;
    border-radius: 90px !important;
}
.upgradebox {
    display: block;
    background-color: #c6edcc;
    padding: 20px;
    margin: 10px 0 25px;
}
.upgradebox h2 {
    background-color: #e8597c !important;
    padding: 7px 20px !important;
    color: #fff !important;
    font-size: 22px !important;
}
.upgradebox p {
    display: block;
    background-color: #fff;
    padding: 20px;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    margin-bottom: 2px;
    opacity: 1;
}
.upgradebox p span {
    color: #e8597c !important;
    font-weight: 600;
}
.freeguest-text1 {
    border-radius: 0;
    width: 255px;
    margin-top: 10px;
}
.myaccountbox .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 9px 7px 0;
    margin-left: -10px;
    margin-top: 3px;
}
.myaccountbox .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 10px;
}
.myaccountbox .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 7px 9px;
}
.myaccountbox .select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.11);
    height: 62px;
    color: #000;
    padding-left: 45px;
    font-size: 20px;
    font-weight: 300;
    padding-top: 15px !important;
}
.input-box i {
    z-index: 9;
}
.banner-image11 {
    background-position: bottom;
}
.search-pages {
    background-color: #ffd93b;
    padding-bottom: 38px;
    padding-top: 75px;
}
.section-heading-pages-box {
    margin-bottom: 55px;
    overflow: hidden;
    display: block;
}
.section-heading-pages-box h2 {
    margin-bottom: 30px;
    font-size: 45px;
    color: #000;
    font-weight: 700;
    text-align: center;
}
.section-heading-pages-box p {
    font-size: 21px;
    color: #000;
    font-weight: 600;
    text-align: center;
}
.section-search-pages-box {
    display: block;
    margin-bottom: 35px;
}
.section-search-pages-box h3 {
    width: 335px;
    height: 77px;
    background-color: #000;
    margin: 0 auto 20px;
    color: #ffd93b;
    font-size: 26px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.section-search-pages-box h3::before {
    position: absolute;
    left: -34px;
    top: -3px;
    content: "";
    background: url(../images/slider/tree.png) left top/61px no-repeat;
    height: 83px;
    width: 285px;
}
.section-search-pages-box p {
    margin-bottom: 55px;
    font-size: 22px;
    color: #000;
}
.bayan-video,
.video-section {
    display: block;
    overflow: hidden;
    background: #131313;
}
.bayan-video .banner-vid {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    aspect-ratio: 16/9;
    object-fit: cover;
}
.why-bayan-stay {
    background: #fafaff;
    background: linear-gradient(0deg, #fafaff 26%, #94f2ff 100%);
    padding: 64px 0 36px;
}
.bayan-stay-header-new h2 {
    font-family: "League Spartan", sans-serif;
    font-size: 45.9pt;
    color: #ff66c4;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.05em;
}
.bayan-stay-header-new p {
    color: #000;
    font-family: canva_sansbold_italic;
    font-size: 25.3pt;
    margin-bottom: 47px;
    opacity: 1;
}
.bayan-stay-wrappers-main-text {
    float: left;
    width: 642px;
}
.bayan-stay-wrappers-main-text h3 {
    color: #1256c4;
    font-size: 29.3pt;
    text-align: left;
    padding-left: 36px;
    font-family: "League Spartan", sans-serif;
    letter-spacing: -0.05em;
    font-weight: 700;
    margin-bottom: 21px;
    margin-top: 30px;
    line-height: 1;
}
.bayan-stay-wrappers-main-text p {
    font-size: 16.4pt;
    font-family: "Hanken Grotesk", sans-serif;
    color: #000;
    opacity: 1;
    font-weight: 400;
    margin-bottom: 40px;
}
.why-bayan-stay-green {
    background: #fafaff;
    background: linear-gradient(0deg, #fdfdfd 26%, #9aff9b 100%);
    padding: 64px 0 36px;
}
.mt-bayan {
    margin-top: 35px;
}
.bayan-stay-signin,
.padding-mt-bayan {
    padding: 90px 0;
}
.new-bottomupgrade span {
    color: #ff66c4;
    display: block;
    clear: both;
    overflow: hidden;
    width: 100%;
}
.new-bottomupgrade {
    color: #000;
    font-size: 52.9pt;
    text-align: left;
    padding: 0;
    margin-left: 0;
    margin-bottom: 63px;
}
.newbayan-wrapper-txt p {
    font-family: canva_sansbold_italic;
    font-size: 17.9pt;
    color: #000;
    opacity: 1;
}
.newbayan-wrapper-txt ul li {
    font-family: "Hanken Grotesk", sans-serif;
    color: #000;
    opacity: 1;
    font-weight: 700;
    font-size: 17.9pt;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    padding-left: 35px;
}
.btn-new-bayans {
    border-radius: 128px;
    background-image: -moz-linear-gradient(0deg, #fe5758 0, #8d52fe 100%);
    background-image: -webkit-linear-gradient(0deg, #fe5758 0, #8d52fe 100%);
    background-image: -ms-linear-gradient(0deg, #fe5758 0, #8d52fe 100%);
    font-family: canva_sansbold_italic;
    width: 267px;
    height: 57px;
    display: block;
    color: #fff;
    font-size: 17.9pt;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.bayan-stay-header-new1 p {
    font-size: 17.3pt;
}
.bayan-stay-header-new1 h2 span {
    color: #7ed957;
}
.why-bayan-destination ul li {
    margin: 20px 10px;
    display: inline-block;
    height: 300px;
    overflow: hidden;
    border-radius: 16px;
}
.why-bayan-destination-img {
    display: block;
    clear: both;
    margin-bottom: 15px;
}
.why-bayan-destination-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding-left: 20px;
    text-align: left;
}
.why-bayan-destination-text h2 {
    font-size: 24.3pt;
    font-family: "League Spartan", sans-serif;
    font-weight: 800;
    color: #fff;
    display: block;
    width: 100%;
}
.why-bayan-destination-text span {
    font-size: 13.4pt;
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 400;
    color: #000;
    background-color: #c1ff72;
    display: inline-block;
    padding: 1px 10px;
    border-radius: 90px;
}
.why-bayan-stay-green1 {
    background: #fafaff;
    background: linear-gradient(0deg, #fdfdfd 26%, #9aff9b 100%);
    margin: 0;
    padding: 64px 0 0;
}
.instantly-monetize {
    position: relative;
    font-size: 32pt;
}
.instantly-monetize::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -15px;
    width: 164px;
    height: 10px;
    background: url(../images/bayan-stay-images/signin/line.png) center center no-repeat;
}
.why-bayan-stay-green1 p {
    font-size: 16.4pt;
}
.banaystay-social,
.btn-signins {
    text-align: center;
    display: block;
}
.banaystay-social img {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.bayan-stay-wrapper-signin {
    position: absolute;
    right: 0;
    top: 0;
    width: 656px;
    height: 743px;
}
.bayan-stay-wrappers-main-page1 .btn-new-bayans {
    font-size: 16.9pt;
    margin-top: 30px;
}
.newbayan-wrapper-txt ul li:first-child::before {
    content: "🏨";
}
.newbayan-wrapper-txt ul li:nth-child(2)::before {
    content: "🎁";
}
.newbayan-wrapper-txt ul li:nth-child(3)::before {
    content: "⚡";
}
.newbayan-wrapper-txt ul li:nth-child(4)::before {
    content: "⏳";
}
.newbayan-wrapper-txt ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 17.9pt;
}
.bayan-stay-wrappers-main-page1 ul li::before {
    font-size: 14.4pt !important;
}
.bayan-stay-wrappers-main-page1 ul li {
    font-size: 14.4pt;
    margin-bottom: 0;
    padding-left: 30px;
}
.bayan-stay-wrappers-main-page1 .bayan-stay-wrappers-main-text {
    width: 700px;
}
.bayan-stay-wrappers-main-page1 {
    position: relative;
    min-height: 743px;
}
.bayan-stay-wrappers-main-page1 p {
    margin: 20px 0;
}
.bayan-stay-signin-text-box h2,
.bayan-stay-signin-text-box ul li h3,
.why-bayan-stay-signin .bayan-stay-header-new h2 {
    font-family: "League Spartan", sans-serif;
    margin-bottom: 15px;
}
.why-bayan-stay-signin .bayan-stay-header-new {
    float: right;
    width: 642px;
    text-align: center;
    margin-top: 125px;
}
.why-bayan-stay-signin {
    padding: 150px 0;
}
.travel-programe,
.travel-programe-Bayan-Stay {
    padding: 30px;
    min-height: 555px;
    border-radius: 36px;
}
.why-bayan-stay-signin .bayan-stay-header-new h2 {
    font-size: 50.9pt;
    color: #000;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.05em;
    text-align: center;
}
.why-bayan-stay-signin .btn-new-bayans {
    margin: 0 auto 90px;
    text-align: center;
    width: 330px;
}
.why-bayan-stay-signin .bayan-stay-header-new h2 span {
    color: #ff66c4;
    display: block;
    width: 100%;
    overflow: hidden;
}
.bayan-stay-signin-text-box {
    float: right;
    width: 642px;
    text-align: center;
}
.bayan-stay-signin-text-box h2 {
    font-size: 45.6pt;
    color: #7ed957;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.05em;
}
.bayan-stay-signin-text-box p {
    color: #000;
    font-family: canva_sansbold_italic;
    font-size: 17.3pt;
    margin-bottom: 25px;
    opacity: 1;
}
.bayan-stay-signin-text-box ul li {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}
.bayan-stay-signin-text-box ul li h3 {
    font-size: 24.6pt;
    color: #38b6ff;
    font-weight: 800;
    background: url(../images/bayan-stay-images/signin/tick-green.png) left top no-repeat;
    padding-left: 60px;
    overflow: hidden;
    min-height: 42px;
    padding-top: 7px;
    display: inline-block;
}
.bayan-stay-signin-text-box ul li p {
    font-size: 13.4pt;
    font-family: canva_sansmedium;
    color: #000;
    opacity: 1;
    width: 100%;
    display: block;
    text-align: center;
}
.travel-programe {
    background-color: #001b3d;
}
.travel-programe h2 {
    font-size: 25.4pt;
    font-family: canva_sansmedium;
    color: #fff;
    text-align: center;
}
.travel-programe ul li {
    background: url(../images/bayan-stay-images/signin/graph.png) left top no-repeat;
    padding-left: 60px;
    min-height: 43px;
    align-items: center;
    justify-content: left;
    font-size: 21pt;
    font-family: canva_sansmedium;
    color: #fff;
    opacity: 1;
    text-align: left;
    padding-top: 4px;
    margin-bottom: 40px;
    display: block;
}
.travel-programe-Bayan-Stay {
    background-color: #9aff9b;
}
.travel-programe-Bayan-Stay h2 {
    font-size: 25.4pt;
    font-family: canva_sansmedium;
    color: #001b3d;
    text-align: center;
}
.bayan-first-img-text,
.bayan-stay-signin-text-startearning h2,
.bayan-stay-signin-text-startearning ul li h3 {
    font-family: "League Spartan", sans-serif;
    letter-spacing: -0.05em;
}
.travel-programe-Bayan-Stay ul li {
    background: url(../images/bayan-stay-images/signin/tick.png) left top no-repeat;
    padding-left: 55px;
    min-height: 45px;
    padding-top: 3px;
    align-items: center;
    justify-content: left;
    font-size: 21pt;
    font-family: canva_sansmedium;
    color: #001b3d;
    opacity: 1;
    text-align: left;
    margin-bottom: 40px;
    display: block;
}
.lines-travel-programme {
    margin: 20px 0;
    text-align: center;
    display: block;
    overflow: hidden;
    width: 100%;
}
.bayan-stay-header-new12 h2 {
    color: #7ed957 !important;
}
.bayan-stay-header-new12 p {
    font-size: 18pt !important;
}
.btn-signins .btn-new-bayans {
    width: 350px !important;
    margin: 0 auto;
}
.startearning-signin {
    padding: 90px 0;
    background: #fafaff;
    background: linear-gradient(0deg, #fdfdfd 26%, #9aff9b 100%);
}
.bayan-stay-signin-text-startearning {
    width: 664px;
    float: left;
}
.bayan-stay-signin-text-startearning h2 {
    font-size: 51.9pt;
    color: #000;
    font-weight: 700;
    line-height: 68px;
}
.bayan-stay-signin-text-startearning h2 span {
    color: #ff66c4;
    display: block;
    overflow: hidden;
    width: 100%;
}
.bayan-stay-signin-text-startearning ul li {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
}
.bayan-stay-signin-text-startearning ul li h3 {
    color: #1256c4;
    font-size: 22.4pt;
    text-align: left;
    font-weight: 700;
    margin-bottom: 21px;
    margin-top: 10px;
}
.how-much-can-you-earn p,
.newbayan-wrapper-txt h4,
.office-staff-text h3,
.office-staff-text p {
    font-family: "Hanken Grotesk", sans-serif;
}
.bayan-stay-signin-text-startearning ul li p {
    font-size: 16.4pt;
    font-family: "Hanken Grotesk", sans-serif;
    color: #000;
    opacity: 1;
    font-weight: 400;
}
.newbayan-wrapper-txt h4 {
    font-size: 25.5pt;
    color: #000;
    opacity: 1;
    font-weight: 600;
    margin-bottom: 25px;
}
.bayan-stay-signin-text-startearning h2,
.office-staff-text p {
    margin-bottom: 40px;
    text-align: left;
}
.bayan-first-img-text {
    color: #38b6ff;
    font-size: 71.1pt;
    text-align: left;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: normal !important;
    text-shadow: 5px 5px #81e1d2;
}
.bayan-first-img-text span {
    display: block;
    clear: both;
    width: 100%;
}
.officestaff {
    background: #f0f0ef;
    background: linear-gradient(0deg, #f0f0ef 0, #fede5b 100%);
    padding: 80px 0;
}
.office-staff-text {
    float: right;
    width: 675px;
    text-align: center;
}
.officestaff-img {
    float: left;
    margin-left: 150px;
    margin-top: 50px;
}
.office-staff-text h3 {
    font-size: 19.4pt;
    color: #000;
    opacity: 1;
    font-weight: 700;
    text-align: left;
    display: block;
    overflow: hidden;
    width: 100%;
}
.office-staff-text p {
    font-size: 16.4pt;
    color: #000;
    opacity: 1;
    font-weight: 400;
}
.btn-new-bayans:hover {
    border: none;
    text-decoration: none;
    color: #fff !important;
}
.how-much-can-you-earn {
    background: #fafaff;
    background: linear-gradient(0deg, #fafaff 26%, #94f2ff 100%);
    padding: 80px 0;
    margin-top: 90px;
}
.how-much-can-you-earn h2 {
    color: #ff66c4 !important;
}
.how-much-can-you-earn p {
    font-size: 23px !important;
    padding: 0 24%;
    font-weight: 300 !important;
}
.howmuch-example {
    padding: 0 10px;
}
.howmuch-example-box {
    background-color: #fedfcc;
    padding: 46px 5px;
    min-height: 530px !important;
    border-radius: 35px;
    text-align: center;
}
.howmuch-lines {
    display: block;
    margin: 0 auto 23px;
    text-align: center;
    width: 100%;
}
.howmuch-lines img {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.howmuch-example-box h3 {
    background-color: #ffed00;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    padding: 5px 10px;
    font-weight: 600;
    color: #001b3d;
    font-size: 21px;
    font-family: canva_sansregular;
    border-radius: 10px !important;
}
.howmuch-example-box h4,
.howmuch-example-box ul li {
    font-family: "Hanken Grotesk", sans-serif;
    color: #001b3d;
}
.howmuch-example-box ul li {
    font-size: 19px !important;
    padding: 0 20px 66px 35px;
    font-weight: 300 !important;
    position: relative;
    text-align: left;
}
.howmuch-example-box ul li::before {
    left: 13px;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 90px;
    position: absolute;
    background-color: #000;
    content: "";
}
.howmuch-example-box ul li::after {
    left: 46%;
    bottom: 15px;
    width: 35px;
    height: 44px;
    border-radius: 90px;
    position: absolute;
    content: "";
    background: url(../images/bayan-stay-images/signin/arrows-new.png) left top no-repeat;
}
.howmuch-example-box ul li span {
    color: #1f67f2 !important;
}
.howmuch-example-box h4 {
    font-size: 14.4pt;
    opacity: 1;
    font-weight: 600;
    text-align: center;
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 0 10px;
}
.howmuch-example-box ul li:last-child {
    padding-bottom: 20px;
}
.giftvoucher-box .tooltip-bx ul li {
    width: 43px;
    height: 43px;
    margin: 30px 2px 4px;
    display: inline-block;
    overflow: hidden;
    border: none !important;
}
.giftvoucher-box .tooltip-text {
    width: 570px;
    height: 351px;
    background: url(../images/tooltip-bg.png) center top/570px no-repeat;
}
.giftvoucher-box .close-btn {
    left: 490px;
}
.giftvoucher-box .tooltip-text::before {
    content: "Gift Voucher";
    left: 57px;
    background-color: #ffde59;
    color: #000;
}
.image-radio {
    position: relative;
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
}
.image-radio img {
    border: 3px solid #fff;
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.image-radio input:checked + img {
    border: 3px solid #52c626;
    box-shadow: 0 0 12px rgba(0, 123, 255, 0.6);
}
.giftbox {
    display: inline-block;
    width: 18.9%;
    margin-right: 10px;
}
.giftbox:nth-child(5) {
    margin-right: 0;
}
.giftsheading {
    margin: 15px 0;
}
.pricewrappers {
    display: block;
    background: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    margin-bottom: 30px;
}
.price-listbox {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 20px;
    overflow: hidden;
    display: block;
}
.installment-box h2,
.price-listbox h2 {
    font-size: 21px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}
.price-box-quanity {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}
.roomname {
    float: left;
    font-size: 16px;
}
.roomnameprice {
    float: right;
    font-size: 16px;
    font-weight: 600;
}
.roomdtl {
    padding-left: 15px;
    display: block;
    clear: both;
    width: 100%;
}
.alertsnews,
.alertsnews-danger {
    border-radius: 90px;
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    margin-left: 10px;
}
.alertsnews {
    background-color: #ebfaf0;
    color: #468b6d;
}
.alertsnews-danger {
    background-color: #fcf2e8;
    color: #c25826;
}
.roomnameprice1 {
    color: #1fa55c !important;
}
.price-listbox h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}
.price-total-quanity .roomname {
    color: #468b6d;
    font-weight: 600;
}
.price-total-quanity .roomnameprice {
    color: #468b6d;
}
.price-total-quanity {
    border-radius: 10px;
    background-color: #ebfaf0;
    color: #468b6d;
    margin-bottom: 20px;
    padding: 20px;
    overflow: hidden;
    display: block;
}
.price-total-quanity1 {
    background-color: #f5fafa !important;
}
.price-total-quanity1 .roomname p {
    margin-top: 0;
    color: #000;
    font-size: 14px;
}
.price-total-quanity1 .roomname,
.price-total-quanity1 .roomnameprice {
    color: #000;
    font-weight: 600;
    font-size: 22px;
}
.installment-box h2 i {
    color: #199e4c;
}
.installment-box p {
    font-size: 12px;
    margin: 10px 0;
}
.pricewrappers1 {
    background-color: #f7f8f9;
    display: block;
    padding: 20px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    margin-bottom: 30px;
}
.price-install {
    background-color: #fff;
    padding: 25px 10px;
    border: 2px solid #e6e8eb;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 30px;
}
.price-install h3 {
    font-size: 30px;
    color: #da7a0b;
    margin: 10px 0;
    font-weight: 600;
}
.price-install p {
    margin: 0;
}
.installment-box h2 {
    margin-bottom: 10px;
    padding-right: 105px;
}
.price-install1 {
    border: none;
    text-align: left;
}
.price-install ul li {
    position: relative;
    text-align: left;
    font-size: 14px;
    padding-left: 16px;
    margin-top: 7px;
}
.price-install ul li::before {
    position: absolute;
    left: 0;
    top: 8px;
    height: 8px;
    width: 8px;
    border-radius: 90px;
    content: "";
    background-color: #2da054;
}
.price-install h4 {
    font-size: 17px;
    font-weight: 600;
}
.price-listbox1 {
    margin-bottom: 20px;
    padding: 20px;
    overflow: hidden;
    display: block;
    border-radius: 10px;
    background-color: #f5fafa !important;
    border: 1px solid #d2dede;
}
.alret-availble {
    border-radius: 90px;
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    margin-left: 10px;
    background-color: #faf0c3;
    color: #d5700c;
    position: absolute;
    right: 0px;
    top: 0px;
}
.footer-links ul li:nth-child(6) a {
    color: #999 !important;
}
.footer-links ul li:nth-child(6) a:hover {
    color: #52c626 !important;
}
.footer-links ul li:nth-child(6) a:hover span {
    color: #fff !important;
}
.cbp-hrmenu > ul > li:nth-child(6) a {
    color: #fff !important;
}

.custom_message_suggestion{
    position: relative;
     border-radius: 0 30px 0 30px;
    padding: 30px 50px;
    width: 98%;
    border: 3px solid #ff751f;
    display: block;
       margin: -30px auto 30px auto !important;
}

.custom_message_suggestion p{
 


font-weight: 400;
    font-size: 19px;
    color: #000;
   
    opacity: 1;
}

.custom_message_suggestion p span{
    color: #2cb461;
}


.custom_message_suggestion::before{
width: 71px;
height: 54px;
 background: url(../images//bayan-stay-images/quote-left-top.png) center center no-repeat #fff;
 position: absolute;
 left: -10px;
 top: -20px;
 content: "";
}

.custom_message_suggestion::after{
width: 71px;
height: 54px;
 background: url(../images//bayan-stay-images/quote-right-bottom.png) center center no-repeat #fff;
 position: absolute;
 right: -20px;
 bottom: -20px;
 content: "";
}



/* 18.10.2025 */


.custom_popular_facilities {
	background-color: #fef5cc !important;
	margin-top: 25px;
}
.custom_popular_facilities ul{
	background-color: #fff;    border-radius: 15px;
    overflow: hidden;
	padding: 20px 20px 10px 20px; 
} 
.custom_popular_facilities ul li{
	display: inline-block;
	margin-bottom: 20px;
	width: 33.333%;
	font-size: 15px;
	color: #000;
	 background: url(../images//bayan-stay-images/new-ticks.png) left top no-repeat #fff;
	min-height: 33px;
	padding-left: 45px;
    padding-top: 5px;
    font-weight: 500;
	vertical-align: top;
}

 










@media screen and (max-width: 1900px) {
    .howmuch-example-box {
        min-height: 480px !important;
    }
    .howmuch-example-box ul li {
        font-size: 16px !important;
    }
    .howmuch-example-box h4 {
        font-size: 15px;
    }
    .howmuch-lines img {
        width: 100% !important;
    }
    .google-review-views p,
    .inner_page_content_custom p,
    .staybox p,
    .welecome-text p {
        font-size: 15px;
        line-height: normal;
    }
    .weekend-list ul li {
        margin: 10px;
    }
    .text-sec h2 {
        width: 60%;
    }
    .price-range {
        border: none;
    }
    .hotel-view {
        width: 219px;
    }
    .inner-headings {
        height: 346px;
    }
    .img-paynow img,
    .signin-pic img {
        width: 100%;
    }
    .signin-pic {
        float: left;
        width: 50%;
    }
    .search-city {
        width: 17%;
    }
    .search {
        display: inline-block;
        padding: 10px 14px;
    }
    .discountend {
        font-size: 16px;
    }
    .aboutuspage h2,
    .google-review-views h2,
    .main-heading,
    .staybox h2,
    .welecome-text h2 {
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .staynow-box h3 {
        font-size: 30px;
    }
    .staynow-box ul li,
    .welecome-text h3 {
        font-size: 17px;
    }
    .staynow-box::before {
        height: 420px;
    }
    .img-paynow {
        padding-left: 30px;
        margin-top: 50px;
    }
    .img-paynow-request {
        margin-top: 0;
    }
    .staybox p {
        padding-bottom: 0;
    }
    .tooltip-guest .tooltip-text::before {
        content: "Free Upgrade";
        left: 57px;
        background-color: #e8597c;
        color: #fff;
    }
    .luxury-options {
        width: 80%;
    }
    .luxury-options1 {
        font-size: 17px;
        width: 58%;
    }
}
@media screen and (max-width: 1400px) {
    .officestaff-img {
        margin-left: 50px;
    }
    .bookpayment-box {
        margin-left: 8px;
    }
    .tooltip-guest .tooltip-text::before {
        content: "Free Upgrade";
        left: 57px;
        background-color: #e8597c;
        color: #fff;
    }
    .bayan-stay-wrappers-main-text {
        float: left;
        width: 520px;
    }
    .bayan-stay-wrappers-main-text p {
        font-size: 15.4pt;
    }
    .bayan-stay-wrappers-main-text h3 {
        padding-left: 15px;
    }
    .newbayan-wrapper-txt ul li {
        font-size: 15.9pt;
    }
    .why-bayan-destination ul li {
        width: 22%;
    }
    .travel-programe ul li,
    .travel-programe-Bayan-Stay ul li {
        font-size: 18pt;
    }
    .why-bayan-stay-signin .bayan-stay-header-new {
        float: right;
        width: 450px;
    }
    .bayan-stay-signin-text-box {
        float: right;
        width: 500px;
        text-align: center;
    }
    .travel-programe h2,
    .travel-programe-Bayan-Stay h2 {
        font-size: 22.4pt;
    }
}
@media screen and (max-width: 1500px) {
    .tooltip-guest .tooltip-text::before {
        content: "Free Upgrade";
        left: 57px;
        background-color: #e8597c;
        color: #fff;
    }
    .giftvoucher-box .tooltip-text::before {
        content: "Gift Voucher";
        background-color: #ffde59;
        color: #000;
    }
    .hote-box-left {
        float: left;
        width: 50%;
        vertical-align: top;
    }
    .text-sec h2 {
        font-size: 16px;
    }
    .text-sec {
        height: 90px;
    }
    .price-range {
        width: 16%;
    }
    .roombox-left {
        float: left;
        width: 57%;
    }
    .price-rooms-inner123 {
        width: 42%;
        float: right;
    }
}
@media only screen and (max-width: 1199px) {
    .giftbox {
        display: inline-block;
        width: 18%;
    }
    .office-staff-text {
        width: 575px;
    }
    .booking-price-box li p {
        font-size: 16px;
    }
    .booking-price-box li span {
        font-size: 14px;
    }
    .hotel-box-information,
    .stay {
        overflow: hidden;
    }
    .bookpayment-box p {
        font-size: 12px !important;
    }
    .googlereview-imgs::before {
        display: none;
    }
    .google-review-views {
        padding-right: 0;
        margin-top: 20px;
    }
    .googlereview-imgs img {
        width: 100%;
        margin-top: 0;
    }
    .googlereview-imgs {
        min-height: auto;
        margin-right: 0;
    }
    .img-paynow {
        width: 100%;
        padding-left: 0;
    }
    .staynow-box h3 {
        font-size: 27px;
    }
    .signin-content {
        margin-bottom: 20px !important;
        min-height: auto;
        border-radius: 20px;
        margin-top: 0;
    }
    .signin-box {
        margin: 20px auto 0;
        width: 100%;
    }
    .container {
        width: 99% !important;
        padding: 0 2%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
    .cbp-hrmenu > ul > li > a {
        padding: 10px 6px;
    }
    .logo {
        padding: 7px 0;
        margin: 0;
    }
    .login_area h2 {
        font-size: 24px;
    }
    .slick-next {
        right: 0 !important;
        z-index: 99999;
    }
    .slick-prev {
        left: -30px !important;
        z-index: 99999;
    }
    .banaystay-social,
    .banaystay-social img,
    .banaystay-travel img,
    .bayan-stay-signin-img-box img,
    .bayan-stay-wrapper-main-images img,
    .bayan-stay-wrapper-signin img,
    .complet-ament-box h2,
    .how-icons-work img,
    .text-sec h2,
    .welcome-img img {
        width: 100%;
    }
    .stay {
        background-position: right top;
        position: relative;
    }
    .stay::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        content: "";
        min-height: 345px;
    }
    .stay-text-offer {
        width: 100%;
        position: relative;
    }
    .location {
        width: 146px;
        height: 43px;
        margin-top: -13px;
        padding-top: 11px;
        font-size: 15px;
    }
    .welcome-img {
        float: left;
        margin-left: 0;
        margin-right: 20px;
        width: 50%;
    }
    .bayan-stay-wrappers-main-text h3,
    .mt-bayan,
    .welecome-text h2 {
        margin-top: 0;
    }
    .social-media-icon ul li,
    .welecome-text p {
        margin-bottom: 10px;
    }
    .search-box {
        height: auto;
    }
    .button-search,
    .search {
        vertical-align: top;
        width: 31.333% !important;
        min-height: 85px;
        float: none;
        display: inline-block;
        text-align: left;
    }
    .button-search {
        width: 100% !important;
    }
    .search-seciton {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .logo {
        margin-top: -30px;
        margin-left: -20px;
    }
    .hotel-view {
        margin-bottom: 15px;
        width: 200px;
        margin-right: 10px;
    }
    .btm-buttom button {
        width: 100%;
        margin-top: 30px;
    }
    .btm-buttom {
        text-align: center;
        width: 26%;
        margin: 0 auto;
        display: block;
    }
    .chk-hote-detail {
        padding-top: 5px;
        font-size: 13px;
    }
    .hotel-price-box {
        padding: 15px;
    }
    .tapbs .nav-link {
        color: #000;
        width: 25%;
    }
    .nav-tabs .nav-link.active,
    .tapbs .nav-tabs .nav-item.show .nav-link {
        background-color: #54b241;
        color: #fff;
        border: none;
    }
    .complet-ament-box {
        background-color: #f9f6ef;
        padding: 10px;
        margin-bottom: 30px;
    }
    .complet-ament-box ul li {
        width: 15%;
        margin-right: 10px;
        padding: 10px;
        font-size: 15px;
    }
    .room-prices ul li {
        float: left;
        width: 50%;
        vertical-align: top;
    }
    .staynow-box ul li {
        padding-left: 35px;
        font-size: 17px;
    }
    .google-review-views h2,
    .main-heading,
    .staybox h2,
    .welecome-text h2 {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .hote-box-right {
        float: right;
        width: 225px;
    }
    .hote-box-left {
        float: left;
        width: 61%;
    }
    .price-rooms-inner123,
    .roombox-left {
        width: 100%;
        float: none;
    }
    .price-rooms-inner123 {
        margin-top: 20px;
    }
    .luxury-options {
        padding: 5px 25px;
        font-size: 17px;
        width: 98%;
    }
    .luxury-options1 {
        font-size: 18px;
        width: 65%;
    }
    .bayan-stay-wrapper-main-images {
        float: right;
        width: 40%;
    }
    .why-bayan-stay-green1 p {
        font-size: 11.4pt;
    }
    .bayan-stay-signin-img-box {
        float: left;
        width: 43%;
    }
    .bayan-stay-signin-text-startearning {
        width: 450px;
        float: left;
    }
    .banaystay-travel {
        float: left;
        width: 50%;
    }
    .bayan-stay-wrapper-signin {
        position: absolute;
        right: 0;
        top: inherit !important;
        bottom: 0;
        width: 399px;
        height: 450px;
    }
    .howmuch-example-box h3 {
        font-size: 15px;
    }
}
@media only screen and (max-width: 992px) {
    .giftbox {
        display: inline-block;
        width: 31%;
    }
    .giftbox:nth-child(5) {
        margin-right: 10px;
    }
    .officestaff-img {
        margin-left: 0;
    }
    .office-staff-text {
        width: 445px;
    }
    .links li,
    .logos-info,
    .logos-info img {
        width: 100%;
    }
    .cbp-hrmenu > ul > li > a {
        font-size: 12.5px;
    }
    .links li {
        display: block;
        margin-bottom: 10px;
    }
    .youtube-img img {
        width: 450px;
    }
    .main {
        display: inherit;
        clear: inherit;
        float: none;
    }
    .social-media-bnr li a,
    .top-bar-cont ul li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .get-contac p,
    .top-bar-cont ul li span {
        font-size: 12px;
    }
    .download-btn a span {
        display: none;
    }
    .banner-heading h1 {
        font-size: 50px;
        color: #fff;
        font-weight: 300;
        text-align: center;
        margin-top: 200px;
        margin-bottom: 60px;
    }
    .button-search,
    .search {
        vertical-align: top;
        width: 31% !important;
        display: inline-block;
        min-height: 85px;
        text-align: left;
    }
    .weekend-list ul li {
        width: 47%;
        margin: 6px;
    }
    .text-sec h2 {
        width: 96%;
    }
    .payment-section {
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
    }
    .img-payment {
        width: 46%;
    }
    .giftvoices-new {
        background-color: #e2fbe2;
        padding: 10px 10px 10px 80px;
    }
    .giftvoices-new h2 {
        padding: 0 25px;
        font-size: 13px;
        margin-bottom: 10px;
    }
    .giftvoices-new p {
        padding: 0 37px;
        font-size: 11px;
        text-align: center;
        color: #000;
        opacity: 0.5;
    }
    .complet-ament-box ul li {
        width: 31%;
        margin-bottom: 15px;
        height: 80px;
    }
    .dropdown-user,
    .menu {
        float: right;
    }
    .sm-img-gallery span {
        font-size: 16px;
    }
    .button-search {
        width: 100% !important;
    }
    .paynot-button {
        float: right;
        width: 100%;
    }
    .staynow-box ul li {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .staynow-box::before {
        height: 310px;
    }
    .staybox p {
        padding-bottom: 0;
    }
    .hotel-view {
        margin-bottom: 15px;
        width: 250px;
        margin-right: 15px;
    }
    .hotel-box-information {
        overflow: hidden;
        width: 55%;
    }
    .hote-box-left,
    .hote-box-right {
        float: none;
        width: 100%;
    }
    .info-icon .tooltip-text {
        background-size: 370px;
        width: 360px;
        font-size: 10px !important;
    }
    .info-icon:hover .tooltip-text {
        transform: translateX(0) translateY(0);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 99999;
        padding: 10px;
        width: 100%;
    }
    .info-icon .tooltip-text::before,
    .tooltip-bx::before {
        content: "Stay Now, Pay Later";
        background-color: #5eb809;
        font-weight: 600;
        color: #fff;
        padding: 7px 15px;
        font-size: 14px;
        border-radius: 90px;
        margin-bottom: 10px;
        margin-top: 20px;
        z-index: 999;
        position: absolute;
    }
    .info-icon .tooltip-text::before {
        left: 31px;
        top: 33%;
        display: none;
    }
    .tooltip-bx::before {
        left: 17px;
        top: -4px;
    }
    .tooltip-bx {
        background-color: #fff;
        padding: 58px 20px 20px;
        margin-top: 70%;
        border-radius: 10px;
        position: relative;
    }
    .tooltip-text .close-btn {
        position: absolute;
        top: 6px;
        right: 21px;
        color: #000;
        background: 0 0;
        border: none;
        font-size: 26px;
        cursor: pointer;
        left: inherit;
    }
    .luxury-options1 {
        padding: 5px 30px;
        font-size: 14px;
        width: 70%;
    }
    .search-seciton .banner-heading h1 {
        font-size: 45px;
    }
    .search-seciton .banner-heading h1 span {
        font-weight: 400 !important;
        font-style: italic;
        font-size: 35px;
    }
    .section-heading-pages-box h2 {
        margin-bottom: 30px;
        font-size: 35px;
    }
    .why-bayan-destination ul li {
        width: 45%;
    }
    .bayan-stay-wrappers-main-text h3 {
        padding-left: 0;
    }
    .bayan-stay-wrappers-main-text {
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .bayan-stay-header-new p {
        font-size: 18.3pt;
    }
    .bayan-stay-wrapper-main-images,
    .why-bayan-stay-green .bayan-stay-wrapper-main-images {
        float: none;
        margin: 0 auto;
        display: block;
        width: 50%;
    }
    .bayan-stay-signin-text-box,
    .bayan-stay-signin-text-startearning,
    .why-bayan-stay-signin .bayan-stay-header-new {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    .banaystay-travel,
    .bayan-stay-signin-img-box,
    .bayan-stay-signin-img-startearning {
        float: none;
        display: block;
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }
    .why-bayan-stay-signin .bayan-stay-header-new {
        text-align: center;
        margin-top: 0;
    }
    .btn-signins .btn-new-bayans {
        width: 280px !important;
        font-size: 13.9pt;
    }
    .bayan-stay-wrapper-signin {
        position: absolute;
        right: -7px;
        bottom: 0;
        width: 299px;
        height: 320px;
        top: inherit !important;
    }
    .howmuch-example-box {
        padding: 15px 5px;
        min-height: 480px !important;
    }
    .howmuch-example-box ul li {
        font-size: 14px !important;
        padding: 0 10px 66px 21px;
        font-weight: 300 !important;
        position: relative;
        text-align: left;
    }
    .howmuch-example-box ul li::before {
        left: 4px;
        top: 7px;
    }
    .how-much-can-you-earn p {
        font-size: 14px !important;
        padding: 0;
    }
    .how-much-can-you-earn h2 {
        font-size: 30.6pt;
    }
}
@media only screen and (max-width: 767px) {
    .contact-method,
    .large-img-gallery,
    .office-staff-text h3,
    .option_offers_icon1,
    .option_offers_icon2,
    .section_countity {
        margin-bottom: 20px;
    }
    .banner-heading h1,
    .breadcrumb-box,
    .cbp-hrmenu > ul > li:last-child a,
    .cbp-hrmenu > ul > li:nth-child(6) a,
    .topmenuleft p {
        color: #fff;
    }
    .ads-banner,
    .coupan,
    .howitswork,
    .menu,
    .only_bg,
    .scrolled .dropdown-user,
    .section-pyament::before,
    .shopping_heading,
    .social-icons,
    .social-media-links,
    .staynow-box::before,
    .text_info {
        display: none;
    }
    .cbp-hrmenu > ul > li,
    .main,
    .mobile_menu a,
    .mobile_menu a span,
    .room-prices ul,
    .s_hd {
        display: block;
    }
    .con-pro p {
        margin-bottom: 15px;
        min-height: auto;
    }
    .contact-method {
        background-color: #fff;
        padding: 5px;
        min-height: auto;
    }
    .contact-container h2,
    .detail-page h2,
    .helpcenter1,
    .helpcenter2,
    .helpcenter3,
    helpcenter {
        margin-bottom: 10px;
    }
    .contact-container {
        padding-left: 0;
    }
    .cbp-hrmenu .cbp-hrsub-inner .col-lg-6 > div,
    .completd img,
    .counting-signin img,
    .enquiry_form,
    .img-counts img,
    .img-paynow img,
    .instantly-monetize::before,
    .left_menu,
    .logos-info,
    .main,
    .over_products figure,
    .s_hd,
    .socialmedia,
    .submenu-inner-full,
    .why-bayan-destination-img img {
        width: 100%;
    }
    .links {
        width: 100%;
        margin: 0 0 20px;
    }
    .position_image {
        height: inherit;
    }
    .info_section_web {
        float: left;
    }
    .social_media_top {
        text-align: left;
        padding: 10px 0;
    }
    .banner-heading h1,
    .btm-buttom,
    .featruesbx,
    .freeguest,
    .giftvoices-new p,
    .mobile_menu,
    .priceandhotelbox_wrpper {
        text-align: center;
    }
    .email_template {
        padding: 0;
        min-height: 0;
        background: 0 0;
    }
    .emils_type,
    .new-btn {
        width: 100%;
        border-radius: 0;
    }
    .footer_social_media h4 {
        width: 100%;
        margin-bottom: 20px;
    }
    .cbp-hrmenu .cbp-hrsub-inner,
    .cbp-hrmenu .cbp-hrsub-inner .col-lg-6 > div,
    .col-lg-6,
    .img-paynow-request,
    .my-tabs-text {
        padding: 0;
    }
    .banner-inr h2,
    .my-ld li {
        margin: 0;
    }
    .mobile_menu {
        margin: 0 auto 10px;
        clear: both;
        z-index: 999999;
        padding-top: 5px;
        float: right;
    }
    .mobile_menu a span {
        margin-bottom: 5px;
        height: 5px;
        background: #000;
    }
    .bayan-stay-images-want1,
    .menu {
        margin-top: 30px;
    }
    .cbp-hrmenu .cbp-hrsub,
    .headers {
        position: inherit;
    }
    .pro_imgs {
        float: right;
        margin: 0 0 0 20px;
    }
    .main,
    .scrolled .logo a img {
        margin-top: 0;
    }
    .s_hd1 {
        width: 32%;
    }
    .main {
        clear: both;
        float: none;
    }
    .banners .slider-container .slider__item {
        min-height: 200px;
        position: relative;
        height: 275px;
    }
    .slick-next {
        right: 24px !important;
        z-index: 99999;
    }
    .social-icons {
        opacity: 0.7;
        margin-bottom: 13px;
        overflow: hidden;
    }
    .top-menu-left {
        background: url(../images/top-bg.jpg) center top;
        height: auto;
    }
    .submenu-inner-full li {
        float: none;
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 100%;
    }
    .section-right-area,
    .section-right-area1 {
        float: none;
        margin: 0;
    }
    .professional,
    .staybox {
        margin: 30px 0;
    }
    .headerNav {
        height: auto;
    }
    .menu {
        float: none;
    }
    .links-left,
    .price-rooms span {
        width: 100%;
        display: block;
    }
    .f1 {
        display: none !important;
    }
    .top-headers {
        background-color: #7418a5;
        height: auto;
    }
    .cont-wrp,
    .main-containter {
        position: inherit;
        overflow: inherit;
    }
    .menu-wrapper {
        height: auto;
        background-color: #fff;
    }
    .topmenuleft p {
        line-height: normal;
    }
    .mobile_menu {
        width: 36px;
        margin-top: -65px;
        position: absolute;
        right: 15px;
    }
    .cbp-hrmenu > ul > li > a {
        text-align: left;
        color: #000;
    }
    .banner-inr {
        background-size: cover;
        min-height: auto;
        position: relative;
        overflow: hidden;
        padding: 40px 0;
    }
    .logos-company ul li {
        width: 49%;
    }
    .cbp-hrsub {
        width: 99% !important;
    }
    .slick-next,
    .slick-prev {
        top: -70px !important;
    }
    .slick-prev {
        right: 79px !important;
        z-index: 99999;
        left: inherit !important;
    }
    .project-detail-page {
        height: 230px;
    }
    .logo {
        margin: 0 !important;
        padding: 0 !important;
        float: left;
    }
    .logo a img {
        width: 160px;
        margin-top: -15px;
    }
    .button-search,
    .search {
        width: inherit !important;
        min-height: auto !important;
    }
    .price-range,
    .search-city {
        width: 96% !important;
    }
    .price-range,
    .select-date,
    .select-people {
        width: 46% !important;
    }
    .bayan-stay-wrappers-main-page1 .bayan-stay-wrappers-main-text,
    .button-search,
    .officestaff-img img,
    .startearning-signin img {
        width: 100% !important;
    }
    .button-search a {
        width: 100%;
        height: 52px;
        font-size: 21px;
        border-radius: 10px;
    }
    .welcome-img {
        width: 100%;
        float: none;
    }
    .welecome-text h2 {
        margin-top: 15px;
    }
    .weekend-list ul li {
        width: 100%;
        margin: 6px 0;
    }
    .stay-text-offer h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .footer-links,
    .giftvouchre {
        margin: 10px 0;
    }
    .holiday-hotel-1 .slick-next,
    .holiday-hotel-2 .slick-next {
        left: 69% !important;
        top: -20% !important;
        z-index: 999;
    }
    .holiday-hotel-3 .slick-next {
        left: 69% !important;
        bottom: -25% !important;
        z-index: 999;
        top: inherit !important;
    }
    .holiday-hotel-1 .slick-prev,
    .holiday-hotel-2 .slick-prev {
        left: 30% !important;
        top: -20% !important;
        z-index: 999;
    }
    .holiday-hotel-3 .slick-prev {
        left: 30% !important;
        bottom: -25% !important;
        z-index: 999;
        top: inherit !important;
    }
    .cbp-hrmenu > ul > li:last-child {
    }
    .inner-headings {
        left: 0;
        height: 213px;
    }
    .breadcrumb-box {
        top: 60px;
    }
    .hotel-view {
        width: 100%;
        margin: 0 0 15px;
    }
    .hote-box-right,
    .price-rooms {
        float: none;
        width: 100%;
        display: block;
        position: inherit;
    }
    .hote-box-left {
        float: none;
        width: 100%;
        display: block;
    }
    .hote-box-right .star-rating {
        float: none;
        width: 100%;
        overflow: hidden;
        clear: both;
        display: block;
        margin-top: 10px;
    }
    .price-rooms h5 span {
        display: inline;
    }
    .header-innerpage .logo a img {
        width: 94px;
        margin-top: 0;
    }
    .scrolled .headers {
        min-height: 75px;
    }
    .header-innerpage .dropdown-user {
        float: right;
    }
    .dropdown-user {
        margin-top: -20px;
        margin-right: 15px;
        float: none;
    }
    .dropdown-menu.show {
        display: block;
        z-index: 999999;
    }
    .headers {
        min-height: 90px;
    }
    .dropdown-user .btn-secondary {
        color: #000;
    }
    .signin-pic {
        float: none;
        display: block;
        margin: 0 0 20px;
        width: 100%;
    }
    .signin-content {
        padding: 15px;
    }
    .img-payment {
        width: 100%;
        padding: 0;
        margin: 0 0 30px;
        float: none;
        display: block;
    }
    .btm-buttom {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .search-seciton .banner-heading h1,
    .section-heading-pages-box h2,
    .section-pyament h2 {
        font-size: 30px;
    }
    .payment-sign {
        border: none;
        margin-bottom: 0;
    }
    .img-text p {
        color: #162c5b;
        opacity: 1;
        font-size: 20px;
        font-weight: 300;
        padding: 0;
        margin: 0 0 15px;
    }
    .breadcrumb-box h1 {
        font-weight: 400;
        font-size: 28px;
    }
    .detail-left-hotel {
        float: right;
        margin-top: 0;
    }
    .giftvoices-new {
        background-color: #e2fbe2;
        padding: 10px 10px 10px 60px;
    }
    .giftvoices-new p {
        padding: 0 37px;
        font-size: 11px;
        color: #000;
        opacity: 0.5;
    }
    .giftvoices-new h2::after {
        position: absolute;
        right: 7px;
    }
    .section-owner p {
        font-size: 13px;
        color: #000;
        opacity: 0.7;
        line-height: normal;
    }
    .hotelinfo h2 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
    }
    .tapbs .nav-link {
        color: #000;
        width: 33%;
    }
    .complet-ament-box h2 {
        width: 100%;
        font-size: 21px;
    }
    .complet-ament-box h3 {
        float: left;
        padding: 5px 10px;
        font-size: 14px;
        color: #fff;
        background-color: #dc4b30;
        border-radius: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .complet-ament-box ul li {
        width: 46%;
        margin-bottom: 15px;
    }
    .comments h2 {
        margin-bottom: 15px;
        font-weight: 600;
        font-size: 26px;
    }
    .comments {
        padding: 15px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 20px;
        margin-bottom: 20px;
    }
    .hote-box-left h3,
    .hotelroom-pic {
        margin-bottom: 15px;
    }
    .detail-right-hotel ul li {
        margin-top: 5px;
    }
    .booking-price-box li:last-child p,
    .booking-price-box li:last-child span,
    .google-review-views h3,
    .terms-box .section-title {
        font-size: 20px;
    }
    .terms-box .content-box {
        padding: 20px;
    }
    .roombox {
        border: 1px dotted rgba(0, 0, 0, 0.1) !important;
    }
    .hotel-room-listing {
        padding: 10px;
    }
    .room-prices {
        border: none;
        padding-top: 0;
    }
    .hotel-left {
        overflow: inherit;
        position: inherit;
        padding-right: 0;
    }
    .cont-wrp,
    .hotel-left ul li,
    .roombox-left {
        overflow: hidden;
    }
    .hotel-left ul li {
        display: block;
        width: 50%;
        min-height: 75px;
        vertical-align: top;
    }
    .hotelroom-pic {
        float: none;
        display: block;
    }
    .deletes {
        position: absolute;
        top: -100px;
        right: 5px;
    }
    .cont-wrp,
    .d-blocks,
    .tooltip-bx {
        position: relative;
    }
    .hotel-left ul li:first-child {
        background-color: rgba(0, 0, 0, 0.05);
    }
    .hotel-left ul li:last-child {
        background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .hotel-left ul li:nth-child(2n),
    .tooltip-bx {
        background-color: #fff;
    }
    .button-search button {
        margin-bottom: 15px;
        width: 96%;
        height: 60px;
    }
    .room-prices ul li {
        flex: inherit;
        flex: inherit;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .paynot-button {
        float: right;
        width: 100%;
    }
    .hote-box-right,
    .price-rooms,
    .roombox {
        min-height: inherit;
    }
    .box-hotel {
        min-height: inherit !important;
    }
    .pagination .page-item .page-link {
        width: inherit;
        height: inherit;
        border-radius: inherit;
    }
    .roombox-left {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .detail-left-hotel {
        margin-bottom: 6px;
    }
    .star-rating {
        margin-bottom: 0;
    }
    .popular-box ul li {
        width: 50%;
    }
    .google-review-views p,
    .staybox p,
    .welecome-text p {
        line-height: 22px;
    }
    .staynow-box {
        padding: 10px;
        margin-bottom: 15px;
    }
    .staynow-box h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #000;
        padding-left: 35px;
        background-size: 26px;
    }
    .staynow-box ul li {
        padding-left: 35px;
        font-size: 13px;
    }
    .banner .row {
        width: 100%;
        margin: 0 auto;
    }
    .banner-heading h1 {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 29px;
        font-family: Quicksand, sans-serif;
        font-weight: 700;
    }
    .banner-heading h1 span {
        font-family: Quicksand, sans-serif;
        font-weight: 400 !important;
        font-style: italic;
        font-size: 30px;
    }
    .banner-image,
    .banner::before {
        height: 700px;
    }
    #return-to-top {
        right: 15px;
    }
    .mobile_menu .scrolled {
        margin-top: -54px;
    }
    .google-review-views h3 img {
        width: 130px;
        margin-left: 10px;
    }
    .google-review-views {
        padding-right: 0;
        margin-top: 0;
    }
    .custom_pp .or {
        width: 100%;
        clear: both;
        display: block;
    }
    .my-tabs-text p,
    .price-rooms span {
        text-align: center !important;
    }
    .googleviewbox p {
        text-align: justify !important;
    }
    tooltip-text .close-btn {
        left: 310px;
    }
    .tooltip-text p {
        font-size: 11px;
        text-align: left !important;
    }
    .heading-bookinfo {
        margin-left: 6px;
        transform: skew(344deg);
        width: 96%;
    }
    .bookpayment-box {
        margin-left: 31px;
        padding: 20px 24px 10px 28px;
        transform: skew(344deg);
        width: 81%;
    }
    .bookpayment-box p,
    .heading-bookinfo span {
        transform: skew(-344deg);
    }
    .luxury-options,
    .welecome-text h3 {
        font-size: 15px;
    }
    .info-icon .tooltip-text {
        background-size: 370px;
        width: 360px;
        font-size: 10px !important;
    }
    .info-icon:hover .tooltip-text {
        transform: translateX(0) translateY(0);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 99999;
        padding: 10px;
    }
    .info-icon .tooltip-text::before,
    .tooltip-bx::before {
        content: "Stay Now, Pay Later";
        background-color: #5eb809;
        color: #fff;
        padding: 7px 15px;
        font-size: 14px;
        border-radius: 90px;
        margin-bottom: 10px;
        margin-top: 20px;
        z-index: 999;
        position: absolute;
        font-weight: 600;
    }
    .info-icon .tooltip-text::before {
        left: 31px;
        top: 33%;
        display: none;
    }
    .tooltip-bx::before {
        left: 17px;
        top: -4px;
    }
    .tooltip-bx {
        padding: 58px 20px 20px;
        margin-top: 70%;
        border-radius: 10px;
    }
    .tooltip-text .close-btn {
        position: absolute;
        top: 6px;
        right: 21px;
        color: #000;
        background: 0 0;
        border: none;
        font-size: 26px;
        cursor: pointer;
        left: inherit;
    }
    .google-review-views h2,
    .main-heading,
    .staybox h2,
    .welecome-text h2 {
        font-size: 23px;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: normal;
    }
    .staybox p {
        font-size: 13px;
    }
    .google-review-views p,
    .welecome-text p {
        font-size: 13px;
        line-height: normal;
    }
    .aboutuspage p {
        font-size: 14px;
        opacity: 0.8;
        line-height: normal;
    }
    .aboutuspage h2 {
        font-size: 23px;
        font-weight: 600;
        line-height: normal;
        margin: 0;
    }
    .hotel-box-information {
        overflow: hidden;
        display: block;
        width: 100%;
        float: none;
    }
    .cont-msg h2,
    .contact-container h2 {
        font-size: 23px;
    }
    .search-seciton .banner-heading h1 span,
    .tabs-text h2 {
        font-size: 26px;
    }
    .tooltip-guest .tooltip-bx {
        padding: 58px 20px 20px;
        margin-top: 14%;
        border-radius: 10px;
    }
    .payment-section {
        overflow: hidden;
        padding: 0 !important;
        margin: 0 !important;
        border: none;
    }
    .booking-price-box {
        padding: 23px 5px;
        margin: 20px 0;
    }
    .booking-price-box li span {
        font-size: 15px;
        padding: 5px;
    }
    .booking-price-box li p {
        font-size: 15px;
        padding-top: 6px;
    }
    .payment-section p strong {
        color: #162c5b;
        font-weight: 600;
        font-size: 15px !important;
    }
    .booking-price-box::before {
        left: 0 !important;
        width: 100px;
        height: 119px;
        background-size: 100px;
    }
    .staybox h2 {
        margin-top: 20px;
    }
    .freeguest {
        margin-bottom: 10px;
    }
    .booking-price-box::after {
        width: 70px;
        height: 70px;
        background-size: 70px;
    }
    .booking-price-box p strong {
        background-color: #dceee5 !important;
        color: #1c7a61 !important;
        border-radius: 10px;
        font-size: 14px !important;
    }
    .tooltip-guest .tooltip-bx::before,
    .tooltip-guest .tooltip-text::before {
        content: "Free Upgrade";
        background-color: #e8597c;
        color: #fff !important;
    }
    .tabs-text h2 {
        margin: 30px 0 75px -30px;
    }
    .custom_inner_sub_section h2 {
        font-size: 28px;
        width: 280px;
        margin: -90px 0 15px -40px;
    }
    .custom_inner_sub_section p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .custom_inner_sub_section ul li {
        font-size: 16px;
    }
    .custom_inner_sub_section {
        padding: 30px 10px 10px;
    }
    .bayan-stay-wrappers-main-page,
    .roombox-left {
        overflow: inherit;
    }
    .luxury-options1 {
        width: 95%;
    }
    .features-main-heading {
        padding: 10px 20px !important;
        font-size: 17px !important;
        margin: 0 auto;
        text-align: center;
        float: none;
        display: inline-block !important;
    }
    .display-w,
    .my-tabs-text-inner-tag p,
    .upgradebox p {
        text-align: left !important;
    }
    .upgradebox h2 {
        display: block;
        clear: both;
        width: 100%;
        font-size: 20px !important;
    }
    .my-tabs-text-inner-tag p {
        font-size: 15px !important;
    }
    .room-prices ul li .roombox {
        border: none !important;
    }
    .room-prices ul li {
        margin: 10px 0;
        border: 1px solid #01bf63 !important;
        border-radius: 10px;
    }
    .price-rooms-inner123 {
        margin-top: 20px;
        padding-top: 0;
    }
    .detail-page h2 {
        font-weight: 500;
        font-size: 25px;
    }
    .features-main-heading1 {
        margin: 20px 0;
        padding: 10px 55px !important;
    }
    .features-main-heading2 {
        margin-top: 40px !important;
        margin-bottom: 90px !important;
        padding: 10px 30px !important;
    }
    .view-alls {
        padding: 5px 10px;
        font-size: 15px;
    }
    .myaccountbox .select2-container--default .select2-selection--single {
        border: 1px solid #ccc;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.11);
        height: 62px;
        color: #000;
        padding-left: 45px;
        font-size: 20px;
        font-weight: 300;
        padding-top: 15px !important;
    }
    .userinfo-edit {
        padding-bottom: 5px;
    }
    .section-heading-pages-box p {
        font-size: 18px;
    }
    .section-search-pages-box p {
        margin-bottom: 25px;
        font-size: 17px;
    }
    .section-search-pages-box h3 {
        width: 290px;
        height: 65px;
        font-size: 21px;
    }
    .section-search-pages-box h3::before {
        left: -29px;
        top: -3px;
        background-size: 52px;
        height: 74px;
        width: 70px;
    }
    .why-bayan-destination ul li {
        height: auto;
        width: 100%;
        display: block;
        margin: 20px 0;
    }
    .img-counts {
        width: 40px;
        float: left;
        margin-right: 6px;
        margin-top: -7px;
    }
    .bayan-stay-wrappers-main-text h3 {
        overflow: hidden;
        display: block;
        width: 100%;
        font-size: 20.3pt;
        overflow: inherit;
    }
    .bayan-stay-wrappers-main-text p {
        font-size: 13.4pt;
        margin-bottom: 20px;
    }
    .new-bottomupgrade {
        margin-bottom: 23px;
    }
    .padding-mt-bayan {
        padding: 40px 0;
    }
    .bayan-stay-wrapper-main-images,
    .why-bayan-stay-green .bayan-stay-wrapper-main-images {
        float: none;
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    .banaystay-travel,
    .bayan-stay-signin-img-box,
    .bayan-stay-signin-img-startearning {
        float: none;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .bayan-stay-header-new-monetize h2,
    .bayan-stay-signin-text-box h2,
    .why-bayan-stay-Travel h2 {
        font-size: 30.6pt;
    }
    .newbayan-wrapper-txt h4 {
        font-size: 18.5pt;
    }
    .bayan-first-img-text {
        color: #38b6ff;
        font-size: 40.1pt;
    }
    .bayan-first-img img {
        width: 80%;
    }
    .bayan-stay-wrapper-signin {
        position: inherit;
        right: -7px;
        bottom: 0;
        width: 284px;
        height: 320px;
        top: inherit !important;
    }
    .bayan-stay-header-new p {
        font-size: 14.3pt;
        line-height: normal;
        margin-bottom: 22px;
    }
    .travel-programe,
    .travel-programe-Bayan-Stay {
        padding: 30px 10px;
        margin-bottom: 20px;
        min-height: inherit;
        border-radius: 36px;
    }
    .startearning-signin {
        padding: 30px 0;
    }
    .bayan-stay-signin-text-startearning ul li h3 {
        color: #1256c4;
        font-size: 14.4pt;
    }
    .why-bayan-stay-signin .bayan-stay-header-new h2 {
        font-size: 39.9pt;
        color: #000;
        line-height: normal;
    }
    .instantly-monetize {
        position: relative;
        font-size: 24pt;
    }
    .counting-signin {
        margin-right: 6px;
        width: 30px !important;
        height: 30px;
        float: left;
    }
    .bayan-stay-signin-text-startearning ul li p {
        font-size: 12.4pt;
        text-align: left;
    }
    .travel-programe ul li,
    .travel-programe-Bayan-Stay ul li {
        font-size: 13pt;
        background-size: 27px;
        padding-left: 37px;
        margin-bottom: 10px;
    }
    .bayan-stay-signin-text-box ul li h3 {
        font-family: "League Spartan", sans-serif;
        font-size: 18.6pt;
        background-size: 35px;
        padding-left: 37px;
        margin-bottom: 0;
    }
    .bayan-stay-signin-text-startearning h2 {
        line-height: normal;
    }
    .btn-signins .btn-new-bayans,
    .why-bayan-stay-signin .btn-new-bayans {
        width: 260px !important;
        font-size: 11.9pt;
        height: 40px;
    }
    .why-bayan-stay-signin {
        padding: 50px 0;
    }
    .bayan-stay-header-new h2,
    .new-bottomupgrade {
        font-size: 33pt;
        line-height: normal;
    }
    .bayan-stay-images-want {
        width: 65% !important;
    }
    .office-staff-text {
        float: none;
        width: 100%;
        text-align: left;
        display: block;
    }
    .bayan-stay-signin-img-startearning19,
    .officestaff-img {
        float: none;
        margin: 0 auto;
        display: block;
        width: 65% !important;
    }
    .bayan-come-again h2,
    .bayan-stay-signin-text-startearning h2 {
        font-size: 30.6pt;
        text-align: center;
    }
    .startearning-signin h2,
    .why-bayan-stay-signin .bayan-stay-header-new h2 {
        margin-bottom: 20px !important;
    }
    .office-staff-text p {
        font-size: 13.4pt;
    }
    .officestaff {
        padding: 50px 0 80px;
        margin-top: 30px;
        position: relative;
    }
    .bayan-stay-signin-text-box p {
        color: #000;
        font-family: canva_sansbold_italic;
        font-size: 17.3pt;
        margin-bottom: 25px;
        opacity: 1;
    }
    .bayan-stay-header-new-monetize p {
        font-size: 17.3pt;
    }
    .instantly-monetize {
        width: 100%;
        display: block;
        margin-bottom: 50px;
    }
    .travel-programe h2,
    .travel-programe-Bayan-Stay h2 {
        font-size: 22.4pt;
    }
    .bayan-stay-wrappers-main-page1 .btn-new-bayans {
        width: 200px;
        height: 47px;
        font-size: 14.9pt;
        margin-top: 20px;
    }
    .bayan-stay-header-new-monetize h2 span {
        width: 100%;
        clear: both;
        overflow: hidden;
        display: block;
    }
    .officestaff .btn-signins {
        position: absolute;
        width: 100%;
        bottom: 25px;
        left: 0;
    }
    .officestaff-img {
        margin-top: -20px;
    }
    .howmuch-example-box {
        min-height: auto !important;
        margin-bottom: 20px;
    }
    .howmuch-example-box {
        border-radius: 5px;
    }
    .how-much-can-you-earn h2 span {
        clear: both;
        width: 100%;
        display: block;
        overflow: hidden;
    }
    .howmuch-example-box h3 {
        font-size: 20px;
    }
    .howmuch-example-box ul li {
        font-size: 16px !important;
    }
    .giftbox {
        display: inline-block;
        width: 45.5%;
    }
    .installment-box h2,
    .price-listbox h2 {
        font-size: 17px;
    }
    .price-range {
        width: 95% !important;
    }
    .tooltip-guest .tooltip-bx {
        overflow: hidden;
    }
    .giftvoucher-box .tooltip-bx ul li {
        width: 70px;
        height: 70px;
    }
    .giftvoucher-box .tooltip-text::before {
        content: "Gift Voucher" !important;
        background-color: #ffde59 !important;
        color: #000 !important;
    }
    .giftvoucher-box .tooltip-guest .tooltip-bx::before {
        content: "Gift Voucher" !important;
        background-color: #ffde59 !important;
        color: #000 !important;
    }
    .cbp-hrmenu > ul > li:nth-child(6) a {
        color: #000 !important;
    }
    .cbp-hrmenu > ul > li:nth-child(6) a:hover {
        color: #fff !important;
    }
    .cbp-hrmenu > ul > li:nth-child(6):hover a {
        color: #fff !important;
    }

    .custom_message_suggestion p {
 
  font-size: 15px;

}
.custom_message_suggestion {

  padding: 35px 20px;
  width: 90%;
  
}
.custom_message_suggestion::before {

  left: -20px;
  top: -20px;
  background-size: 40px;
}
.custom_message_suggestion::after {

  right: -20px;
  bottom: -20px;
  background-size: 40px;
  
}

/* 18.10.2025 */


.custom_popular_facilities {
	background-color: #fef5cc !important;
	margin-top: 25px;
}
.custom_popular_facilities ul{
    padding: 20px 10px 10px 10px;
} 
.custom_popular_facilities ul li{
background-size: 25px;    width: 50%;
    font-size: 14px;min-height: 25px;    padding-left: 34px;
    padding-top: 0;
}
}