/*=============================================
=            breadcrumb            =
=============================================*/
.page-wrapper{
    padding: 30px;
    padding-bottom: 0;

    background-color: #ffffff;
    margin-left: -30px;
    margin-right: -30px;
}
.about-adha p {
    /*font-size: 12px;
    line-height: 20px;*/
}

.breadcrumb-content {
    text-align: center;
}

.breadcrumb-content__title {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    .breadcrumb-content__title {
        font-size: 30px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .breadcrumb-content__title {
        font-size: 25px;
        line-height: 25px;
    }
}

.breadcrumb-content__page-map li {
    color: #707070;
    line-height: 25px;
    display: inline-block;
}

.breadcrumb-content__page-map li:after {
    content: ">";
    margin: 0 5px;
}

.breadcrumb-content__page-map li:last-child:after {
    display: none;
}

.breadcrumb-content__page-map li a:hover {
    color: #ee3333;
}

.breadcrumb-content__page-map li.active {
    color: #ee3333;
}

.breadcrumb-wrapper {
    padding-top: 130px;
    padding-bottom: 210px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .breadcrumb-wrapper {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-wrapper {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-wrapper {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-wrapper {
        padding: 70px 0;
    }
}

.breadcrumb-bg {
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/*=====  End of breadcrumb  ======*/

/*=====  End of Contact   ======*/
/*=============================================
=            About            =
=============================================*/
.about-top-content-wrapper {
    margin-bottom: 50px;
}

.single-banner {
    margin-bottom: 15px;
}

/*-- About Image --*/
.about-image img {
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-image {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .about-image {
        margin-bottom: 15px;
    }
}

/*-- About Content --*/
.about-content h1 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.about-content h1 span {
    color: #ee3333;
}

@media only screen and (max-width: 767px) {
    .about-content h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

.about-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
}

.about-content p {
    /*font-size: 12px;
     line-height: 20px;*/
     font-size: 1rem;
     padding-bottom: 0px !important;
}

/*-- About Mission Vission Goal --*/
.about-mission-vission-goal {
    margin-bottom: 30px;
}

.about-mission-vission-goal h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.about-mission-vission-goal p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
}

/*-- About Section Title --*/
.about-section-title {
    margin-bottom: 30px;
}

.about-section-title h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 23px;
}

@media only screen and (max-width: 767px) {
    .about-section-title h3 {
        font-size: 18px;
        line-height: 24px;
    }
}

.about-section-title p {
    font-size: 12px;
    line-height: 20px;
    max-width: 600px;
}

/*-- About Feature --*/
.about-feature h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.about-feature p {
    font-size: 12px;
    line-height: 20px;
    max-width: 265px;
}

@media only screen and (max-width: 767px) {
    .about-feature p {
        max-width: 350px;
    }
}

/*-- About Feature Banner --*/
.about-feature-banner .banner {
    margin-left: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-feature-banner .banner {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .about-feature-banner .banner {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .about-feature-banner .single-banner a {
        display: block;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .about-feature-banner .single-banner a img {
        width: 100%;
    }
}

/*-- Feature Content --*/
.feature-content h2 {
    font-size: 30px;
    max-width: 470px;
    margin-bottom: 0;
}

.feature-content h2 span {
    font-weight: 700;
}

.feature-content h1 {
    font-size: 36px;
    max-width: 470px;
}

.feature-content h1 span {
    font-weight: 700;
}

.feature-content p {
    line-height: 23px;
    max-width: 520px;
    margin-bottom: 0;
    margin-top: 30px;
}

/*-- Feature Image --*/
.feature-image {
    position: relative;
    z-index: 2;
}

.feature-image::before {
    position: absolute;
    right: 0;
    bottom: -40px;
    content: "";
    width: 380px;
    height: 360px;
    background-color: #ffffff;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-image::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .feature-image::before {
        display: none;
    }
}

.feature-image img {
    width: 100%;
    margin-left: -40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-image img {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .feature-image img {
        margin-left: 0;
    }
}

.about-feature p {
    margin-bottom: 15px;
}

/*=====  End of About  ======*/