
.fullWidth .content-box {
    max-width: 100%;
}
.component-image-content-boxes-sec .section-img {
    object-fit: cover;
    object-position: top center;
}
.hero-image img {
    max-width: 1280px;
}
.component-image-content-boxes-sec .owl-carousel .owl-dots.custom-dots {
    position: absolute;
    bottom: 25px;
    left: 20px;
}
.component-image-content-boxes-sec .owl-carousel .owl-nav {
	bottom: 20px;
}
.component-image-content-boxes-sec .owl-carousel .owl-nav button {
    max-width: 48px;
    height: 48px;
    margin: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    min-width: 48px;
}
.component-image-content-boxes-sec .owl-carousel.dots-Center .owl-dots.custom-dots {
    left: 47%;
}
.component-image-content-boxes-sec .owl-carousel.dots-Left .owl-dots.custom-dots {
   left: 10px;
}
.component-image-content-boxes-sec .owl-carousel.dots-Right .owl-dots.custom-dots {
    right: 15px;
}
}
.component-image-content-boxes-sec .owl-carousel .owl-nav button {
	width: 48px;
	height: 48px;
}
.component-image-content-boxes-sec .owl-carousel.arrows-Right .owl-nav  {
    right: 50px;
    left: auto;
}
.component-image-content-boxes-sec .owl-carousel.arrows-Left .owl-nav  {
    left: 30px;
}
.component-image-content-boxes-sec .owl-carousel.arrows-Center .owl-nav  {
    left: 45%;
}
.section-image img
{
    object-fit: cover;
}
/*media*/
@media (max-width: 1200px){
   .component-image-content-boxes-sec .owl-carousel .owl-nav button {
    max-width: 38px;
    height: 38px;
    min-width: 38px;
} 
} 
@media (min-width: 1200px){
    
} 

@media (max-width: 992px){
    .content-box {
        max-width: 100%;
    }

}
@media (min-width: 768px) and (max-width: 1200px){
       .section-image img {
           height: 450px;
}

}
@media (max-width: 767px){
    
    .component-image-content-boxes-sec .section-img {
           max-width: 350px;
           height: 350px;
           width: 100%;
}
.owl-carousel .owl-item img {
    height: 300px;
    object-fit: cover;
}
.left-arrow {
    width: 7px;
    height: 7px;
}
.component-image-content-boxes-sec .owl-carousel .owl-nav button {
    max-width: 30px;
    height: 30px;
    min-width: 30px;
}
}
.banner-videobox {
    width: 100%;
    height: 400px;
    border-radius: 24px;
}
.banner-videobox video, .banner-videobox iframe {
    object-fit: cover;
}