.about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: var(--space-md);

    background: var(--second-bg-color);
}


.about .heading {
    margin-bottom: var(--space-sm);
}


.about-img {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    width: clamp(18rem, 22vw, 25rem);
    aspect-ratio: 1;

    border-radius: var(--border-radius-round);
}


.about-img img {
    width: 90%;
    aspect-ratio: 1;

    object-fit: cover;

    border: 0.2rem solid var(--main-color);
    border-radius: var(--border-radius-round);
}


.about-img .circle-spin {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 100%;
    height: 100%;

    border: 0.2rem solid transparent;

    border-top-color: var(--second-bg-color);
    border-bottom-color: var(--second-bg-color);

    border-left-color: var(--main-color);
    border-right-color: var(--main-color);

    border-radius: var(--border-radius-round);

    transform:
        translate(-50%, -50%)
        rotate(0deg);

    animation:
        aboutSpinner 8s linear infinite;
}


.about-content {
    width: min(100%, 80rem);

    text-align: center;
}


.about-content h3 {
    position: relative;

    display: inline-block;

    font-size: var(--font-size-subheading);
    line-height: 1.2;
}


.about-content p {
    position: relative;

    margin:
        var(--space-md)
        0
        var(--space-lg);

    font-size: var(--font-size-base);
    line-height: 1.7;
}


.about .btn-box.btns {
    display: flex;
    justify-content: center;

    width: fit-content;

    margin-inline: auto;
}


.about .btn-box.btns .btn::before {
    background: var(--second-bg-color);
}


/* Mobile */

@media (max-width: 520px) {

    .about {
        gap: var(--space-sm);
    }


    .about-img {
        width: 18rem;
    }


    .about-content p {
        margin:
            var(--space-sm)
            0
            var(--space-md);

        font-size: var(--font-size-small);
    }
}