/* for section 2*/

.section2 {

    max-width: 1300px;

    color: black;

}

.section2 .content {

    height: 49rem;

    position: relative;

    padding-bottom: 5.5rem;

    padding-top: 10rem;

    display: flex;

    justify-content: space-between;

}

.section2 .content .left {

    width: 58%;

}

.section2 .content .left img {

    object-fit: fill;

    height: 100%;

    width: 100%;

}

.section2 .content .right {

    width: 40%;

    text-align: left;

    padding-inline: 2rem;

    padding-top: 1rem;

}

.section2 .content .right h1 {

    font-family: "Kanit";

    font-style: normal;

    font-weight: bold;

    font-size: 39.6px;

    line-height: 59px;

}

.section2 .content .right p {

    margin-top: 2.3rem;



    font-family: "Kanit";

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

}

.section2 .content .right .line-image {

    width: 100%;

    text-align: center;

}

.section2 .content .right .line-image img {

    width: 50%;

}

/* for section 2*/



@media screen and (max-width: 1600px) {

    .section2 {

        max-width: 1100px !important;

    }

}

@media screen and (max-width: 1278px) {

    .section2 {

        max-width: 900px !important;

    }

    .section2 .content .right h1 {

        font-size: 34.6px;

    }

}

@media screen and (max-width: 991px) {

    .section2 {

        width: 100%;

    }

    .section2 .content {

        flex-wrap: wrap !important;

        justify-content: center !important;

        gap: 1rem;

        padding-bottom: 2.5rem;

        padding-top: 4rem;

        height: auto;

    }

    .section2 .content .left {

        width: 88%;

    }

    .section2 .content .right {

        width: 90%;

        padding-inline: 0;

        padding-top: 0;

    }

    .section2 .content .right .line-image img {

        width: 30%;

    }

    .section2 .content .right p {

        margin-top: 0;

    }
}