/* Begin of Save nature section  */
section.save-nature {
    position: relative;
}

.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;
}

.nature {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

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

.save-nature-text h2::before {
    content: '';
    width: 30%;
    height: 4px;
    /* color: aqua; */
    background-color: #ffffff;
    position: absolute;
    border-radius: 20px;
    top: 76px;
    left: 438px;
}

.save-nature-text h2 {
    font-size: 50px;
    color: #FFFFFF;
    font-family: 'Futura-bold';
    padding-bottom: 40px;
    position: relative;
}

.save-nature-text p {
    font-size: 18px;
    color: #FFFFFF;
    font-family: 'Futura-bk-bt';
}

.save-nature-text h2::before {
    content: '';
    width: 14%;
    height: 4px;
    /* color: aqua; */
    background-color: #ffffff;
    position: absolute;
    border-radius: 20px;
    top: 76px;
    left: 428px;
}

h2.for-blue-color {
    color: #192A53 !important;
    text-transform: capitalize !important;
}

.pro-head h2 {
    font-size: 36px;
    color: #182034;
    font-family: 'Futura-bold';
    margin: 0;
    letter-spacing: 1px;
    line-height: 43px;
    text-transform: lowercase;
}

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

.for-upper-padding {
    padding-top: 30px;
}

/* End of Save nature section  */

@media (min-width:200px) and (max-width:375px) {
    .about-head h2 {
        font-size: 25px;
    }

    .slick-prev {
        top: 440px !important;
        z-index: 99999;
    }

    .slick-next {
        top: 440px !important;
        z-index: 99999;
    }

    .pro-head p {
        padding-bottom: 25px;
        padding-top: 18px;
    }

    .inner-img img {
        height: 200px;
    }

    .pro-head h2 {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 26px;
    }

    section.client-sec {
        padding: 30px 0px;
    }

    .brand-box h2 {
        font-size: 20px;
    }

    .brand-box h3 {
        font-size: 20px;
    }

    section.client-sec .row {
        padding-top: 20px;
    }

    .save-nature-text p {
        font-size: 13px;
    }

    .save-nature-text h2 {
        font-size: 18px;
        color: #FFFFFF;
        font-family: 'Futura-bold';
        padding-bottom: 10px;
        position: relative;
    }

    .pro2 {
        position: relative;
        top: unset;
        right: 0px;
        bottom: 25px;
    }

    .pro-img-2.pro2 img {
        width: 100% !important;
    }

    .save-nature-img .img-fluid {
        width: 100%;
        position: relative;
        height: 300px !important;
    }

    .for-upper-padding {
        padding-top: 10px;
    }

    .save-nature-text h2::before {
        display: none;
    }

    .slick-prev {
        top: 450px;
        z-index: 99999;
    }

    .slick-next {
        top: 450px;
        z-index: 99999;
    }

    .about-head h2 {
        font-size: 20px !important;
    }
}

    @media (min-width:375px) and (max-width:540px) {
        .inner-img img {
            width: 100%;
            height: 200px !important;
        }

        .slick-prev {
            top: 450px !important;
            z-index: 99999;
        }

        .slick-next {
            top: 450px !important;
            z-index: 99999;
        }

        .pro-head p {
            padding-bottom: 25px;
            padding-top: 18px;
        }

        .pro-head h2 {
            font-size: 20px !important;
            letter-spacing: 1px;
            line-height: 26px;
        }

        section.client-sec {
            padding: 30px 0px;
        }

        .brand-box h2 {
            font-size: 20px;
        }

        .brand-box h3 {
            font-size: 20px;
        }

        section.client-sec .row {
            padding-top: 20px;
        }

        .save-nature-text p {
            font-size: 13px;
        }

        .save-nature-text h2 {
            font-size: 18px;
            color: #FFFFFF;
            font-family: 'Futura-bold';
            padding-bottom: 10px;
            position: relative;
        }

        .pro2 {
            position: relative;
            top: unset;
            right: 0px;
            bottom: 25px;
        }

        .pro-img-2.pro2 img {
            width: 100% !important;
        }

        .save-nature-img .img-fluid {
            width: 100%;
            position: relative;
            height: 300px !important;
        }

        .for-upper-padding {
            padding-top: 10px;
        }

        .save-nature-text h2::before {
            display: none !important;
        }

        .slick-prev {
            top: 450px !important;
            z-index: 99999;
        }

        .slick-next {
            top: 450px !important;
            z-index: 99999;
        }
        .about-head h2{
            font-size: 25px !important;
        }
    }

    @media (min-width:540px) and (max-width:820px) {
        .slick-prev {
            top: 450px !important;
            z-index: 99999;
        }

        .slick-next {
            top: 450px !important;
            z-index: 99999;
        }

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

        .for-upper-padding {
            padding-top: 20px;
        }

        .pro-head h2 {
            font-size: 28px;
            line-height: 40px;

        }

        section.client-sec {
            padding: 25px 0px 82px 0px;
        }

        .save-nature-img .img-fluid {
            max-width: 100%;
            height: 400px;
        }

        .pro-head p {
            padding-bottom: 30px;
            padding-top: 20px;

        }

        .save-nature-text h2::before {
            display: none !important;
        }

        .inner-img img {
            height: 300px;
        }
    }

    @media (min-width: 820px) and (max-width:992px) {
        .save-nature-text h2::before {
            display: none;
        }

    }

    @media (min-width: 992px) and (max-width:1300px) {
        .save-nature-text h2::before {
            content: '';
            width: 14%;
            height: 4px;
            /* color: aqua; */
            background-color: #ffffff;
            position: absolute;
            border-radius: 20px;
            top: 110px;
            left: 428px;
        }
    }