/* .popup-content.active .view-detail {
  display: none;
}
.main {
	display: block;
	margin: auto;
	position: relative;
	max-width: 1440px;
}

.prev,
.next {
	display: inline-block;
	padding: 3px;
	background: #F4F5F7;
	text-decoration: none;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	box-sizing: border-box;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}


.prev:hover,
.next:hover {
	background: #18191F;
}

.prev:hover svg path,
.next:hover svg path {
	stroke: #fff;
}

.slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	cursor: pointer;
}



.wrapper-slide {
	width: 23.4rem;
	height: 28.1rem;
	min-width: 256px;
	max-width: 375px;
	min-height: 310px;
	max-height: 450px;
	overflow: hidden;
	position: relative;
} 

.wrapper-slide-2,
.wrapper-slide-3 {
	width: 18rem;
	height: 21.9rem;
	min-width: 20px;
	max-width: 289px;
	min-height: 242px;
	max-height: 351px;
	overflow: hidden;
	cursor: pointer;
}

.wrapper-content-4 {
	max-width: 320px;
	min-width: 320px;
  flex: 1 30%;
  position: relative;
  overflow: hidden;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* .wrapper-content-in-slide.current {
	position: relative;
	opacity: 1;
	z-index: 1;
	transition: all .5s ease-in-out;
	transform: translateY(0px);
}

.wrapper-content-in-slide {
	position: absolute;
	opacity: 0;
	z-index: -1;
	transition: all 0s ease-in-out;
	transform: translateY(-50px);
} */
/* =====================================POPUP=====================================  */
.popup-cs-overlay {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
	z-index:-100;
/* 	transition: all .5s ease-in-out; */
}

.popup-cs-overlay.active {
  /*displays pop-up when "active" class is present*/
  visibility: visible;
  text-align: center;
	z-index: 99999999;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility: visible;
  z-index: 102;
  width: 70vw;
  max-width: 1200px;
  min-height: 65%;
  max-height: 80%;
  height: fit-content;
  height: -webkit-fill-available;
  background: #F4F5F7;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  justify-content: space-between;
	overflow-y: scroll;
}
.popup-content.active .image {
  width: 50%;height: inherit
}
.popup-content.active > div {
	flex: 1 100%;
	width: 50%;
}
.popup-cs-overlay .close {
  position: absolute;
  top: 8%;
  right: 10%;
	height: 50px;
  width: 50px;
  background: #ffffff15;
  border: 0px;
  padding: 15px;
  border-radius: 50%;
}
.popup-content.active .content {
  display: block;
  height: fit-content;
  max-height: 100%;
  align-items: start;
  padding: 2rem 4rem;
  width:50%;
  overflow-y: scroll;
}

.popup-content.active .content::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.popup-content.active .content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  font-style: normal;
  line-height: 110%;
  text-align:left
}

.popup-content.active .content .subtitle {
  text-align: left;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 110%;
  text-transform: uppercase;
  font-feature-settings: 'salt' on, 'liga' off;
}
.popup-content.active .content .view-detail{
	display: none;
}
.popup-content.active .content .short_testimonial {
/*   overflow-y: scroll; */
	height: 100%;
}
.popup-content.active .image img {
  height: 100%!important;
  object-fit: cover;
  width: inherit;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  object-position: center;
}

.wrapper-content-4 .short_testimonial {
  display: block;
  display: -webkit-box;
  height: 16px * 1.3 * 10;
  font-size: 16px;
  line-height: 1.3;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 960px) {
	/* For portrait layouts only */
	/* 			.action {
	left: 0!important;
	position: relative;
	bottom: 0;
} */
	.action {
		left: 0!important;
		position: absolute;
		bottom: 50%;
		transform: translateY(-50%);
		width: 100%;
	}
	.prev,
	.next {
		position: absolute;
	}
	.prev{left: 0}
	.next {right: 0}
}

@media screen and (max-width: 800px) {
	.popup-content.active {
		width: 90vw;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: center;
	}
	.popup-content.active > div {
		width: 100%;
	}
  .popup-content.active .image {
    width: 100%;
  }
   .popup-content.active .content {
    padding: 2rem;
    width:auto;
    height:auto;
    max-height: fit-content;
    overflow-y: unset;
  }
	.popup-content.active .image {
		height: 300px;
	}
	.popup-content.active .image img {
		object-position: center top;
	}
	.popup-cs-overlay .close {
		top: 1rem;
		right: 2rem;
	}
	.wrapper-content-4 {
		width: 100%;
		max-width: 100%;
		min-width:100%;
		margin-left: 0rem;
		margin-top: 2rem;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.wrapper-slider-content {
		flex-direction: column-reverse;justify-content: center;
	}

	.wrapper-slide {
		/* width: 16rem;
		height: 19.3rem; */
		width: 22rem;
		height: 24.5rem;
	}

	.wrapper-slide-2,
	.wrapper-slide-3 {
		/* width: 12.5rem;
		height: 15.1rem; */
		width: 18.5rem;
		height: 20rem;
	}
  
}
@media screen and (max-width: 375px) {
  .dots {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1rem 0 2.5rem 0;
  }
  .dot.active {
    background: #26afc6;
  }
  .dot {
    width: 32.8%;
    height: 5px;
    background: #EEEFF4;
  }
} */