@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body, *{
    font-family: 'DM Sans';
}
.banner-content-bg{
    background-color: rgba(51,51,51,0.5);
}
.gradient-bg-top{
    background: linear-gradient(180deg, rgba(0, 113, 123, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.gradient-bg-bottom{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 113, 123, 0.10) 100%);
}
.box-hover-shadow:hover{
    box-shadow: 0px 10px 40px 0px rgba(51, 51, 51, 0.10);
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
	z-index: 1;
	width: 40px;
	height: 40px;
	background-color:var(--tw-primary-light);
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 35px);
	transform: translatey(-50%);
    box-shadow: 0 2px 2px var(--tw-gray-400);
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover{
    background-color:var(--tw-primary);
}
.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}
.owl-carousel .owl-nav button.owl-next {
    right: 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color: var(--tw-primary);
}