/*=========================================
        Breadcrumb
=========================================*/

.about-breadcrumb-section{

    padding:35px 0 20px;

    background:#fff;

}

.about-breadcrumb{

    font-size:16px;

}

.about-breadcrumb a{

    color:#333;

    text-decoration:none;

}

.about-breadcrumb span{

    color:#666;

    margin:0 8px;

}

/*=========================================
        Hero Banner
=========================================*/

.about-hero{

    width:100%;
    height:250px;
    overflow:hidden;
    margin-bottom:90px;

}

.about-hero img{

    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;

    display:block;

}

/*==================================================
                ABOUT INTRO
==================================================*/

.about-intro{

    padding:0 0 110px;

    background:#fff;

}

.section-title{

    font-size:28px;

    font-weight:300;

    color:#222;

    margin-bottom:18px;

}

.title-line{

    width:65px;

    height:4px;

    background:#f58220;

    margin-bottom:40px;

}

.intro-text{

    font-size:20px;

    line-height:1.9;

    color:#555;

    font-weight:300;

    margin-bottom:28px;
    padding:0 100px;

}

@media(max-width:991px){

    .about-intro{

        padding-bottom:70px;

    }

    .intro-text{

        font-size:18px;

    }

}

/*==================================================
            COMPANY OVERVIEW SECTION
==================================================*/

.company-overview{
    padding:100px 0;
    background:#ffffff;
}

.company-content{
    padding-right:40px;
}

.company-content h3{
    font-size:40px;
    font-weight:300;
    color:#222;
    line-height:1.2;
    margin-bottom:30px;
}

.company-content p{
    font-size:18px;
    font-weight:300;
    color:#555;
    line-height:1.9;
    margin-bottom:25px;
}

.company-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 36px;
    background:#F58220;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-size:16px;
    font-weight:500;
    transition:all .3s ease;
}

.company-btn:hover{
    background:#d86c12;
    color:#fff;
    transform:translateY(-2px);
}


/*==================================================
                    VIDEO
==================================================*/

.company-video{
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
}

.company-video video{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}


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

@media (max-width:991px){

    .company-overview{
        padding:70px 0;
    }

    .company-content{
        padding-right:0;
        margin-bottom:35px;
    }

    .company-content h3{
        font-size:32px;
    }

    .company-content p{
        font-size:17px;
    }

}


/*==================================================
            TWO COLUMN INFORMATION
==================================================*/

.about-two-column{
    padding:90px 0;
    background:#ffffff;
}

.about-two-column p{
    font-size:19px;
    font-weight:300;
    line-height:1.9;
    color:#555;
    margin:0;
}

.about-two-column .col-lg-6:first-child{
    padding-right:40px;
}

.about-two-column .col-lg-6:last-child{
    padding-left:40px;
}

@media (max-width:991px){

    .about-two-column{
        padding:70px 0;
    }

    .about-two-column .col-lg-6:first-child,
    .about-two-column .col-lg-6:last-child{
        padding-left:12px;
        padding-right:12px;
    }

    .about-two-column p{
        font-size:17px;
    }

}