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

.about-section{

    background:#fff;

    padding:90px 0;

}

.section-subtitle{

    display:inline-block;

    color:#0E4D64;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:10px;

    position:relative;

}

.section-subtitle::after{

    content:"";

    width:60px;

    height:3px;

    background:#ff5722;

    position:absolute;

    left:105%;

    top:50%;

}

.section-title{

    font-size:42px;

    font-weight:700;

    color:#222;

    margin-bottom:20px;

    line-height:1.3;

}

.section-text{

    color:#666;

    line-height:1.9;

    font-size:17px;

}

/* Image */

.about-image{

    position:relative;

    overflow:hidden;

    border-radius:20px;

}

.about-image img{

    transition:.5s;

    border-radius:20px;

    width:100%;

}

.about-image:hover img{

    transform:scale(1.05);

}

/* Experience Box */

.experience-box{

    position:absolute;

    bottom:25px;

    left:25px;

    background:#0E4D64;

    color:#fff;

    padding:20px 30px;

    border-radius:15px;

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

}

.experience-box h2{

    font-size:40px;

    font-weight:700;

    margin-bottom:5px;

}

.experience-box p{

    margin:0;

}

/* List */

.about-list{

    list-style:none;

    padding:0;

}

.about-list li{

    margin-bottom:18px;

    font-size:17px;

    color:#444;

    display:flex;

    align-items:center;

}

.about-list i{

    color:#28a745;

    margin-right:12px;

    font-size:20px;

}

/* Button */

.about-section .btn{

    padding:14px 35px;

    border-radius:40px;

    font-weight:600;

    transition:.3s;

}

.about-section .btn:hover{

    transform:translateY(-3px);

}

/* Responsive */

@media(max-width:992px){

.section-title{

    font-size:34px;

}

.about-image{

    margin-bottom:40px;

}

}

@media(max-width:768px){

.about-section{

    padding:70px 0;

}

.section-title{

    font-size:28px;

}

.section-text{

    font-size:16px;

}

.experience-box{

    padding:15px 20px;

}

.experience-box h2{

    font-size:30px;

}

.about-list li{

    font-size:16px;

}

}