/* Begin of Banner section  */

.inner-img img {
    width: 100%;
}

.about-head {
    position: absolute;
    top: 120px;
    right: 0;
    left: 0;
    bottom: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-head h2 {
    font-size: 70px;
    color: #192A53;
    font-family: 'Futura-bold';
    font-weight: 700;
}

.pro-head h2 {
    font-size: 39px;
    color: #182034;
    font-family: 'Futura-bold';
    margin: 0;
    letter-spacing: 1px;
    line-height: 55px;
}

.pro-head p {
    font-size: 15px;
    color: #192A53;
    font-family: 'Futura-bk-bt';
    margin: 0;
    padding-bottom: 70px;
    padding-top: 56px;
    text-align: justify;
}

.pro-head::before {
    content: '';
    background-color: #182034;
    width: 30%;
    height: 8px;
    position: absolute;
    top: 4rem;
    border-radius: 10px;
    opacity: -0;
}

.for-control-sec::before {
    content: '';
    background-color: #182034;
    width: 18%;
    height: 7px;
    position: absolute;
    top: 49px;
    left: 470px !important;
    border-radius: 20px;
}

.offer-head::before {
    content: '';
    background-color: #182034;
    width: 18%;
    height: 7px;
    position: absolute;
    top: 49px;
    left: 470px;
    border-radius: 20px;
}

.offer-head h2 {
    font-size: 38px;
    color: #182034;
    font-family: 'Futura-bold';
    position: relative;
    padding: 0px 240px;
}


/* End of Banner section  */


/* Begin of service section  */

.pro-head h2 {
    font-size: 22px;
    color: #182034;
    font-family: 'Futura-bold';
    margin: 0;
    letter-spacing: 1px;
    line-height: 5rem;
}

.pro-head {
    margin-top: -5px;
}

.ten-years {
    background-color: #162E5D;
    position: absolute;
    top: -30px;
    bottom: unset;
    left: unset;
    right: 20px;
    padding: 32px 15px;
    border-radius: 140px;
}

.car-cation-anchor {
    padding-top: 0px;
}


.ten-years h1 {
    font-size: 30px;
    text-align: center;
    font-weight: 200;
}

.pro-img1 img {
    width: 90%;
    position: relative;
}

.ten-years h5 {
    font-size: 13px;
}

.pro-head p {
    font-size: 13px;
    color: #000000;
    padding-bottom: 40px;
}

section.pro-sec {
    padding: 70px 0px;
}

section.pro-sec .row {
    display: flex;
    /*align-items: flex-start;*/
}

.offer-head.text-center.fix-before {
    padding-bottom: 90px;
}

.offer-head p {
    font-size: 15px;
}


/* End of Service section  */

/* Media Query */
@media (min-width: 200px) and (max-width: 375px) {
    .inner-img img {
        width: 100%;
        height: 200px;
    }

    .about-head h2 {
        font-size: 25px;
    }

    .offer-head h2 {
        font-size: 20px !important;
        padding: 0px !important;
    }

    .offer-head.text-center.fix-before {
        padding-bottom: 0px;
    }

    section.pro-sec {
        padding: 29px 0px;
    }

    .ten-years {
        background-color: #162E5D;
        position: absolute;
        top: -15px;
        bottom: unset;
        left: unset;
        right: 27px;
        padding: 16px 0px;
        border-radius: 140px;
        width: 60px;
        height: 60px;
    }

    .ten-years h5 {
        font-size: 8px;
    }

    .pro-head h2 {
        font-size: 20px;
        color: #182034;
        font-family: 'Futura-bold';
        margin: 25px 0px 50px 0px;
        letter-spacing: 1px;
        line-height: 2rem;
    }
}

@media (min-width: 375px) and (max-width: 540px) {

    .inner-img img {
        width: 100%;
        height: 200px;
    }

    .about-head h2 {
        font-size: 25px;
    }

    .offer-head h2 {
        font-size: 20px !important;
        padding: 0px !important;
    }

    .offer-head.text-center.fix-before {
        padding-bottom: 0px;
    }

    section.pro-sec {
        padding: 29px 0px;
    }

    .ten-years {
        background-color: #162E5D;
        position: absolute;
        top: -15px;
        bottom: unset;
        left: unset;
        right: 27px;
        padding: 16px 0px;
        border-radius: 140px;
        width: 60px;
        height: 60px;
    }

    .ten-years h5 {
        font-size: 8px;
    }

    .pro-head h2 {
        font-size: 20px;
        color: #182034;
        font-family: 'Futura-bold';
        margin: 25px 0px 50px 0px;
        letter-spacing: 1px;
        line-height: 2rem;
    }
}

@media (min-width: 540px) and (max-width: 820px) {
    .inner-img img {
        width: 100%;
        height: 300px;
    }

    .offer-head h2 {
        padding: 0px;
    }
    .ten-years {
        background-color: #162E5D;
        position: absolute;
        top: -34px;
        bottom: unset;
        left: unset;
        left: 258px;
        padding: 40px 15px;
        border-radius: 140px;
        width: 120px;
        height: 121px;
    }
    .pro-head h2 {
        font-size: 22px;
        color: #182034;
        font-family: 'Futura-bold';
        margin: 20px 0px;
        letter-spacing: 0px;
        line-height: 2rem;
    }
    .offer-head p {
        font-size: 16px;
    }
    .offer-head.text-center.fix-before {
        padding-bottom: 20px;
    }
}