.banner {

}
.banner.large-banner {

}
#homepage-banner.banner.large-banner {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    /*align-items: center;*/
    align-items: flex-start;
    margin-bottom: 0 !important;
}
#homepage-banner.banner.large-banner .vc_single_image-wrapper {
    overflow: hidden;
}
#homepage-banner.banner.large-banner .wpb_single_image img {
    max-width: 653px;
    width: 100%;
}
#homepage-banner.banner.large-banner > .wpb_column:nth-of-type(1) {
    border-right: 1px solid #BBBBBB;
}
#homepage-banner.banner.large-banner > .wpb_column:nth-of-type(1) > .vc_column-inner {
    padding-top: 190px;
}
#homepage-banner.banner.large-banner > .wpb_column:nth-of-type(2) > .vc_column-inner {
    padding: 40px 0 0 40px;
    /*margin-top: -180px;*/
}

#multiple-banners {
    padding-top: 80px;
    padding-bottom: 160px;
}
#multiple-banners .banner {
    max-width: 1307px;
    margin: 40px auto 52px;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

#homepage-banner.banner.large-banner .uvc-main-heading h3 {
    width: 100%;
    margin-bottom: 20px;
}
.banner.large-banner .banner-heading {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}
#multiple-banners.banner.large-banner .banner-heading,
#contact-map .uvc-heading {
    flex-direction: column;
}
.service .banner-heading.uvc-heading {
    padding-bottom: 40px;
}
.service .banner-heading.uvc-heading h2 {
    margin-bottom: 0 !important;
}
.service .banner-heading.uvc-heading .uvc-sub-heading {
    padding-bottom: 0;
}
.service a {
    text-decoration: none;
}
.service a:hover {
    text-decoration: underline;
    color: #000000;
}
.service strong {
    font-size: 14px;
    line-height: 8px;
    color: #000000;
}


#contact-map  .uvc-sub-heading {
    margin: 0 0 12px;
}

#homepage-banner.banner.large-banner .banner-heading h2 {
    max-width: 545px;
    margin-bottom: 32px;
}

.banner.large-banner .banner-heading .uvc-sub-heading {
    margin: unset;
    font-family: "Inter Medium";
    font-size: 14px;
    line-height: 44px;
}

.banner.dark .banner-heading .uvc-sub-heading {
    color: #FFFFFF;
}

.banner.large-banner h3 {
    font-family: "Roboto Medium";
    font-size: 35px;
    line-height: 25px;

    margin-bottom: 20px;
}

.banner.large-banner p {
    font-family: "Inter Regular";
    font-size: 16px;
    line-height: 22px;
}

#homepage-banner.banner.large-banner p {
    max-width: 525px;
}

.banners__wrapper {
    padding: 80px 0 0 0;
    border: 1px solid #414141;
}
.banners__wrapper.interior-page {
    padding-bottom: 140px;
}
.banners__wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper > .section-heading {
    max-width: 1307px;
    margin: 0 auto 100px;
}

.banners__wrapper > .wpb_column > .vc_column-inner .section-heading .align-right > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column;
}

.banners__wrapper > .wpb_column > .vc_column-inner .section-heading p {
    max-width: 531px;
    float: right;
}


.banners__wrapper .section-banner {}

.banners__wrapper .section-banner .section-banner__inner {
    max-width: 1724px;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-end;

    border-bottom: 1px solid #BBBBBB;
}
.banners__wrapper .section-banner:last-of-type .section-banner__inner {
    border: none;
}
.banners__wrapper .section-banner .section-banner__inner p {
    max-width: 309px;
    margin: 32px 0 40px;
}


.banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(1) {
    display: flex;
    align-items: flex-end;
    padding-bottom: 32px;
}
.banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(1) > .vc_column-inner:hover .red-btn.big > a > i {
    margin: -12px;
}
.banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(1) > .vc_column-inner > .wpb_wrapper {
    position: relative;
}
.banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(2) > .vc_column-inner {
   padding-left: 0;
   padding-right: 0;
   border-left: 1px solid #BBBBBB;
}
.banners__wrapper .section-banner .section-banner__inner .wpb_single_image {
    margin-bottom: 0;
}

/**** Multiple Banners Section ****/
#multiple-banners > .wpb_column > .vc_column-inner > .wpb_wrapper {
    max-width: 1155px;
    max-width: 1304px;
    margin: auto;
}
#multiple-banners .banner:nth-of-type(2n + 1) .banner-text  {
    padding-left: 40px;
}
#multiple-banners .banner:nth-of-type(2n + 1) .banner-img  {
    padding-right: 20px;
}
#multiple-banners .banner:nth-of-type(2n + 2) .banner-text  {
    padding-right: 40px;
}
#multiple-banners .banner:nth-of-type(2n + 2) .banner-img  {
    padding-left: 20px;
}
#multiple-banners .banner:nth-of-type(2n + 2) .banner-heading,
#multiple-banners .banner:nth-of-type(2n + 2) .uvc-main-heading {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

#multiple-banners .banner h2 {
    font-size: 48px;
    line-height: 47px !important;
    margin-bottom: 14px;
}
#multiple-banners.banner.large-banner .banner-heading .uvc-sub-heading {
    line-height: 20px;
    padding-bottom: 0;
    margin: 6px 0 40px;
}

#main-content.interior-page.banner.large-banner.section {
    padding-top: 15%;
}
#main-content.interior-page.banner .banner {
    max-width: 1155px;
    margin: auto;
}
#main-content.interior-page.banner .double-image-banner .second-img {
    position: relative;
    left: -120px;
    top: -120px;
}
#main-content.interior-page.banner .banner.top-banner {
    margin-bottom: 40px;
}
/*@media screen and (min-width: 768px) {*/
    #main-content.interior-page.banner .banner .vc_toggle_content {
        position: relative;
        display: block !important;
        /*background: linear-gradient(transparent, rgba(0, 0, 0, 1));*/
        height: 100px;
        min-height: 100px !important;
        margin-top: 20px !important;
        transition: height 200ms ease-in-out;
        /*padding-left: 20px !important;*/
    }
    #main-content.interior-page.banner .banner .vc_toggle_content:after {
        display: block;
        content: '';
        width: 100%;
        height: 100px;
        background: linear-gradient(transparent, rgba(255, 255, 255, 1));
        position: absolute;
        top: 0;
        left: 0;
    }
    #main-content.interior-page.banner .banner .vc_toggle_active >  .vc_toggle_content {
        height: inherit;
    }
    #main-content.interior-page.banner .banner .vc_toggle_active > .vc_toggle_content:after {
        display: none;
    }
/*}*/
#main-content.interior-page.banner .banner .vc_toggle_content ul > li {
    padding-left: 4px;
}

#main-content.interior-page.banner .banner .vc_toggle_content ul > li:before {
    display: inline-block;
    margin-right: 4px;
    content: "\2013";
}
@media screen and (max-width: 767px) {
    #main-content.interior-page.banner .banner .vc_toggle_content ul > li {
        font-size: 14px;
        line-height: 19px;
    }

    .red-btn.vc_toggle .vc_toggle_title h4 {
        font-size: 15px;
        width: 90%;
    }
}

#main-content.interior-page.banner .banner.bottom-banner {
    margin-top: 120px;
    margin-bottom: 80px;
}
#main-content.interior-page.banner .banner.bottom-banner .double-image-banner .first-img {
    position: relative;
    left: 80px;
    left: 0;
    top: 320px;
    z-index: 1;
}
#main-content.interior-page.banner .banner.bottom-banner .double-image-banner .second-img {
    position: relative;
    left: -40px;
    left: -120px;
    top: -120px;
}
#main-content.interior-page.banner .banner-text h2 {
    width: 80%;
    line-height: 60px;
    margin-bottom: 32px;
}

/**** Small Inner White Banner ****/
.small-banner.inner-banner.white {
    max-width: 1306px;
    margin: auto;
    background-color: #FFFFFF;
    padding: 18px;
    display: flex;
    align-items: center;
}
.small-banner.inner-banner.white > .wpb_column:nth-of-type(2) {
    padding-left: 44px;
}
.small-banner.inner-banner.white .wpb_single_image {
    margin: 0;
}
.small-banner.inner-banner.white .uvc-heading .uvc-main-heading h1,
.small-banner.inner-banner.white .uvc-heading .uvc-main-heading h2,
.small-banner.inner-banner.white p {
    color: #000000;
    max-width: 412px;
}
.small-banner.inner-banner.white .uvc-heading .uvc-main-heading h2 {
    /*font-size: 59px;*/
    font-size: 48px;
    line-height: 48px !important;
    margin-bottom: 14px;
}

@media screen and (max-width: 1307px) {
    @media screen and (min-width: 768px) {
        #homepage-banner.banner.large-banner > .wpb_column:nth-of-type(2) > .vc_column-inner {
            margin-top: unset;
        }

        .interior-page.banner.large-banner .banner-heading h2 {
            font-size: 44px;
        }
        .interior-page.banner.large-banner .uvc-sub-heading p,
        .interior-page.banner.large-banner .uvc-heading .uvc-sub-heading {
            margin: 0;
            padding-bottom: 0;
        }
    }
    #homepage-banner.banner.large-banner .banner-heading h2,
    #our-approach-banners .uvc-heading h2,
    .interior-page.banner.large-banner .banner-heading h2 {
        font-size: 49px;
        line-height: 45px;
        width: 80%;
        margin-bottom: 12px;
    }

    #multiple-banners > .wpb_column > .vc_column-inner > .wpb_wrapper h2 {
        width: 100%;
        font-size: 44px;
        line-height: 40px !important;
    }



    @media screen and (max-width: 1024px) {
        #homepage-banner.banner.large-banner .banner-heading h2,
        #our-approach-banners .uvc-heading h2 {
            font-size: 39px;
            line-height: 35px !important;
        }
        #homepage-banner.banner.large-banner .uvc-main-heading h3,
        #our-approach-banners .uvc-heading h3 {
            font-size: 28px;
            line-height: 28px;
        }


        #main-content.interior-page.banner .double-image-banner .second-img,
        #main-content.interior-page.banner .banner.bottom-banner .double-image-banner .second-img {
            left: -60px;
        }

        @media screen and (max-width: 920px) {
            .banners__wrapper .section-banner .section-banner__inner {
                flex-direction: column;
                position: relative;
            }
            .banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(1) {
                padding: 32px 31px 0;
                width: 80%;
                bottom: 20px;
            }
            .banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(1) > .vc_column-inner > .wpb_wrapper {
                /*border-bottom: 1px solid #BBBBBB;*/
            }
            .banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(2) {
                width: 100%;
                border: none;
                /*margin-bottom: 20px;*/
                padding: 32px 32px 0 32px;
            }
            .banners__wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper > .section-banner {
                border-bottom: 1px solid #BBBBBB;
                margin-bottom: 80px;
            }
            .banners__wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper > .section-banner:last-of-type {
                margin-bottom: 0;
                border-bottom: none;
            }
            .banners__wrapper:not(.interior-page) > .wpb_column > .vc_column-inner > .wpb_wrapper > .section-heading {
                /*border-bottom: 1px solid #BBBBBB;*/
                border-bottom: none;
                padding-bottom: 60px;
            }
            .banners__wrapper.interior-page > .wpb_column > .vc_column-inner > .wpb_wrapper > .section-heading {
            }
            .banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(1) {
                width: 100%;
                position: relative;
                right: unset;
            }

            .banners__wrapper .section-banner .section-banner__inner > .wpb_column .vc_column-inner {
                border: none !important;
            }
            .banners__wrapper .section-banner .section-banner__inner h2,
            .banners__wrapper .section-banner .section-banner__inner h3,
            .banners__wrapper .section-banner .section-banner__inner p {
                /*color: #000000;*/
            }

            #homepage-banner.banner.large-banner > .wpb_column:nth-of-type(1) > .vc_column-inner {
                padding-top: 170px;
            }
            #homepage-banner.banner.large-banner .mobile > .wpb_wrapper {
                width: 100%;
            }
            #homepage-banner.banner.large-banner .mobile > .wpb_wrapper > .vc_single_image-wrapper {
                width: 100%;
            }
            #homepage-banner.banner.large-banner .mobile > .wpb_wrapper > .vc_single_image-wrapper > img {
                width: 100%;
            }

            #main-content.interior-page.banner .double-image-banner .second-img,
            #main-content.interior-page.banner .banner.bottom-banner .double-image-banner .second-img{
                left: -32px;
            }

            #our-approach-banners .uvc-heading h3 {
                font-size: 56px;
                line-height: 56px;
            }
            #our-approach-banners .red-btn.big > a > i:before {
                width: 86px;
                height: 91px;
            }
            @media screen and (max-width: 767px) {
                #homepage-banner.banner.large-banner {
                    display: flex;
                    flex-direction: column-reverse;
                }
                #homepage-banner.banner.large-banner > .wpb_column:nth-of-type(1) > .vc_column-inner {
                    padding-top: 0;
                }
                #homepage-banner.banner.large-banner > .wpb_column:nth-of-type(2) > .vc_column-inner {
                    margin-top: unset;
                    padding: 0;
                }

                #homepage-banner.banner.large-banner > .wpb_column:nth-of-type(1) {
                    border: none;
                }
                #homepage-banner.banner.large-banner .wpb_column:nth-of-type(2) > .vc_column-inner > .wpb_wrapper {
                    background-color: #FFF;
                    padding: 32px 0;
                    /*margin-left: 32px;*/
                    /*margin-top: 40px;*/
                }

                #homepage-banner.banner.large-banner .banner-heading h2, #our-approach-banners .uvc-heading h2 {
                    font-size: 29px;
                    line-height: 33px;
                }

                #homepage-banner.banner.large-banner .uvc-main-heading h3 {
                    font-size: 20px;
                    line-height: 50px;
                    margin-bottom: 0;
                }

                .banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(1) {
                    padding: 12px;
                    width: 100%;
                    /*bottom: 20px;*/
                }
                .banners__wrapper .section-banner .section-banner__inner > .wpb_column:nth-of-type(2) {
                    padding: 0 12px 20px;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

                .banner.large-banner.interior-page h2 {
                    font-size: 44px;
                    margin-bottom: 12px;
                    text-align: left;
                }

                #homepage-banner.banner.large-banner .banner-heading h2,
                #our-approach-banners .uvc-heading h2,
                .interior-page.banner.large-banner .banner-heading h2 {
                    font-size: 29px;
                    line-height: 33px !important;
                }
                .banner.large-banner .banner-heading .uvc-sub-heading {
                    padding-bottom: 0;
                }
                .banner.large-banner p {
                    text-align: left !important;
                }


                #multiple-banners {
                    padding-top: 32px;
                    padding-bottom: 20px;
                }
                #multiple-banners > .wpb_column > .vc_column-inner > .wpb_wrapper h2 {
                    font-size: 29px;
                    line-height: 33px !important;
                }

                #multiple-banners .banner > .wpb_column .desktop-img > figure > div > img {
                    margin-bottom: 0;
                    width: 90% !important;
                }
                #multiple-banners .banner .wpb_single_image .vc_single_image-wrapper {
                    display: flex;
                    justify-content: center;
                }
                #multiple-banners .banner .desktop-img {
                    border-bottom: 1px solid #FFFFFF;
                }
                #multiple-banners .banner:last-of-type .desktop-img {
                    border-bottom: none;
                }

                #multiple-banners .banner {
                    flex-direction: column-reverse;
                }
                #multiple-banners .banner:nth-of-type(2n + 2) {
                    flex-direction: column;
                }
                #multiple-banners .banner > .wpb_column {
                    width: 100%;
                }
                #multiple-banners .banner > .wpb_column .desktop-img > figure,
                #multiple-banners .banner > .wpb_column .desktop-img > figure > div,
                #multiple-banners .banner > .wpb_column .desktop-img > figure > div > img {
                    width: 100%;
                }

                #multiple-banners .banner:nth-of-type(2n + 2) .banner-text {
                    padding-right: 0;
                }
                #multiple-banners .banner:nth-of-type(2n + 1) .banner-img {
                    padding-right: 0;
                }
                #multiple-banners .banner:nth-of-type(2n + 2) .banner-img {
                    padding-left: 0;
                }
                #multiple-banners.banner.large-banner .banner-heading .uvc-sub-heading {
                    text-align: left;
                }

                #multiple-banners .banner:nth-of-type(2n + 1) .banner-text {
                    padding-left: 0;
                }
                #multiple-banners .banner:nth-of-type(2n + 2) .banner-heading, #multiple-banners .banner:nth-of-type(2n + 2) .uvc-main-heading {
                    justify-content: flex-start;
                    align-items: flex-start;
                }

                #main-content.interior-page.banner.large-banner.section {
                    /*padding-top: 45%;*/
                    padding-top: 15%;
                }
                #main-content.interior-page.banner .banner.top-banner,
                #main-content.interior-page.banner .banner.bottom-banner {
                    display: flex;
                    flex-direction: column-reverse;
                }

                #main-content.interior-page.banner .double-image-banner .first-img,
                #main-content.interior-page.banner .banner.bottom-banner .double-image-banner .first-img {
                    position: relative;
                    left: 15%;
                }
                #main-content.interior-page.banner .double-image-banner .second-img, #main-content.interior-page.banner .banner.bottom-banner .double-image-banner .second-img {
                    left: -15%;
                }
                /*.banner-text {*/
                /*    margin-top: -60px;*/
                /*}*/
                #main-content.interior-page.banner .banner .desktop-img figure,
                #main-content.interior-page.banner .banner .desktop-img figure > div,
                #main-content.interior-page.banner .banner .desktop-img figure > div > img {
                    width: 100%;
                }

                #main-content.interior-page.banner .banner.bottom-banner .double-image-banner .first-img {
                    top: 0;
                }

                .small-banner.inner-banner.white {
                    flex-direction: column;
                }
                .small-banner.inner-banner.white > .wpb_column:nth-of-type(2) {
                    padding: 32px;
                }

                @media screen and (max-width: 540px) {
                    #our-approach-banners .red-btn.big > a {
                        left: 0;
                        top: -224px;
                        width: 100%;
                    }
                    #our-approach-banners .red-btn.big > a > i:before {
                        width: 34px;
                        height: 36px;
                    }
                    #our-approach-banners .uvc-heading h3 {
                        font-size: 42px;
                        line-height: 42px;
                    }

                    #main-content.interior-page.banner .double-image-banner .first-img,
                    #main-content.interior-page.banner .banner.bottom-banner .double-image-banner .first-img {
                        position: relative;
                        left: 5%;
                    }
                    #main-content.interior-page.banner .double-image-banner .second-img, #main-content.interior-page.banner .banner.bottom-banner .double-image-banner .second-img {
                        left: -5%;
                    }

                    @media screen and (max-width: 420px) {
                        #main-content.interior-page.banner .double-image-banner .first-img,
                        #main-content.interior-page.banner .banner.bottom-banner .double-image-banner .first-img {
                            position: relative;
                            left: 0;
                        }
                        #main-content.interior-page.banner .double-image-banner .second-img, #main-content.interior-page.banner .banner.bottom-banner .double-image-banner .second-img {
                            left: 0;
                        }
                    }
                }
            }
        }


    }
}