/* Minification failed. Returning unminified contents.
(7,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(15,18): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(35,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
 */
 .banner-about {
     margin: 60px 0 30px;
 }

 .banner-sub-about {
     height: 600px;
     border: 7px solid var(--main-color);
 }

 .our-story {
     margin-bottom: 30px;
 }

 .our-story h3, .our-vision h3 {
     color: var(--main-color);
     margin-bottom: 20px;
     font-size: 24px;
     font-weight: bold;
 }

 .our-story p, .our-vision p {
     line-height: 1.75;
     margin-bottom: 10px;
 }

 .our-vision {
     margin:40px 0;
 }

 .about-us {
     margin-bottom: 60px;
 }

 .img-wrap img {
     border: 5px solid var(--main-color);
 }

 .our-content{
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;
 }
.our-left{
    text-align: right;
}
 @media (max-width: 991px) {
    .our-content{
        margin-top: 20px;
        display: block;
    }
    .our-vision{
        margin: 40px 0;
    }
    .our-left{
        text-align: left;
    }
    .our-left .our-content{
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .banner-sub-about{
        height: 400px;
    }
}
@media (max-width: 575px) {
    .banner-sub-about{
        height: 250px;
    }
}