.slider {
   margin-bottom: 30px;
   position: relative;
 }
 .slider .owl-item.active.center {
   position: relative;
   z-index: 11111111;
 }
 .slider .owl-item.active.center .slider-card {
   transform: scale(1.5);
   opacity: 1;
   color: #fff;
 }
 .slider-card {
   background: #fff;
   padding: 0px 0px;
   margin: 50px 15px 90px 15px;
   transform: scale(1.2);
   /* opacity: 0.5; */
   transition: all 0.3s;
 }

 .slider .owl-item.active .slider-card:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 255, 0.4);
   z-index: 1;
   transition: all 0.3s ease;
 }
 .slider .owl-item.active.center .slider-card:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: transparent;
   z-index: 1;
 }
 .owl-nav .owl-prev {
   position: absolute;
   top: calc(50% - 25px);
   left: 0;
   opacity: 1;
   font-size: 30px !important;
   z-index: 1;
 }
 .owl-nav .owl-next {
   position: absolute;
   top: calc(50% - 25px);
   right: 0;
   opacity: 1;
   font-size: 30px !important;
   z-index: 1;
 }
 .owl-dots {
   text-align: center;
 }
 .owl-dots .owl-dot {
   height: 10px;
   width: 10px;
   border-radius: 10px;
   background: #ccc !important;
   margin-left: 3px;
   margin-right: 3px;
   outline: none;
 }
 .owl-dots .owl-dot.active {
   background: #f44336 !important;
 }

 .owl-stage-outer {
   scale: 0.9;
 }
 @media (max-width: 800px) {
   .slider .owl-item.active.center .slider-card {
     transform: scale(1);
     opacity: 1;
     color: #fff;
   }
   .slider-card {
     padding: 0px 0px;
     margin: 0;
     transform: scale(1);
   }
 }