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

.about-section{

    padding:120px 0;

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.about-section::before{

    content:"";

    position:absolute;

    top:-120px;

    right:-120px;

    width:320px;

    height:320px;

    background:rgba(244,180,0,.06);

    border-radius:50%;

}

.about-section::after{

    content:"";

    position:absolute;

    bottom:-100px;

    left:-100px;

    width:260px;

    height:260px;

    background:rgba(10,61,145,.05);

    border-radius:50%;

}

/*=========================================================
  GRID
=========================================================*/

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

    position:relative;

    z-index:2;

}

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

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:24px;

    display:block;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

    transition:.5s;

}

.about-image img:hover{

    transform:scale(1.02);

}

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

.about-content{

    max-width:620px;

}

.section-tag{

    display:inline-block;

    padding:8px 18px;

    background:rgba(244,180,0,.12);

    color:#0A3D91;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:22px;

}

.about-content h2{

    font-family:'Poppins',sans-serif;

    font-size:clamp(36px,4vw,52px);

    line-height:1.2;

    font-weight:800;

    color:#1d1d1d;

    margin-bottom:25px;

}

.about-content h2 span{

    color:#0A3D91;

}

.about-content p{

    font-size:18px;

    line-height:1.9;

    color:#666;

    margin-bottom:40px;

}

/*=========================================================
  FEATURES
=========================================================*/

.about-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:45px;

}

.feature-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 22px;

    background:#ffffff;

    border-radius:16px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.35s;

}

.feature-item:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.feature-item i{

    width:55px;

    height:55px;

    border-radius:50%;

    background:#0A3D91;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.feature-item span{

    font-size:17px;

    font-weight:600;

    color:#333;

}

/*=========================================================
  BUTTON
=========================================================*/

.about-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    border:2px solid #0A3D91;

    border-radius:50px;

    color:#0A3D91;

    font-family:'Poppins',sans-serif;

    font-weight:600;

    transition:.35s;

}

.about-btn:hover{

    background:#0A3D91;

    color:#ffffff;

    transform:translateY(-4px);

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media(max-width:992px){

    .about-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .about-content{

        max-width:100%;

    }

}

@media(max-width:768px){

    .about-section{

        padding:80px 0;

    }

    .about-features{

        grid-template-columns:1fr;

    }

    .about-content p{

        font-size:17px;

    }

}