@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root{
    --hue:216;
    --title_font:'Inter', sans-serif;
    --font_primary: 'Inter', sans-serif;
    --primary_color:hsl(var(--hue), 98%, 52%);
    --primary_color_100:hsl(var(--hue), 98%, 98%);
    --secondary_color:#00D9FF;
    --dark_text_color:#111217;
    --light_text_color:#555555;
    --shadow:0 4px 30px rgba(0,0,0,.16);
    --card_shadow: 0px 0px 20px rgba(50, 56, 66, 0.2);
    --transition_animation: all ease 0.3s;
}
iframe::-webkit-scrollbar{width:5px;height:3px}
iframe::-webkit-scrollbar-track{background-color:#fff}
iframe::-webkit-scrollbar-thumb{background-color:var(--primary_color)}
html body.modal-open{padding-right:0!important;overflow-y:inherit!important}
html{scrollbar-color:var(--primary_color) #faebd7;scrollbar-width:thin;scroll-behavior: smooth;}
body,html{height:100%}
html body{font-family:var(--font_primary);font-size:16px;color:var(--light_text_color)}
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;transition:all ease .3s}
h1,h2,h3{font-weight:600;color:var(--dark_text_color);font-family:var(--title_font)}
h4,h5,h6{font-weight:600;color:var(--dark_text_color);font-family:var(--font_primary)}
ul{list-style:none;margin:0;padding:0}
p{line-height:1.5}

a:focus,a:hover{color:var(--blue_color)}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.sbh_logo{text-decoration: none; font-size: 1.5rem; font-weight: 700;  color: white; text-transform: uppercase; line-height: 1; height: 40px;}
.sbh_logo img{width: 100%; height: 100%;}
.bg_light{background-color: var(--primary_color_100);}

.home_intro_sec{width: 100%; text-align: center; max-width: 800px; margin: 0 auto; padding: 20px 0;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show,.nav-link:focus, .nav-link:hover{color: var(--primary_color);}
/* .map_frame,
.list_frame{height:calc(100vh - 57px); width: 100%;} */
.map_frame{height:480px; width: 100%;}
.list_frame{height: 100vh; max-height: 768px; width: 100%;scrollbar-color:var(--primary_color) #faebd7;scrollbar-width:thin;scroll-behavior: smooth;}
.rental_list_iframe,.hotel_list_iframe{height: calc(100vh - 199px); width: 100%; min-height: 400px;scrollbar-color:var(--primary_color) #faebd7;scrollbar-width:thin;scroll-behavior: smooth;}
iframe body .js-price{font-size: 14px;}
.views_tabs {
    width: 100%;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f5f5f5;
    padding: 3px;
    border-radius: 10px;}
    .views_tabs.nav-pills .nav-link.active, .views_tabs.nav-pills .show > .nav-link{ background-color: var(--primary_color);}
.views_tabs .nav-link{
    font-size: 14px;
    font-weight: 600;
    color: var(--light_text_color);
}

.page_top{background-color: var(--primary_color); background-image: url('../images/bg.svg'); background-repeat: no-repeat; background-position: right top; background-size: contain; padding: 2rem 0;}
.page_top h1{color: white;}
.page_top p{color: white; opacity: 0.85;}

.history_img2 img{max-height: 660px; object-fit: cover; width: 100%; object-position: bottom;}


.altr_list .img_block{display: block; height: 400px; margin: 0 auto; width: 100%; position: relative;}
.altr_list .img_block::before{content: ""; width: 100px; height: 50px; background-color: var(--primary_color); position: absolute; bottom: -20px; right: -10px; z-index: 2; transform: rotate(-10deg);}
.altr_list .img_block::after{content: ""; width: 100px; height: 50px; background-color: var(--secondary_color); position: absolute; top: -20px; left: -10px; z-index: 2; transform: rotate(-10deg);}
.altr_list .img_block img{display: block; height: 100%; width: 100%; object-fit: cover; transition: all ease 0.3s;}
.altr_list .txt_block{display: flex; height: 100%; justify-content: center; flex-direction: column; max-width: 500px; margin: 0 auto;}
.altr_list .row:nth-child(odd) .col-md-6:nth-child(2){order: 2;}
.altr_list .row:nth-child(even) .col-md-6:nth-child(1){order: 1;}
.altr_list .row:hover .txt_block h3{color: var(--primary_color);}
.altr_list .row:hover .img_block img{transform: scale(1.01);}
.altr_list .txt_block p{margin-bottom: 0;}


.card_list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;}
.card_list li{ background-color: white; box-shadow: rgba(0, 0, 0, 0.02) 0px 6px 24px 0px, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px; padding: 1rem; position: relative;}
.card_list li::before{content: ""; width: 50px; height: 2px; background-color: var(--primary_color); position: absolute; top: 0px; left: 1rem; z-index: 2; transition: all ease 0.3s;}
.card_list li:hover::before{width: 100%; left: 0;}
.card_list li b{display: block; margin-bottom: 0.8rem;}
.card_list li:hover b{color: var(--primary_color);}

.no_fee_modal .modal-dialog{ max-width: 600px;}
.no_fee_grp {
    text-align: center;
    padding: 2rem 0.5rem;
}
.sl_text {
    padding: 2rem;
    background-color: var(--primary_color_100);
    display: flex;
    gap: 1rem;
    border-radius: 0 0 1rem 1rem;
    font-size: .875rem;
}
.no_fee_modal button.btn-close {
    position: absolute;
    right: 10px;
    top: 10px; z-index: 2;
}
.no_fee_modal a{text-decoration: none; font-weight: 600;}
footer {background-color: var(--dark_text_color); padding: 2rem 0.5rem;}
.copy_right {font-size: 0.875rem; color: white; opacity: 0.6; margin: 0 auto; text-align: center;}