/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
 .owl-carousel,
 .owl-carousel .owl-item {
   -webkit-tap-highlight-color: transparent;
   position: relative;
 }
 .owl-carousel {
   display: none;
   width: 100%;
   /* z-index: 1; */
 }
 .owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
   -moz-backface-visibility: hidden;
 }
 .owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
 }
 .owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   -webkit-transform: translate3d(0, 0, 0);
 }
 .owl-carousel .owl-item,
 .owl-carousel .owl-wrapper {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
 }
 .owl-carousel .owl-item {
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-touch-callout: none;
 }
 .owl-carousel .owl-item img {
   width: auto !important;
    /* position: absolute; */
 }
  /* .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled,
  .owl-nav {
    display: none;
  } */
 .no-js .owl-carousel,
 .owl-carousel.owl-loaded {
   display: block;
 }
 .owl-carousel .owl-dot,
 .owl-carousel .owl-nav .owl-next,
 .owl-carousel .owl-nav .owl-prev {
   cursor: pointer;
   cursor: hand;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .owl-carousel.owl-loading {
   opacity: 0;
   display: block;
 }
 .owl-carousel.owl-hidden {
   opacity: 0;
 }
 .owl-carousel.owl-refresh .owl-item {
   visibility: hidden;
 }
 .owl-carousel.owl-drag .owl-item {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .owl-carousel.owl-grab {
   cursor: move;
   cursor: grab;
 }
 .owl-carousel.owl-rtl {
   direction: rtl;
 }
 .owl-carousel.owl-rtl .owl-item {
   float: right;
 }
 .owl-carousel .animated {
   animation-duration: 1s;
   animation-fill-mode: both;
 }
 .owl-carousel .owl-animated-in {
   z-index: 0;
 }
 .owl-carousel .owl-animated-out {
   z-index: 1;
 }
 .owl-carousel .fadeOut {
   animation-name: fadeOut;
 }
 @keyframes fadeOut {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }
 .owl-height {
   transition: height 0.5s ease-in-out;
 }
 .owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   transition: opacity 0.4s ease;
 }
 .owl-carousel .owl-item img.owl-lazy {
   transform-style: preserve-3d;
 }
 .owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000;
 }
 .owl-carousel .owl-video-play-icon {
   position: absolute;
   height: 80px;
   width: 80px;
   left: 50%;
   top: 50%;
   margin-left: -40px;
   margin-top: -40px;
   background: url(owl.video.play.png) no-repeat;
   cursor: pointer;
   z-index: 1;
   -webkit-backface-visibility: hidden;
   transition: transform 0.1s ease;
 }
 .owl-carousel .owl-video-play-icon:hover {
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3);
 }
 .owl-carousel .owl-video-playing .owl-video-play-icon,
 .owl-carousel .owl-video-playing .owl-video-tn {
   display: none;
 }
 .owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: opacity 0.4s ease;
 }
 .owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
   height: 100%;
   width: 100%;
 }
 
 /* custom */
 .owl-theme .owl-nav .disabled {
     opacity: .5;
     cursor: default;
 }
 
 

 .banner .owl-prev,
 .banner .owl-next {
   background: none !important;
   /*color: var(--color-blue2) !important;*/
   color: #fff !important;
   font-size: 40px !important;
   font-weight: normal;
   transition: all 1s;
 }

 .banner .owl-prev:hover,
 .banner .owl-next:hover {
/*background-color: var(--color-magenta-light3) !important;*/
  color: #fff !important;
 }
 
 .banner .owl-nav {
 
   position: absolute;
   top: 85%;
    /* right: 0; */
   display: flex;
   gap: 0;
   width: 100%;
   transform: translateY(-50%);
 
 }
 
 .banner .fa-arrow-left,
 .banner .fa-arrow-right {
   font-weight: 100;
 }
 
 /* .banner .item {
   min-height: 150px;
 } */
 .banner .item img {
   width: auto !important;
 }
 
 @media (max-width: 767px) {
   .banner .owl-nav {
     top: auto !important;
     justify-content: space-between;
     position: relative;
     width: 100%;
     gap: 0 !important;
     display: none;
 
   }
 
   .banner .item {
     box-shadow: none !important;
 
   }
 }
 
 .banner .owl-prev,
 .banner .owl-next {
   background: white ;
   color: var(--color-blue2) ;
   font-size: 30px !important;
   font-weight: normal;
   border-radius: 50%;
   height: 50px;
   width: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   /* box-shadow: 0px 1px; */
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

 }
 
 .banner .owl-next {
   position: absolute;
   left: 70px;
 }
 .owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
 


 @media(max-width:767px){
   .What_is_UX4G{
     .owl-nav{
       display: flex;
       justify-content: space-around;
       color: var(--color-gray5);
       padding-bottom: 20px;
     }
   }
 }