/* =========================
   BANNER
========================== */

.rahmat_mainpage_banner_block {
    max-width: 1408px;
    margin: 0 auto;
}

.rahmat_mainpage_banner_block_inner {
    border-radius: var(--border-rahmat-radius-big);
    overflow: hidden;
    position: relative;
    min-height: 764px;
    margin-top: -99px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.rahmat_main_banner_title {
    font-size: var(--font-rahmat-size-huge);
    margin: 0;
    line-height: 44px;
}
.rahmat_main_banner_title span {
    color: var(--color-primary);
}
.rahmat_about_company_address_desc .rahmat_main_banner_title {
    margin-top: 0;
}
.rahmat_mainpage_banner_block_image {
    position: absolute;
    inset: 0;
}

.rahmat_mainpage_banner_block_image img {
    width: auto;
    height: auto;
    min-height: 250px;
}

.rahmat_mainpage_banner_left {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.rahmat_mainpage_banner_left_inner {
    display: flex;
    justify-content: center;
}

.rahmat_mainpage_banner_title_desc {
    position: relative;
    max-width: 528px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
}
.rahmat_mainpage_banner_title_desc  div {

}
.rahmat_mainpage_banner_left .rahmat_main_banner_title,
.rahmat_mainpage_banner_left .rahmat_main_inner_text {
    color: var(--color-rahmat-white);
}

.rahmat_mainpage_banner_bottom {
    display: flex;
    gap: 12px;
    position: absolute;
    bottom: -197px;
}

.rahmat_mainpage_banner_bottom_icon {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-rahmat-normal);
}

.rahmat_mainpage_banner_bottom_icon:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.rahmat_mainpage_banner_block .list_block {
    padding-left: 6.3%;
    padding-right: 6.3%;
    position: absolute;
    bottom: 38px;
}
.rahmat_mainpage_banner_block .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gap-rahmat-medium);
}
.rahmat_mainpage_banner_block .grid .grid__col {
    display: flex;
    flex-direction: column;
    gap: 61px;
}
.rahmat_mainpage_banner_block .block-item {
    height: 100%;
    border-radius: 25px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
}
.rahmat_mainpage_banner_block .block-item .block_header_top {
    color: #ffffff;
    display: flex;
    align-items: center;
}
.rahmat_mainpage_banner_block .block-item .banner_icon {
    width: 42px;
    height: 42px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
}
.rahmat_mainpage_banner_block .block-item p {
    color: #ffffff;
}
@media (max-width: 1400px) {
    .rahmat_mainpage_banner_bottom {
        bottom: 0;
        right: 0;
    }
}
@media (max-width: 1200px) {
    .rahmat_mainpage_banner_block_inner {
        min-height: 564px;
        gap: 24px;
    }

    .rahmat_mainpage_banner_title_desc {
        max-width: 480px;
    }
}
@media (max-width: 960px) {
    .rahmat_mainpage_banner_block_inner {
        background: var(--color-rahmat-primary);
        padding: 0 0 20px;
        margin-top: 0;
        justify-content: start;
    }

    .rahmat_mainpage_banner_block_image {
        position: relative;
        /*     border-radius: var(--border-rahmat-radius-big);*/
        overflow: hidden;
    }

    .rahmat_mainpage_banner_left {
        display: flex;
        justify-content: center;
    }

    .rahmat_mainpage_banner_title_desc {
        text-align: center;
        align-items: center;
    }

    .rahmat_mainpage_banner_bottom {
        position: relative;
        bottom: auto;
        margin-top: 30px;
    }

    .rahmat_mainpage_banner_title_desc .rahamt_button.btn-primary {
        border: 1px solid #fff;
    }
}


/*==========  Desktop First  ==========*/
/* (≥1440px) (≥1500px) down ↓ max xxxl 1 */
@media (max-width: 1499.98px) {

}

/* (≥1340px) (≥1440px) down ↓ max xxl 1 */
@media (max-width: 1439.98px) {

}

/* (≥1200px) (≥1340px) down ↓ max lg 1 */
@media (max-width: 1339.98px) {
    .rahmat_mainpage_banner_block .rahmat_mainpage_banner_block_inner {
        min-height: 719px;
    }
    .rahmat_mainpage_banner_block .list_block {
        bottom: 6px;
    }
}

/* (≥992px) (≥1200px) down ↓ max lg 2 */
@media (max-width: 1199.98px) {
    .rahmat_mainpage_banner_block .list_block {
        padding-left: 5.3%;
        padding-right: 5.3%;
    }
}

/* (≥768px) (≥992px) down ↓ max md 3 */
@media (max-width: 991.98px) {
    .rahmat_mainpage_banner_block .rahmat_mainpage_banner_block_inner {
        min-height: 537px;
    }
    .rahmat_mainpage_banner_block .list_block {
        display: none;
    }
}

/* (≥576px) (≥768px) down ↓ max sm 4 */
@media (max-width: 767.98px) {
    .rahmat_main_banner_title {
        font-size: 32px;
        line-height: 1.3;
    }
}

/* (≥480px) (auto) (≥540px) down ↓ max xd 5 */
@media (max-width: 559.98px) {

}

/* (≥360px) (auto) (≥480px) down ↓ max zx 6 */
@media (max-width: 479.98px) {
    .rahmat_main_banner_title {
        font-size: 26px;
    }
}

/* (auto) (<320px) down ↓ max sx 7 */
@media (max-width: 359.98px) {

}

/*==========  Mobile First  ==========*/

/* ≤320px up ↑ min sx */
@media (min-width: 320px) {

}

/* ≤360px up ↑ min zx */
@media (min-width: 360px) {

}

/* ≤480px up ↑ min xd */
@media (min-width: 480px) {

}

/* ≤540px up ↑ min sm */
@media (min-width: 560px) {

}

/* ≤768px up ↑ min md */
@media (min-width: 768px) {

}

/* ≤992px up ↑ min lg */
@media (min-width: 992px) {

}

/* ≤1200px up ↑ min xl */
@media (min-width: 1200px) {

}

/* ≤1340px up ↑ min xxl */
@media (min-width: 1340px) {

}

/* ≤1400px up ↑ min xxxl */
@media (min-width: 1400px) {

}

/* ≤1565px up ↑ */
@media (min-width: 1565px) {

}