@charset "utf-8";
/* CSS Document */

.whychoose_sec {
    position: relative;
    background: var(--black);
    overflow: hidden;
    /* margin-bottom: 100px; */

    & img.bgimg {
        opacity: 0.15;
        min-height: 686px;
        z-index: 0;
        height: 100%;
    }

    .container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        position: relative;
        z-index: 1;

        .whychoose_left {
            width: calc(100% - 870px);
            padding-right: 60px;

            .heading-46 {
                color: var(--white);
                line-height: 1.3;
            }

            & p {
                color: var(--white);
                margin: 0 0 30px 0;
            }
        }

        .whychoose_right {
            width: 870px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            row-gap: 30px;

            .whychoose_listbx {
                width: 48%;
                padding: 30px 40px;
                border-radius: 10px;
                background: var(--white);

                .whychoose_name {
                    font-size: 20px;
                    font-family: 'Protest Strike' !important;
                    font-weight: normal;
                    margin: 10px 0;
                }

                & p {
                    font-size: 16px;
                }
            }
        }
    }
}


@media (max-width: 1599.98px) {}

@media (max-width: 1439.98px) {

    .whychoose_sec {
        .container {
            flex-wrap: wrap;

            .whychoose_left {
                width: 100%;
                padding-right: 0;
                margin-bottom: 30px;
            }

            .whychoose_right {
                width: 100%;
                row-gap: 20px;

                .whychoose_listbx {
                    width: 49%;
                }
            }
        }
    }
}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {

    .whychoose_sec {
        .container {
            .whychoose_right {
                .whychoose_listbx {
                    padding: 25px;
                }
            }
        }
    }
}

@media (max-width: 575.98px) {
    .whychoose_sec {
        .container {
            .whychoose_right {
                row-gap: 10px;

                .whychoose_listbx {
                    width: 100%;
                    padding: 25px;

                    & figure {
                        max-width: 55px;
                    }
                }
            }
        }
    }

}