.img-tag img {
    border: 1px solid #d1ab6a;
    padding: 10px;
}

.border {
    border-color: #d1ab6a !important;
}
.microscope-box {
    height: -webkit-fill-available;
}

.microscope-box h5 {
    color: #d1ab6a;
    font-size: 18px;
    margin-bottom: 10px;
}

.hero-section{
  position: relative;
  overflow: hidden;
}

.hero-img{
  width: 100%;
  height: 420px;
  object-fit: cover;
}

.hero-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.65)
  );
}

.hero-title{
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

@media (max-width: 768px){
  .hero-img{ height: 280px; }
  .hero-title{ font-size: 26px; }
}


/*XXXXXXXXXXXXXXXXXXXX*/
.facility-section {
	padding-top: 90px;
	overflow: hidden
}

.facility-slider {
	width: 100%;
	overflow: hidden
}

.facility-slider .swiper-wrapper {
	align-items: stretch
}

.facility-slider .swiper-slide {
	padding: 0;
	box-sizing: border-box
}

.facility-card img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain
}
/*XXXXXXXXXXXXXXXXXXXX*/
.review-section {
	position: relative;
	padding-top: 50px;
	padding-bottom: 60px;
	margin-bottom: 30px
}

.review-section:hover .swiper-button-prev {
	opacity: 1
}

.review-section:hover .swiper-button-next {
	opacity: 1
}

.review-card {
	text-align: center
}

.review-card p {
	margin: 0;
	font-size: 15px;
	line-height: 24px
}

.review-card img {
	width: inherit !important;
	height: 190px;
	border-radius: 50%;
	border: 1px solid #d1ab6a
}

.sub-review {
	line-height: 1.2;
	font-size: 22px !important;
	text-transform: capitalize;
	letter-spacing: 0;
	font-weight: 300;
	margin-bottom: 10px !important;
	color: #d1ab6a;
	margin-top: 30px !important
}

.review-heading {
	line-height: 1.2;
	font-size: 16px !important;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 10px !important;
	color: #d1ab6a
}

.review-section .swiper-slide {
	opacity: .5
}

.review-section .swiper-slide .review-text {
	opacity: 0
}

.review-section .swiper-slide-next {
	opacity: 1 !important
}

.review-section .swiper-slide-next .review-text {
	opacity: 1 !important
}

@media(max-width:991px) {
	.review-section .swiper-slide {
		opacity: 1
	}

	.review-section .swiper-slide .review-text {
		opacity: 1
	}
}
/*XXXXXXXXXXXXXXXXXXXX*/
.before-after-section {
	padding: 50px 0;
	position: relative
}

.before-after-card {
	background: #2a2a2a;
	padding: 10px
}

.swiper-button-prev,
.swiper-button-next {
	width: 45px;
	height: 45px;
	background: #d1ab6a;
	border-radius: 50%;
	color: #fff;
	opacity: 0;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 20px
}

.before-after-section:hover .swiper-button-prev {
	opacity: 1
}

.before-after-section:hover .swiper-button-next {
	opacity: 1
}

.swiper-button-prev :after,
.swiper-button-next :after {
	font-size: 18px;
	font-weight: 700
}

.swiper-button-prev :hover,
.swiper-button-next :hover {
	background: #fff;
	color: #000
}

.swiper-button-prev {
	left: 100px
}

.swiper-button-next {
	right: 100px
}

@media(max-width:768px) {
	.swiper-button-prev {
		left: 0
	}

	.swiper-button-next {
		right: 0
	}
}


.swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	width: 12px;
	height: 12px
}

.swiper-pagination-bullet-active {
	background: #d1ab6a;
	opacity: 1;
	width: 12px;
	height: 12px
}
/*XXXXXXXXXXXXXXXXXXXX*/

.video-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:.25s ease;
  z-index:99999;
}

.video-modal.active{
  opacity:1;
  visibility:visible;
}

.video-modal-content {
    position: relative;
    max-width: 100%;
    width: 300px;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}

.video-modal video{
  width:100%;
  height:auto;
  display:block;
}

.video-close{
  position:absolute;
  top:8px;
  right:12px;
  font-size:30px;
  color:#fff;
  cursor:pointer;
  line-height:1;
  z-index:10;
}


/*XXXXXXXXXXXXXXXXXXXX*/