.paper-tissue-wrapper {
    background: url(../images/exhibitors/market-info/bg13.jpg) no-repeat center / cover;
    padding: 50px;

    h2 {
        color: #1b1b1b;
        font-size: 24px;
        font-weight: 800;
        line-height: 31.2px;
        margin: 0px 0px 31.5px;
    }



    p {
        color: #1b1b1b;
        font-family: Lato;
        font-size: 18px;
        line-height: 24.75px;
        margin: 0px 0px 31.5px;
        text-align: justify;
        font-weight: 600;
    }

    .col-md-6:has(img) {
        place-content: center;
    }
}



.largest-economy {
    text-align: center;

    h2 {
        color: #00391d;
        font-size: clamp(1.5625rem, 1.4489rem + 0.5682vw, 1.875rem);
        font-weight: 600;
        margin-block: clamp(1.5625rem, 1.4489rem + 0.5682vw, 1.875rem);

    }
}


.regions-wrapper {
    background: #E5CBB561;
    padding: 3% 5%;

    .region-box {
        display: flex;
        align-items: start;
        justify-content: start;
        gap: 10px;

        h3 {
            color: #00391d;
            font-family: "Lato", Sans-serif;
            font-size: 19px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        span {
            height: 39px;
            width: 39px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 32px;
            flex-shrink: 0;
            color: #00391d;
            border: 1px solid #00391d;
            border-radius: 50%;

            svg {
                font-size: 20px;
                font-weight: 400;

            }
        }

        &:hover {
            span {

                color: #fff;
                background: #8cc541;
                border: 1px solid #fff;


                svg {
                    font-size: 20px;
                    font-weight: 400;

                }
            }
        }
    }
}

@media (max-width: 767px) {
    .regions-wrapper {

        padding: 6% 5%;

        .region-box {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 10px;
            text-align: center;
            margin-bottom: 20px;
        }
    }
}