:root {
    --main-white-color: white;
    --main-black-color: black;
  }
   
  .static {
    position: static; 
  }
   
  .cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .owl-carousel .owl-slide {
    position: relative;
    height: 400px;
    background-color: lightgray;
    width: 100%;
  }
   
  .owl-carousel .owl-slide-animated {
    transform: translateX(20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.05s;
    font-family: 'Ubuntu', sans-serif;
    font-weight:500;
    font-size: 24px;
  }
   
  .owl-carousel .owl-slide-animated.is-transitioned {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
  }
   
  .owl-carousel .owl-slide-title.is-transitioned {
    transition-delay: 0.2s;
  }
   
  .owl-carousel .owl-slide-subtitle.is-transitioned {
    transition-delay: 0.35s;
  }
   
  .owl-carousel .owl-slide-cta.is-transitioned {
    transition-delay: 0.5s;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 22px!important;
    border-radius: 20px;
    text-align: center;
    font-family: 'Ubuntu';
  }
  .owl-carousel .owl-dots,
.owl-carousel .owl-nav {
  position: absolute;
}
.owl-dots{
  top: 80%;
}
.owl-carousel .owl-dots .owl-dot span {
  background: transparent;
  border: 1px solid var(--main-black-color);
  transition: all 0.2s ease;
}
 
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--main-black-color);
}
 
.owl-carousel .owl-nav {
  right: 0%;
  top: 40%;
  transform: translateX(-50%);
  margin: 0;
}

.owl-slide-text{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.owl-slide-right-icon img{
 max-height: 320px;
 object-fit: cover;
}
.owl-carousel .owl-slide-title{
    max-width:600px;
	font-size:48px;
}
.owl-carousel .owl-slide-subtitle {
    max-width: 600px;
}
@media (max-width: 568px)
{
.owl-carousel .owl-slide-title{
font-size:24px;
}
}

/*@media (max-width:768px)
{
    
    .owl-slide-text{
      width: 768px;
    }
}

@media (max-width:568px){
  .owl-slide-text{
    width:100%;
    display: inline-block;
  }

}
@media (min-width: 1024px){
  .owl-slide-text{
    width: 1366px;
  }
  
}
*/