/* ================= HERO SECTION 2 ================= */
.hero_section_2 {
    position: relative;
    padding-block: 100px;
    background: var(--gradient-primary);
    color: var(--hero-text);


    .container {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 100px;
        padding-inline: 50px;
        display: flex;
        gap: 3rem;
        align-items: center;

        .hero-content {
            z-index: 50;
            display: flex;
            flex-direction: column;
            align-items: flex-start;

            .hero_section_2_text_1 {
                font-size: clamp(1rem, 5vw, 3rem);
                color: var(--text-secondary-invert);
                font-family: 'DG Trika', sans-serif;
                /* text-align: right; */
                margin-bottom: -8px;
                line-height: normal;

            }

            .mowazfeen_sherketak {
                width: 80%;
                margin-bottom: 16px;
            }

            .hero_section_2_text_2 {
                font-size: clamp(1rem, 5vw, 3rem);
                color: var(--text-primary);
                font-family: 'DG Trika', sans-serif;
                /* text-align: right; */

                line-height: normal;
            }

            .hero_section_2_text_3 {
                font-size: clamp(0.5rem, 2.5vw, 1.5rem);
                color: var(--text-secondary-invert);
                font-family: 'DG Trika', sans-serif;
                /* text-align: right; */
                margin-bottom: 24px;
                line-height: normal;
            }


            .hero_section_2_tags {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                gap: 20px;



                .hero_section_2_tag {
                    display: flex;
                    align-items: center;
                    gap: 16px;
                    padding-inline: 42px;
                    padding-block: 12px;
                    background-color: var(--body-bg);
                    border-radius: 70px 0 70px 0;

                    img {
                        height: 48px;
                    }

                    p {
                        margin-bottom: 0;
                        font-size: 20px;
                        color: var(--text-secondary-invert);
                        font-family: 'DG Trika', sans-serif;
                        line-height: normal;
                    }
                }

            }


            .hero_section_2_btn {
                padding-inline: 60px;
                margin-block: 40px;
                display: flex;
                gap: 20px;
                cursor: pointer;

                a {
                    text-decoration: none;
                    margin-bottom: 0;
                    font-size: 20px;
                    color: var(--text-secondary-invert);
                    font-family: 'DG Trika', sans-serif;
                    line-height: normal;
                }

                img {
                    width: 20px;
                }

            }
        }


        .hero-images {
            position: relative;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            width: -webkit-fill-available;
            aspect-ratio: 1 / 1;

            .man-image {
                width: 100%;

            }
        }


    }



}











/* Responsive */
@media (max-width: 1024px) {
    .container {
        flex-wrap: wrap;
    }

    .hero-images {
        order: -1;
    }

    .hero-content h1 {
        font-size: 2.5rem;
    }

    .hero-stats {
        grid-template-columns: 1fr 1fr 1fr;

    }
}