/* ================ About Section Layout ===================== */

.about-section {
    width: 90vw;
    margin-inline: auto;
    margin-block: 4rem;
    grid-template-areas: 'one' 
                          'two';
}

.about-section:nth-child(1) {
    grid-area: one;
}

.about-section:nth-child(2) {
    grid-area: two;
}

.about-section img {
    border-radius: 2rem;
    margin-bottom: 2rem;
}

.about-info {
    padding-inline: 0.5rem;
}

.about-info p {
    line-height: 1.8rem;
}

.about-btn {
    margin-top: 1rem;
}

/* ========== Media Quaries ================== */

@media (min-width: 60em) {
    .about-section {
        grid-auto-columns: 1fr;
        align-items: center;
        gap: 1rem;
        grid-template-areas: 'two one';
    }
    .about-info {
        display: grid;
        place-content: center;
    }
}



/* ================================= Why Choose Us Section Layout ==================================== */

.why-choose-us---section {
    width: 90vw;
    margin-inline: auto;
    margin-block: 4rem;
    grid-template-areas: 'one' 
                          'two';
}

.why-choose-us---section:nth-child(1) {
    grid-area: one;
}

.why-choose-us---section:nth-child(2) {
    grid-area: two;
}

.why-choose-us---section img {
    border-radius: 2rem;
    margin-bottom: 2rem;
}

.why-choose-us---info {
    padding-inline: 0.5rem;
}

.why-choose-us---info p {
    line-height: 1.8rem;
}


.why-choose-us---btn {
    margin-top: 2rem;
}

.why-choose-us---btn button {
    margin-right: 0.5rem;
}

.why-choose-us---info ul {
    /* margin-inline: auto;
    margin-block: 4rem; */
    padding: 0 1.2rem;
}

.why-choose-us---info ul li {
    margin-bottom: 1rem;
    line-height: 1.8rem;
}

/* ================================================== Media Quaries ============================================= */

@media (max-width: 475.99px) {
    .why-choose-us---info h1,
    .about-info h1 {
        font-size: 30px;
    }
}

/* ================================= End Of Why Choose Us Section Layout ============================================ */