.owl-carousel .slider-content { position: absolute; text-align: center; width: 100%; bottom: 9%; left: 0; background-color: rgb(0 0 0 / 20%); padding: 0 5%;}
.owl-carousel .slider-content h3 { font-size: 2.5vw; font-weight: 600;}

.main-banner .owl-dots { position: absolute; bottom: 30px; top:auto; text-align:left; width: 30%; padding:  0 5% 0 10%; left: 0;}
.main-banner .slider-content { position: absolute; width: 30%; padding:  0 5% 0 10%; background: linear-gradient(90deg, rgb(255 255 255 / 80%) 20%, rgb(255 255 255 / 60%) 50%, rgb(255 255 255 / 00%) 80%); left: 0%; top: 20%; height: 60%; z-index: 10; display: flex; align-items: center; text-align: left; }
.main-banner .slider-content h3 { font-size: 50px; color: #000; text-shadow: 3px 3px 5px #fff; }
.styled-blocks .ele-template { border-radius: 20px; background-color: #fff; padding-top: 40px; padding-bottom: 40px; }
.white-flex-boxes .flex-child { border-radius: 20px; background-color: #fff; padding: 40px; text-align: center;}

@media screen and (max-width:1000px) {
.main-banner h3 { font-size:40px;}
	.main-banner .owl-dots { position: relative; bottom: 0; text-align: center; width: 100%; padding: 5px 0;}
	.main-banner .slider-content { position: relative; width: 100%; padding: 5px 10px; background: none; left: 0; top: 0; height: auto; display: block; text-align: center; box-sizing: border-box; }
	.main-banner .slider-content h3 { font-size: 32px; }
}