/* Minification failed. Returning unminified contents.
(11,34): run-time error CSS1046: Expect comma, found '30'
(11,40): run-time error CSS1046: Expect comma, found '/'
(12,50): run-time error CSS1046: Expect comma, found '78'
(12,57): run-time error CSS1046: Expect comma, found '/'
(12,71): run-time error CSS1046: Expect comma, found '30'
(12,77): run-time error CSS1046: Expect comma, found '/'
 */
.about-banner {
    width: 100%;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/Images/our-story.jpg');
}
    .about-banner > .layer {
        width: 100%;
        padding: 80px 250px;
        background-color: rgb(16 30 59 / 0.6);
        background-image: radial-gradient(rgb(42 78 114 / 0.6),rgb(16 30 59 / 0.6));
    }

        .about-banner > .layer > .title {
            font-size: 55px;
            line-height: 50px;
            font-weight: 400;
            font-family: 'Roboto',sans-serif;
            color: #ffd800;
        }
            .about-banner > .layer > .title > span {
                color: #fff;
                font-weight: 700;
            }

.about-body {
    padding:50px 250px;
}
    .about-body > .body-context {
        font-size: 14px;
        color: #222222;
        text-align:justify;
    }
    .about-body > .body-context > p {
        padding:5px 0px;
    }
        .about-body > .body-context > .title {
            padding: 5px;
            width:100px;
            background-color: #f91a15;
            color:#fff;
            position:relative;
        }
            .about-body > .body-context > .title:after {
                content: '';
                position: absolute;
                bottom: 0;
                right: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 30px 0 0 18px;
                border-color: #fff transparent transparent transparent;
            }

    .about-body > h3 {
       font-weight:bold;
    }

@media (max-width:991px) {
    .about-banner > .layer {
        padding: 80px 200px;
    }
        .about-banner > .layer > .title {
            font-size: 45px;
            line-height: 40px;
        }

    .about-body {
        padding: 50px;
    }
}

@media (max-width:767px) {
    .about-banner > .layer {
        padding: 80px 100px;
    }
        .about-banner > .layer > .title {
            font-size: 40px;
            line-height: 40px;
        }

    .about-body {
        padding: 20px;
    }

        .about-body > h3 {
            font-size: 20px;
        }
        .about-body > .body-context > .title {
            padding:2px 5px;
        }
        .about-body > .body-context > p {
            font-size: 12px;
        }
}

@media (max-width:600px){
    .about-banner > .layer {
        padding: 60px 80px;
    }

    .about-body > h3 {
        font-size: 18px;
    }

    .about-body > p {
        font-size: 12px;
    }
}

@media (max-width:500px) {
    .about-banner > .layer {
        padding:60px;
    }
        .about-banner > .layer > .title {
            font-size: 30px;
            line-height: 30px;
        }

    .about-body {
        padding: 10px;
        display:block;
    }
}
@media (max-width:400px) {
    .about-banner > .layer {
        padding: 50px;
    }
        .about-banner > .layer > .title {
            font-size: 25px;
            line-height: 25px;
        }
}