.sidebar a { color: white; text-decoration: underline }

.heading-type-1 .heading h1{
    font-family: var(--font-heading);
    font-size: 48px;
    line-height: 54px;
    font-weight: 500;
}
.top-slider-type-1 {
    margin-top: 141px;
    margin-bottom: 80px;
}
.listing-page .heading-type-1{
    margin-top: 0;
    margin-bottom: 66px;
}
.heading-1-section .tag{
    margin-bottom: 42px;
    font-size: 14px;
    line-height: 24px;
}
.listing-page .right-heading-1{
    flex-direction: column;
}
.social-items{
    display: flex;
}
.price-type-1{
    font-size: 32px;
    font-family: var(--font-body);
    font-weight: 300;
    line-height: 42.24px;
    color: #222529;
    text-align: right;
    margin-bottom: 28px;
}
.listing-content{
    display: flex;
    justify-content: space-between;
}
.border-block{
    border: 1px solid #DFE2E6;
    padding: 36px 42px;
    margin-bottom: 42px;
}
.f-left h2{
    margin: 0;
}
.overview .infor-items{
    flex-direction: column;
}
.row {
    display: flex;
    /* justify-content: space-between; */
}
.tongle-arrow{
    position: relative;
    cursor: pointer;
}
.tongle-arrow::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(../svg/arrow-up.svg);
    top: 50%;
    right: 20px;
    transform: translate(-50%, -50%);
}
h2.section-title{
    margin-bottom: 20px;
    font-size: 24px;
    font-family: var(--font-body);
    line-height: 38px;
    font-weight: 500;
    /* padding: 13px 0; */
    color: #222529;
}
.discover-wrapper {
    display: flex;
    justify-content: space-between; 
    flex-wrap: wrap; 
}

.article {
    flex: 1; 
    margin-right: 32px; 
}

.article:last-child {
    margin-right: 0; 
}

.horizontal-list {
    display: flex;
    list-style-type: none; 
    padding: 0; 
    margin-bottom: 38px;
}
.horizontal-list li {
    margin-right: 62px;
}
.horizontal-list li:last-child {
    margin-right: 0; 
}
.article-image{
    margin-bottom: 20px;
}
.article-content{
    margin-bottom: 46px;
    color: #222529;
}
.article-content h3{
    margin-bottom: 4px;
    margin-top: 0;
    line-height: 28px;
}
.article-content h3 a{
    font-size: 24px;
    font-family: var(--font-body);
    font-weight: 500;
    color: #222529;
    transition: none;
}
.article-content h3 a:hover{
    color: var(--color-brown-3);
    text-decoration: none;
}
.article-info,
.article-info a{
    color: #4A505666;
}
.overview  .info-item{
    width: 25%;
    align-items: center;
}
/* Sliders */
.form-slider .swiper-pagination-bullet{
    background-color: #FFF;
    height: 6px;
    width: 6px;
}
.form-slider .swiper-pagination-bullet-active{
    background-color: #FFF;
    width: 22px;
    border-radius: 5px;
}
.form-slider .swiper-horizontal>.swiper-pagination-bullets, .form-slider .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 13px;
}
.top-form-buttons{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.top-form-buttons button{
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 24px;
    padding: 12px 29px;
}
.top-form-buttons button:hover{
    background: #F1F3F5;
    color: #222529;
}
.listing-content .f-left{
    width: 1160px;
}
.listing-content .f-right{
    width: 435px;
}
.btn.active{
    background: #F1F3F5;
    color: #222529;
}
.top-form {
    display: flex;
    margin-bottom: 25px;
}
.error-message{
    color: red;
    font-size: 12px;
}
.firstname-lastname{
    display: flex;
    justify-content: space-between;
}
.firstname-lastname input{
    margin-right: 13px;
}
.firstname-lastname input:last-child{
    margin-right: 0;
}
.form-slider .type-block label{
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 16px;
}
.form-slider .form-group select, 
.form-slider .form-group input,
.form-slider .form-group textarea{
    /* padding: 10px; */
}
.form-slider .form-group textarea{
    padding: 10px;
    font-family: var(--font-body);
}
.form-group textarea::placeholder{
    font-family: var(--font-body);
    font-size: 14px;
}
.phone-group {
    display: flex;
    justify-content: space-between;
}
#flats{
    width: 69px;
    margin-right: 16px;
    position: relative;
}
.message-type textarea {
    width: 100%;
    min-height: 84px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 300;
}
.message-type textarea::placeholder {
    color: #FFF;
}
.location-icon {
    margin-right: 12px;
}
.flat1{
    background-image: url('../index.html');
    background-repeat: no-repeat;
}
.current-steps {
    flex: 1;
    text-align: center;
}
.listing-page .btn-placeholder{
    /* flex: none; */
    width: 100px;
}
.form-slider .form-btn{
    margin-top: 80px;
    align-items: center;
}
.form-slider .btn.send,
.form-slider .btn.next,
.form-slider .btn.back{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 48px;
    height: 48px;
    max-width: 100px;
}
.form-slider .btn.back{
    background: #F1F3F5;
}
.form-slider .btn.back span{
    color: #000;
}
.form-slider .btn.next::after{
    display: none;
}
.form-slider .btn.back::before{
    display: none;
}
.form-slider .swiper-pagination{
    z-index: 0;
}
.social-items.mobile{
    display: none;
}
.request-mobile {
    width: 100%;
    background: #191B1C;
    height: 48px;
    display: none;
    align-items: center;
    color: #F1F3F5;
    padding: 0 24px;
}
.form-content ul#country-select {
    position: absolute;
    display: none;
    top: 0;
    background: #191B1C;
    z-index: 2;
}

.form-content ul#country-select li img {
    width: 32px;
    height: auto;
}

.form-content #selected-flag img {
    width: 32px;
    height: auto;
}

.form-content span#selected-flag {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
}

.form-content span#selected-flag svg {
    height: 32px;
    margin-left: 10px;
}

.form-content span#selected-flag.active svg{
    transform: rotateX(180deg);
}
.border-block .info-item span{
    font-size: 14px;
    line-height: 24px;
    color: #4A505699;
}
.top-slider-type-1 .swiper-button-next,
.top-slider-type-1 .swiper-button-prev{
    width: 64px;
    height: 64px;
    background: rgba(242, 241, 231, 0.4);
    opacity: 0.8;
    border-radius: 64px;
}
.top-slider-type-1 .swiper-button-prev:after ,
.top-slider-type-1 .swiper-button-next:after{
    color: #FFF;
    font-size: 20px;
}
.sticky {
    position: sticky;
    top: 0;
}
.video-wrapper iframe { 
    width: 100%;
    aspect-ratio: 16 / 9;
}
.listing-content .top-card-item{
    margin-bottom: 0;
}
.desc-wrapper {
    text-align: justify;
}
.addition-comment textarea{
    width: 100%;
    margin-top: 12px;
}
.regions-type .full-width{
    margin-bottom: 12px;
} 
.full-width .region{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.full-width .region span{
    width: 45%;
}
.form-content-wrapper{
    /* height: 450px;
    overflow-y: scroll; */
    width: 100%;
    /* overflow-x: hidden; */
}
/* Style for Webkit (Chrome, Safari, newer versions of Opera) */
.form-content-wrapper::-webkit-scrollbar {
    width: 6px; /* width of the entire scrollbar */
}

.form-content-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1; /* color of the tracking area */
    border-radius: 3px;
}

.form-content-wrapper::-webkit-scrollbar-thumb {
    background: #D9D9D9; /* color of the scroll thumb */
    border-radius: 3px; /* roundness of the scroll thumb */
}

.form-content-wrapper::-webkit-scrollbar-thumb:hover {
    background: #474646; /* color of the scroll thumb when hovered */
}

#slider-range { 
    margin-bottom: 15px; 
}
.tooltip { 
    padding: 4px 8px; 
    /* position: absolute;  */
    background-color: #f9f9f9; 
    border: 1px solid #ccc; 
}
.price-tooltips{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.price-range-wrapper {
    position: relative;
    margin-bottom: 12px;
}
.price-range-wrapper .tooltip{
    color: #000;
}
.area-block{
    margin-bottom: 12px;
}
.title-qs{
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}
.listing-page .quel-left span, 
.listing-page .quel-right span{
    color: #b1aeae;
    align-items: flex-start;
    line-height: 1.4;
}
.listing-page .type-block{
    margin-bottom: 30px;
}
.listing-page input[type="checkbox"]{
    margin-top: 5px;
    width: 20px;
}
.sub-title-qs{
    text-align: center;
    font-size: 12px;
    font-style: italic;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 2) {
    /* Apply styles for iPhones */
    .listing-page input[type="checkbox"] {
        margin-top: 0;
    }
}
@media (max-width: 1919px) {
    .listing-content .f-left {
        width: 65%;
    }
}
@media (max-width: 1600px) {
    .listing-content .f-left {
        width: 62%;
    }
}
@media (max-width: 1440px) {
    .listing-content .f-left {
        width: 767px;
    }
    .listing-content .f-right {
        width: 330px;
    }
    .top-form-buttons{
        flex-direction: column;
        margin-bottom: 20px;
    }
    .top-form-buttons button{
        padding: 10px 29px;
    }
    .top-form-buttons button:first-child{
        margin-bottom: 12px;
    }
    .top-form{
        margin-bottom: 20px;
    }
    .type-block {
        margin-bottom: 18px;
    }
    .form-slider .form-btn {
        margin-top: 20px;
    }
    .overview .infor-items {
        flex-direction: row;
    }
    .row {
        flex-direction: column;
        width: 50%;
    }
    .overview .info-item {
        width: 100%;
    }
    .article-content h3{
        min-height: 90px;
    }
    .form-wrapper{
        /* height: 650px; */
        /* overflow-y: scroll;
        scrollbar-width: none;  */
    }
}
@media (max-width: 1365px) {
    .listing-content .f-left {
        width: 65%;
    }
}
@media (max-width: 1024px) {
    .article-content h3{
        min-height: auto;
    }
    .listing-content .f-left {
        width: 62%;
    }
    .listing-content .f-right {
        width: 255px;
    }
    .video-wrapper iframe{
        height: 387px;
    }
    .article {
        flex: auto;
        margin-right: 0;
        margin-bottom: 40px;
        width: 100%;
    }
}
@media (max-width: 767px) { 
    .listing-content .f-left {
        width: 100%;
    }
    .listing-content .f-right {
        width: 100%;
    }
    .article {
        flex: auto;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .article-image img{
        width: 100%;
    }
    .horizontal-list{
        flex-direction: column;
    }
    .border-block{
        padding: 36px 24px;
    }
    .social-items{
        display: none;
    }
    .social-items.mobile{
        display: flex;
    }
    .social-items.mobile .item {
        margin: 0 16px;
    }
    .heading-type-1 .heading-block{
        width: 100%;
        padding-bottom: 0;
    }
    .heading-type-1 .heading {
        text-align: center;
        margin-bottom: 12px;
    }
    .heading-type-1 .description {
        text-align: center;
    }
    .listing-page .right-heading-1{
        width: 100%;
    }
    .price-type-1{
        text-align: center;
        font-size: 18px;
        line-height: 24px;
    }
    .top-heading-1{
        display: flex;
        justify-content: space-between;
    }
    .top-slider-type-1{
        margin: 60px 0;
    }
    .heading-1-section .tag {
        margin-bottom: 32px;
    }
    .request-mobile{
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }
    .form-rq-mobile {
        width: 100%;
        margin-top: 22px;
    }
    .form-rq-mobile .top-form-buttons button:first-child {
        margin-bottom: 15px;
    }
    .listing-page .heading-type-1{
        padding-left: 20px;
        padding-right: 20px;
    }
    .form-rq-mobile .sidebar{
        padding: 24px 16px;
    }
    .form-rq-mobile .top-form-buttons button {
        padding: 12px 13px;
    }
    .top-mb {
        margin-bottom: 40px;
    }
    .heading-type-1 .heading h1{
        font-size: 22px;
        line-height: 32px;
    }
    .heading-type-1 .description p{
        font-size: 12px;
    }
    .article-content{
        margin-bottom: 26px;
    }
    .video-wrapper iframe{
        height: auto;
    }
}