/*slider button*/
.owl-prev
{
    position: absolute;
    top: 43%;
    left: 0;
    background-color: #00000026;
    padding: 21px;
}
.owl-next
{
    position:absolute;
    top:43%;
    right:0;
    background-color: #00000026;
    padding: 21px;
}
.owl-prev i,
.owl-next i
{
    font-size: 33px;
    color: #ffffff;
}
.owl-prev:hover,
.owl-next:hover
{
background-color:#006cb5;    
}
.testimonial_subtitle{
    color: #0aaa7a;
    font-size: 12px;
}
  .testimonial_btn{
    background-color: Transparent !important;
    color: #006cb5 !important;
 }
 .testimonial_btn:hover{
    background-color: #006cb5 !important;
    color: #fff !important;
 }
  
 .seprator {
    height: 2px;
    width: 56px;
    background-color: #0aaa7a;
    margin: 7px 0 10px 0;
}
.dnone
{
    display: none;
}

/* slider */
 
.navbar-toggler {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 25px;
   width: 25px;
   padding: 0;
   border: none;
   &:hover, &:focus {
      outline: 0;
   }
   .icon-bar {
      position: relative;
      display: block;
      margin: 0 auto;
      width: 24px;
      height: 3px;
      background: #000;
      transition: all .3s ease;
      will-change:transform;
      &:before, 
      &:after {
         content: '';
         position: absolute;
         background: #000;
         top: 0;
         width: auto;
         height: 100%;
         transition: .3s;
         will-change:transform;
       }
       &:before {
         left: 0;
         right: 0;
         transform: translate(0,-7px);
       }
       &:after {
         left: 0;
         right: 0;
         transform: translate(0,7px);
       }
   }
   &:not(.collapsed) {
      .icon-bar {
         background: 0;
         &:before, 
         &:after { 
            left: 0;
            right: 0;
         }
         &:before {
            transform: rotate(135deg);
         }
         &:after {
            transform: rotate(45deg);
         }
      }
   }
}

.gallery-item {
  position: relative;
  .item-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.carousel-item {
  padding: 19vw 0;
  background-size:cover; 
  background-position:center;
}
 /*linkages*/
 .slider {
	 display: flex;
	 height: 190px;
	 max-height: auto;
	 overflow-y: hidden;
	 overflow-x: scroll !important;
	 padding: 16px;
	 transform: scroll(calc(var(--i,0)/var(--n)*-100%));
	 scroll-behavior: smooth;
}
 .slider::-webkit-scrollbar {
	 height: 5px;
	 width: 150px;
	 display: none;
}
 .slider::-webkit-scrollbar-track {
	 background: transparent;
}
 .slider::-webkit-scrollbar-thumb {
	 background: #888;
}
 .slider::-webkit-scrollbar-thumb:hover {
	 background: #555;
}
 .slider img:hover {
	 transform: scale(1.05);
	 box-shadow: 10px 10px 10px rgba(0,0,0,0.15);
}
 .slide {

	 position: relative;
}
 .slide img {
	 
	 width: 175px;
	 margin: 0 10px;
	 object-fit: cover;
	 border-radius: 15px;
	 cursor: pointer;
	 transition: .25s ease-in-out;
}
 .control-prev-btn {
	position: absolute;
    top: 50%;
    left: -5%;
    background-color: rgba(255,255,255,0.55);
    height: 45px;
    line-height: 46px;
    width: 45px;
    text-align: center;
    box-shadow: 0 1px 3px #888;
    user-select: none;
    color: #444;
    cursor: pointer;
    border-radius: 50%;
}
 .control-next-btn {
	position: absolute;
    top: 50%;
    right: -5%;
    background-color: rgba(255,255,255,0.55);
    height: 45px;
    line-height: 46px;
    width: 45px;
    text-align: center;
    box-shadow: 0 1px 3px #888;
    user-select: none;
    color: #444;
    cursor: pointer;
    border-radius: 50%;
}/*
.slide img.zoomed{
	  width: 500px;
    height: 600px;
    position: fixed;
    left: 25%;
    top: 0%;
    z-index: 1000;
		transform: scale(1) translatey(0) !important; 
	
}*/
.overlay{
		position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.45);
    top: 0;
		display: none;
}
.overlay.active{
	display: block;
}
 @media only screen and (max-width: 420px) {
	 .slider {
		 padding: 0;
	}
	 .slide {
		 padding: 16px 10px;
	}
	 .slide img {
		 margin: 0;
	}
	 .control-prev-btn {
		 top: 47%;
		 display:none;
	}
	 .control-next-btn {
		 top: 47%;
		 display:none;
	}
}