/* =========================
   ABOUT SECTION
========================= */

.about-section{
    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:linear-gradient(
        to bottom,
        #f8f8f8 0%,
        #f8f8f8 65%,
        #dff6ff 100%
    );
}

/* TOP BORDER */

.about-top-border{
    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:70px;

    object-fit:cover;
}

/* BOTTOM BORDER */

.about-bottom-border{
    position:absolute;

    bottom:0;
    left:0;

    width:100%;
    height:70px;

    object-fit:cover;
}

/* =========================
   IMAGE
========================= */

.about-image-wrap{
    position:relative;

    width:100%;
    max-width:560px;

    margin:0 auto;
}

.about-main-image{
    width:100%;
    height:auto;

    display:block;

    border-radius:90px;

    object-fit:cover;

    box-shadow:0 18px 45px rgba(0,0,0,0.14);

    transition:0.4s ease;
}

.about-main-image:hover{
    transform:scale(1.015);
}

/* =========================
   CONTENT
========================= */

.about-content{
    padding-left:25px;
}

/* SUBTITLE */

.about-subtitle{
    color:#b78b2d;

    font-size:15px;
    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

    display:inline-block;

    margin-bottom:14px;
}

/* TITLE */

.about-content h2{
    font-size:42px;
    font-weight:600;

    line-height:1.2;

    color:#111;

    margin-bottom:22px;
}

/* TEXT */

.about-content p{
    font-size:16px;

    line-height:1.9;

    color:#555;

    margin-bottom:18px;
}

/* BUTTON */

.about-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(
        90deg,
        #ff9f1c,
        #ff2e63
    );

    color:#fff;
    text-decoration:none;

    padding:13px 30px;

    border-radius:50px;

    font-size:15px;
    font-weight:600;

    transition:0.3s ease;
}

.about-btn:hover{
    transform:translateY(-2px);

    color:#fff;
}

/* =========================
   LARGE TABLET
========================= */

@media(max-width:1199px){

    .about-image-wrap{
        max-width:500px;
    }

    .about-content h2{
        font-size:38px;
    }

}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

    .about-section{
        padding:80px 0;
    }

    .about-image-wrap{
        max-width:480px;

        margin-bottom:50px;
    }

    .about-content{
        padding-left:0;

        text-align:center;
    }

    .about-content h2{
        font-size:34px;
    }

}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .about-section{
        padding:70px 0;
    }

    .about-image-wrap{
        max-width:100%;

        margin-bottom:35px;
    }

    .about-main-image{
        border-radius:50px;
    }

    .about-content{
        text-align:center;

        padding-left:0;
    }

    .about-subtitle{
        font-size:14px;
    }

    .about-content h2{
        font-size:28px;

        line-height:1.3;
    }

    .about-content p{
        font-size:15px;

        line-height:1.8;
    }

    .about-btn{
        padding:11px 24px;

        font-size:14px;
    }

}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:480px){

    .about-content h2{
        font-size:24px;
    }

}