.modal-header {
    background: transparent !important;
}
.modal-flat-header {
    border-bottom: none;
}

.flat-title, .flat-parameters, .flat-areas, .request-call {
    border-right: none;
}

@media (min-width: 1200px) {
    .flat-title, .flat-parameters, .flat-areas, .request-call {
        border-right: 1px solid #9c9c9c;
    }
}
.flat-title, .flat-info {
    border-bottom: 1px solid #9c9c9c;
    border-top: 1px solid #9c9c9c;
    padding: 15px 15px 15px 0;


}
.flat-title h5 {
    font-family: 'FiraGO', sans-serif;
    font-weight: 600;
    font-feature-settings: normal;
    margin: 0;
}
.flat-parameters {

    padding: 40px 0;
}
.flat-parameters-list {
    padding: 0;
    margin: 0;
    position: relative;
}

.flat-parameters-list::before {
    content: '';
    position: absolute;
    height: calc(100% + 30px);
    width: 34px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 21px;
    background-color: #af2229;
}

.flat-parameters-list li {
    font-family: 'Redhouse-400', sans-serif;
    font-weight: 400;
    font-size: 14px;
    list-style: none;
    z-index: 2; /* Ensure it is above the ::before */
    position: relative; /* Required for z-index to work */
    padding: 3px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    color: #212529;

}

.flat-parameters-list li:hover {
    background-color: #6363633a;
}

.flat-parameters-list li span {
    font-family: 'Redhouse-600', sans-serif;
    font-weight: 600;
    color: #fff;
    width: 34px;
    text-align: center;
    margin-right: 30px;
}

.flat-parameters-list li strong {
    margin-left: 8px;
}

.request-call {
    border-top: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    padding: 20px 20px 20px 0;
}
.btn-request-call {
    font-feature-settings: 'case';
    background-color: #05264e;
    color: #fff;
    font-size: 16px;
    padding: 8px 30px;
    border: none;
    border-radius: 23px;
    font-weight: 600;
    font-family: 'Redhouse-600', sans-serif;
    width: 100%;
}

.btn-request-call:hover {
    background-color: #177262;
    color: #fff;

}
.flat-info {
    padding-left: 40px;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    border-right: navajowhite;
}

.flat-divider {
    align-self: flex-start;
    background-color: #cdc8bd;
    height: 24px;
    margin: 6px 20px 0;
    width: 2px;
}

.flat-square, .flat-price {
    font-size: 22px;
    font-family: 'Redhouse-600', sans-serif;
    font-weight: 600;
    color: #05264e;
}



.flat-image img {
    object-position: center;
    object-fit: cover;
}
.flat-areas {

    padding: 25px 0;
    border-bottom: 1px solid #9c9c9c;

}
.area-item {
    font-family: 'Redhouse-400', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin: 3px 0;
    color: #3f4245;
}

.area-item strong {
    margin-left: 10px;
    color: #177262;
}





.modal-bg {
    background: #ebebeb;
    /* background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.42); */
}

.offcanvas-custom {
    z-index: 1200;
}
.offcanvas-backdrop {
    z-index: 1099 !important;
}
.call-header {
    font-feature-settings: 'case';
    font-family: 'Redhouse-400', sans-serif;
}
.call-header span {
    font-feature-settings: normal;
    font-family: 'Redhouse-400', sans-serif;
    font-size: 14px;
}

.call-info {
    font-family: 'Redhouse-400', sans-serif;
    font-size: 14px;
}

.call-divider {
    --bs-divider-color: #cccccc;
    display: block;
    overflow: hidden;
    margin-block: 25px;
    margin-inline: 0;
    font-feature-settings: 'case';
    text-align: center;
    white-space: nowrap;
}

.call-divider .divider-text {
    font-family: 'Redhouse-600', sans-serif;
    font-weight: 600;
    position: relative;
    background: #af2229;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding-block: 0;
    padding-inline: 3.13px;
    padding: 4px 7.13px;
    border-radius: 19px;
}

.call-divider .divider-text::before, .call-divider .divider-text::after {
    position: absolute;
    border-block-start: 1px solid var(--bs-divider-color);
    content: "";
    inline-size: 100vw;
    inset-block-start: 50%;
}

.call-divider .divider-text::before {
    inset-inline-end: 100%;
}

.call-divider .divider-text::after {
    inset-inline-start: 100%;
}

.agents-list .agent-item {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 8px;
    padding: 8px;
    margin: 15px 0;
}
.agents-list .agent-item:nth-child(1) {
    margin-top: 0px !important;
}
.agent-image img {
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.agent-info {
    font-family: 'Redhouse-400', sans-serif;
}
.agent-image {
    width: 60px;
    height: 60px;
}
.agent-info h6{
    color: #05264e;
    font-weight: 400;
    font-feature-settings: 'case';
    margin: 0;
}
.agent-info a {
    font-weight: bold;
    color: #177262;
    text-decoration: none;
}

.agent-call a {
    color: #05264e;
}

.modal-backdrop {
    z-index: 1001 !important;
}