*,
*::before,
*::after {
  box-sizing: border-box;
}
*, html, body{margin: 0;padding: 0;}
html, body{width: 100%;height: 100%;}


/* OWL THEME DEFAULT */
.owl-theme .owl-nav {position: absolute;bottom: 40px;right: 40px; text-align: right; -webkit-tap-highlight-color: transparent;transition: 0.5s all; } 
.owl-theme .owl-nav [class*='owl-'] {color: #FFF; font-size: 3rem; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;transition: 0.5s all; } 
.owl-theme .owl-nav [class*='owl-']:hover {background: #869791; color: #FFF; text-decoration: none; transition: 0.5s all;} 
.owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {transition: 0.5s all;}
.owl-theme .owl-dots {position: absolute;z-index: 9;left: 0;bottom: 15px;width: 100%;display: flex;justify-content: center; -webkit-tap-highlight-color: transparent;transition: 0.5s all; }
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline; transition: 0.5s all; }
.owl-theme .owl-dots .owl-dot span {width: 20px; height: 10px; margin: 5px 7px; background: #d1d1d1; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease;transition: 0.5s all; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: var(--color1); transition: 0.5s all;}
.owl-item {-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }
/* SLIDER */
.slider_body{position: relative;display: flex;justify-content: center;align-items: center; width: 100%;height: 80vh;background-image: radial-gradient( circle 481px at 51.1% 49%,  rgba(255,255,255,1) 0%, rgba(232,235,235,1) 100.3% );}
.slider_full_img{width: 100%;height: 100%;object-fit: cover;}
.slider_container{position: relative;display: flex;justify-content: center; width: 100%;height: 100%;}
.slot_1, .slot_2{display: flex;justify-content: center; width: 50%;height: 100%;align-items: center;}
.slot_2 > img{max-width: 400px; max-height: 400px;object-fit: contain;}
@media (max-width: 768px){
  .slider_body{height: auto;}
  .slider_container{flex-wrap: wrap;}
  .slot_1, .slot_2{width: 100%;height: auto;}
  .slot_2 > img{max-width: 350px; max-height: 300px;}
}
/* slide content */
.slide_content_body{width: 100%; max-width: 550px;padding: 15px;margin: auto;}


