* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Lato", sans-serif;
}



/* header */
header {
  position: unset;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}

header .header-top {
  background-color: #cc943c;
  padding: 3px 0px;
}

header .header-top .top-info li, header .header-top .top-info li a {color: #fff; font-size: 14px;}
header .header-top .top-info li:last-child a {display: inline-block; height: 35px; width: 35px; border-radius: 50px; line-height: 35px;
text-align: center; background-color: #fff; color: #cc943c; border: 1px solid #fff; transition: .5s;}
header .headermn{background-color: #000;}
header .headermn .navbar .navbar-brand {width: 20%;}

header .nav-link {color: #fff; font-size: 13px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;
text-transform: uppercase;}
header .nav-link::after {content: ''; background-color: #cc943c; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0;
transition: .5s;}
header .nav-link:hover::after {width: 100%;}
header .nav-link:hover, header .nav-link:focus { color: #cc943c;}
header .navbar-nav {gap: 45px;}
header .navbar-toggler {border: none; color: #cc943c; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus {box-shadow: none;}
header .offcanvas-title img {width: 34%;}
header .navbar-nav {position: relative; align-items: center;}
.sticky {
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  background-color: #fff;
  box-shadow: 0 0 10px #00000021;
}

.sticky .headermn .navbar .navbar-brand {width: 15%;}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

header .navbar .whatsapp li a {display: inline-block; padding: 10px 20px; background-color: transparent; color: #cc943c; border-radius: 3px;
transition: .5s; border: 1px solid #cc943c; position: relative; transition: .5s; z-index: 1;}
header .navbar .whatsapp li a::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #cc943c;
z-index: -1;}
header .navbar .whatsapp li a:hover:before {width: 100%;}
header .navbar .whatsapp li a:hover {color: #ffffff;}

/* slider */

/* #slider{padding: 50px 0px; background-color: #fff4f1;}
#slider video{width: 100%;}
#slider .form-bg{box-shadow: 0px 0px 10px #ffffff5e; background: linear-gradient(180deg, #c78a37 0%, #e2bd50 100%); padding: 25px 20px;
border-radius: 20px; width: 100%;}
#slider form h3{color: #ffffff; font-size: 24px; font-family: 'Sansita One'; text-align: center;}
#slider form .form-control {background-color: #fff; font-size: 14px; border: transparent; padding: 8px 20px; border-radius: 5px; color: #000;}
#slider form .btn{background-color: #000; color: #ffffff; width: 100%; padding: 12px 0px; border-radius: 0px; border-radius: 5px;}
#slider form.row {row-gap: 15px;} */

/* slider */

#slider{background-image: url(../images/banner-1.jpg); background-position: center center; background-size: cover; padding: 60px 30px; overflow: hidden; position: relative; z-index: 1;}
#slider .row{align-items: center;}
#slider::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #00000081; z-index: -1; content: '';}
#slider .form-bg{background-color: #fff; padding: 25px 20px; border-radius: 20px; width: 100%; box-shadow: 0px 0px 10px #00000042;}
#slider form.row{row-gap: 15px;}
#slider form h3{color: #000; font-size: 24px; font-family: 'Sansita One';}
#slider form .form-control{background-color: transparent; font-size: 14px; border: 1px solid #000; padding: 8px 20px; border-radius: 0px; color: #000;}
#slider form .form-control:focus{box-shadow: none; border-color: #127bbd;}
#slider form .form-control::placeholder{color: #3b3b3b;}
#slider form .btn{background-color: #000; color: #fff; width: 100%; padding: 12px 0px; border-radius: 0px;}
#slider form .btn:hover{background-color: #000; color: #fff;}
#slider .owl-carousel button.owl-dot{display: none;}
#slider .content h2 {font-size: 39px; font-weight: 600; color: #fff; margin-bottom: 15px; text-shadow: 0px 0px 10px #000; width: 80%;}
#slider .content p{color: #fff; font-size: 20px; margin-bottom: 25px;}
#slider .content a{display: inline-block; padding: 10px 20px; background-color: #000; color: #fff; border-radius: 5px;}
.content-a{display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}

/* treatment */

#treatment{padding: 50px 0px;}
#treatment .row{row-gap: 25px; justify-content: center;}
#treatment h2{font-size: 35px; text-align: center; margin-bottom: 15px;}
#treatment .text{font-size: 16px; width: 70%; margin: 0px auto 50px; text-align: center;}
#treatment .iner{position: relative;}
/* #treatment .iner::before{position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background-color: #00000079; z-index: 1;} */
#treatment .iner .content{text-align: center; margin-top: 20px;}
#treatment .iner .content h3{color: #000; font-size: 18px;}
#treatment .iner .content .text-a{font-size: 14px; margin: 10px 0px 22px; color: #fff;}
#treatment .iner .content a{background-color: #c78a37; padding: 9px 28px; display: inline-block; border-radius: 3px; color: #fff; font-size: 14px;}

/* faqs */

#faqs{padding: 50px 0px; overflow: hidden; background: linear-gradient(180deg, #c78a37 0%, #e2bd50 100%);}
#faqs .row{row-gap: 25px;}
#faqs h2{font-size: 35px; color: #fff; text-align: center; margin-bottom: 5px;}
#faqs .imgs{text-align: center; margin-bottom: 50px;}
#faqs .accordion-button{background-color: #ffffff; padding: 10px 20px 10px 20px; box-shadow: none; font-size: 14px; font-weight: 500;}
#faqs .accordion-item {border: transparent; margin-bottom: 10px;}
#faqs .accordion-body {font-size: 14px;}

#abou-us{padding: 60px 0px; background-color: #eeebeb;}
#abou-us .row{row-gap: 25px;}
#abou-us .imgs img{border-radius: 10px;}
#abou-us .content h2{color: #bd8326; font-size: 30px;}
#abou-us .content .text{text-align: justify; margin-bottom: 15px;}


/* gallery */

#gallery {
  background-color: #eeebeb;
  padding: 50px 0 50px;
  overflow: hidden;
}

#gallery .owl-theme .owl-dots .owl-dot{display: none;}

#gallery .row{row-gap: 20px;}

#gallery h2{font-size: 36px; text-align: center; font-weight: 600; position: relative; margin-bottom: 65px;}
#gallery h2::before{position: absolute; content: ''; z-index: 1; height: 3px; width: 53px; top: 57px; margin: auto; text-align: center; left: 0px; right: 0px; background-color: #bd8326;}

#gallery .img-wrapper {
  position: relative;
  margin-top: 15px;
  overflow: hidden;
  box-shadow: 0 0 8px #00000033;
}

#gallery .img-wrapper img {
  width: 100%;
  height: 380px;
  object-fit: cover;
}

#gallery .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

#gallery .img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}

/* counter */

#counter{padding: 50px 0px;}
#counter .row{row-gap: 25px;}
#counter .iner{background-color: #bd8326; box-shadow: 0px 0px 10px #00000025; padding:30px 10px; text-align: center; border-radius: 15px; height: 230px;}
#counter .iner i{font-size: 43px; margin-bottom: 20px; color: #fff;}
#counter .iner h3{font-size: 18px; font-weight: 600; margin-bottom: 15px; color: #fff;}
#counter .iner .text{font-size: 16px; color:#fff;}

/* video-sec */

#video-sec{padding: 60px 0px; background-color: #eeebeb;}
#video-sec h2{font-size: 36px; text-align: center; font-weight: 600; position: relative; margin-bottom: 65px;}
#video-sec h2::before{position: absolute; content: ''; z-index: 1; height: 3px; width: 53px; top: 57px; margin: auto; text-align: center; left: 0px; right: 0px; background-color: #bd8326;}

/* testimonial */

#testimonial{padding: 50px 0 60px;}
#testimonial h2{color: #bd8326;}
#testimonial .row{row-gap: 20px;}
#testimonial .testimonialslider .owl-item{border: 1px solid gray; padding: 20px; height: 210px; overflow-y: scroll;}
#testimonial .owl-item h5{color: #bd8326; margin: 0px; font-size: 17px;}
#testimonial .owl-item p{font-size: 14px;}
#testimonial .iner .google{ width: 40%;}
#testimonial .iner ul li{font-size: 35px; color: #f6bb06;}
#testimonial .iner h4{margin-top: 10px;}
#testimonial .testimonialslider .star li{color: #f6bb06; font-size: 16px;}
#testimonial .testimonialslider .profile{margin-bottom: 8px;}
#testimonial .testimonialslider .profile li:first-child p{height: 40px; width: 40px; line-height: 40px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;}
#testimonial .testimonialslider .profile li span{font-size: 14px;}
#testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #bd8326;}



/* footer */

#footer{overflow: hidden;}

footer .footertop {
  background-color: #000000;
  padding: 70px 0px 20px;
}

footer .row {
  row-gap: 25px;
}

footer .footertop h3{font-size: 20px; margin-bottom: 15px; color: #fff;}

footer .footertop .about img {
  width: 200px;
}

footer .footertop .about p {
  color: #ffffff;
  font-size: 14px;
  width:77%;
  margin-top: 20px;
}

footer .footertop ul {
  list-style: none;
}

footer .footertop ul li {
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
}

footer .footertop ul li a {
  color: #fff;
  font-size: 14px;
  transition: .5s;
  display: inline-block;
  border-bottom: 1px solid transparent;
}

footer .footertop ul li a:hover {
  color: #cb913b;
}

footer .footertop .addres li {
  margin-bottom: 20px;
}

footer .footertop .addres li i {
  color: #cb913b;
  font-size: 22px;
}

footer .footerboo ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  border-top: 1px solid #cb913b;
  padding-top: 20px;
}

footer .footerboo {
  background-color: #000000;
  padding: 20px;
}

footer .footerboo .soical li:first-child {
  color: #cb913b;
  text-align: center;
}

footer .footerboo .soical li:first-child a {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #cb913b;
  border-radius: 50%;
  transition: .5s;
}

footer .footerboo .soical li:first-child a:hover {
  background-color: #000;
}

footer .footerboo ul li img {
  width: 195px;
  background-color: #cb913b;
  padding: 0px 10px 8px;
  border-radius: 100px;
}

/* quickcontact */

.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}



/* modal */

.modal form.row {
  row-gap: 20px;
}

.modal .form-control {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background-color: #f1f1f1;
}

.modal .form-control:focus {
  border-color: #000;
}

.modal .submit {
  background-color: #cb913b;
  color: #fff;
  font-weight: 500px;
  padding: 10px;
  border: 0;
  transition: .5;
}

.modal .submit:hover {
  background-color: #000;
}

/* video-img */

.video-img{background-image: url(../img/video-parallax-1-1-.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 50px 0px; position: relative; background-attachment: fixed;}
.video-img::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.3;}

.video-one .container {
	position: relative;
	padding-top: 320px;
	padding-bottom: 320px;
}

.video-one__btn {
	width: 110px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid #fff;
	border-radius: 50%;
	font-size: 40px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	text-align: center;
	color: #fff;
	-webkit-transition: 500ms;
	transition: 500ms;
	position: relative;
}

.video-one__btn:hover {
	background-color: #fff;
	color: #252930;
}

.video-one__btn:before {
	content: '';
	position: absolute;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	border: 2px solid #fff;
	opacity: .4;
	top: calc(50% - 70px);
	left: calc(50% - 70px);
	-webkit-animation: videoBtnAnim 3s linear infinite;
	animation: videoBtnAnim 3s linear infinite;
	
}

.video-one__btn:after {
	content: '';
	position: absolute;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	border: 2px solid #fff;
	opacity: .15;
	top: calc(50% - 80px);
	left: calc(50% - 80px);
	-webkit-animation: videoBtnAnim 5s linear infinite;
	animation: videoBtnAnim 5s linear infinite;
	
}


@keyframes videoBtnAnim {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	75% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}



/* ============================= */

/* other css */

.fellowship-point{background-color: #dab049; color: #000; padding: 10px;}
.fellowship-point img{ width: 20px;margin-right: 10px;}