.carousel-wrap {
    min-height: 460px;
    position: relative;
    overflow: hidden;
    background: #2e3092;
    height: max-content !important; /* [AW-534] */
                                    /* Fix for Careers carousel banner overlapping texts and carousel dots. */
}

#carousel-banner.owl-carousel {
    position: relative;
}

#carousel-banner .content-wrap {
    height: calc(100vh - 200px); 
    min-height: 460px; 
    position: relative;
}

#carousel-banner h1 {
    text-shadow: 4px 2px 5px rgba(0, 0, 0, 0.08) !important;
    color: #fff; 
    font-family: 'Rubik', sans-serif;
    font-size: 36px;
    line-height: 1.16;
    margin-bottom: 15px;
}

#carousel-banner h2 {
    text-shadow: 4px 2px 5px rgba(0, 0, 0, 0.08) !important;
    color: #fff; 
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    line-height: 1.15;
    margin-bottom: 15px;
}

#carousel-banner h1, #carousel-banner h2.h1 {
    font-size: clamp(2rem, 4.5vw + 0.75rem, 3.625rem);
    line-height: 1.2;
    font-family: 'Rubik', sans-serif; 
    color: #ffffff;
}

.carousel-1 #carousel-banner h1 {
    font-size: 3.625rem;
}



#carousel-banner h3 {
    text-shadow: 4px 2px 5px rgba(0, 0, 0, 0.08) !important;
    color: #13a0f0; 
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    line-height: 1.14;
    margin-bottom: 15px;
}

#carousel-banner p {
    font-size: 1rem;
    text-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2) !important;
    line-height: 1.6;
    color: #ffffff;
}

#carousel-banner .image-wrap {
    position: absolute;
    width: 100%; 
    bottom: 0; 
    top: 0; 
    left: 0; 
    right: 0; 
    overflow: hidden; 
    transform: translate3d(0, 0, 0);
}

#carousel-banner img {
    position: relative; 
    object-fit: cover; 
    object-position: 70%; 
    width: 100%; 
    height: 100%;
}

#carousel-banner .rte-wrap {
    display: table; 
    height: 100%; 
    position: absolute; 
    width: 100%; 
    top: 0;
    background-image: -o-linear-gradient(3deg, rgba(46, 49, 146, 0.9) 10%, rgba(46, 49, 146, 0) 72%);
    background-image: linear-gradient(87deg, rgba(46, 49, 146, 0.9) 10%, rgba(46, 49, 146, 0) 72%);
}

#carousel-banner .rte-wrap-inner {
    display: table-cell; 
    vertical-align: middle
}

#carousel-banner .text-wrap {
    width: 65%; /* previously, 60% and 75%*/
    float: left;
}

#carousel-banner .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 30px;
    text-align: center;
    left: 0;
}

#carousel-banner .owl-dot {
    width: 60px;
    height: 5px;
    position: relative;
    background: transparent;
    padding: 0;
    display: inline-block;
    margin: 0px 4px;
    border: 5px solid transparent;
}

#carousel-banner .owl-dots .owl-dot:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 3px;
    margin-top: -6px;
    margin-left: -6px;
    width: 100%;
    height: 5px;
    background: #fff;
    transition: all 0.4s ease
}

#carousel-banner .owl-dots .owl-dot.active:before {
    background: #13a0f0;
}

.home-banner {
    text-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
    font-weight: 400 !important;
    width:100%;
    line-height: 1.6;
    font-size: 11px;
    color: #fff;
}

.careers-banner {
    font-weight: 600 !important;
    font-size: 14px !important;
}



@media (max-width: 768px) {
    .carousel-wrap {
        height: calc(100vh - 50px);
    }
    
    #carousel-careers .carousel-wrap {
        height: 104vh;
    }
    
    #carousel-careers .owl-carousel .owl-stage-outer {
        overflow: visible;
    }
    
    .carousel-ap-renewables #carousel-banner h1, .carousel-ap-renewables #carousel-banner h2.h1 {
    font-size: 1.65rem;
    line-height: 1.2;
    }

    .carousel-ap-renewables #carousel-banner p {
        font-size: .75rem;
    }
    
    .h1 {   
        font-size: 30px;
    }
    
    #carousel-banner .content-wrap {
        height: 100vh; 
    }
    
    #carousel-banner .text-wrap {
        width: 100%;
        margin: 180px 0 0;
    }
    
    #carousel-banner .text-wrap p {
        max-width: 85%;
    }
    
    #carousel-banner .rte-wrap {
        background-image: linear-gradient(to right, rgba(46, 48, 146, 0.9), rgba(46, 48, 146, 0.2));
    }
    
    #carousel-banner .owl-dot {
        width: 45px;
    }
    
    .home-banner {
        width:80% !important;
    }
    
}

.carousel-wrap .owl-item .content-wrap {
    height: 100% !important;
}

.carousel-wrap .owl-item .content-wrap .rte-wrap {
    position: inherit !important;
}

@media (max-width: 991px) {
    .carousel-wrap {
        height: max-content;
    }
    
    .carousel-wrap .owl-item .content-wrap {
        height: 100% !important;
    }
    
    .carousel-wrap .owl-item .content-wrap .rte-wrap {
        display: block !important;
    }
    
    #carousel-banner .content-wrap .rte-wrap {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
    }
    
    #carousel-banner .content-wrap .rte-wrap .rte-wrap-inner {
        height: 100%;
    }
    #carousel-banner .content-wrap .rte-wrap .rte-wrap-inner .container {
        height: 100%;
    }
    #carousel-banner .content-wrap .rte-wrap .rte-wrap-inner .container .text-wrap {
        margin: unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }
    
    #carousel-banner .owl-dots {
        bottom: 20px;
    }
}

/* End: [AW-534] */

#carousel-banner h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, p span {
    font-size: inherit !important;
}

#carousel-banner.with-scroll .scroll-button {
    bottom: 10px;
}

@media (min-width: 992px) {
    #carousel-banner.with-scroll .owl-dots {
        bottom: 100px;
    }
}