*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	font-family: Helvetica, Arial, sans-serif !important;
}
p {
	font-size: 16px;
}
.controls {
	display: none !important;
}
.slides-container {
	overflow: unset !important;
	overflow-x: hidden !important;
}
.skina-top img {
	width: 60%;
}
.skina-top {
	display: flex;
}
.social {
	width: 50% !important;
}
.logo-1 {
	width: 50%;
}
.social {
	width: 50%;
	justify-content: end;
	align-items: center;
	display: flex;
}
.social1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 60% !important;
}
.social1 h3 {
	margin-bottom: 0;
	font-size: 18px;
	background: #68386c;
	padding: 5px;
	border-radius: 3px;
	width: 100%;
}
.social1 .con-link {
	padding: 0;
	display: flex;
	justify-content: space-around;
	padding-top: 10px;
	column-gap: 25px;
}
.top-header .social ul {
	margin: 0px;
}
.social1 ul {
	position: relative;
}
.social1 ul li {
	font-size: 11px;
	color: #000;
	text-align: center;
	list-style: none;
	line-height: 16px;
}
.con-link li {
	font-size: 14px !important;
}
.number-only {
	padding: 0 !important;
	margin-top: 8px !important;
}
.skina-top {
	display: flex;
	max-width: 87.90%;
	margin: auto;
	padding: 15px 0 !important;
}
.social1 h3 a {
	font-size: 18px;
	color: white;
	text-align: ;
	text-align: center;
	display: block;
	text-decoration: navajowhite;
	font-weight: 400 !important;
}
.con-link li {
	font-size: 14px !important;
	font-weight: ;
	line-height: 15px !important;
}
.number-only a {
	font-size: 16px;
	color: black;
	text-decoration: none;
	font-weight: ;
	font-weight: 600;
}
.header-top {
	background: #eeeeee;
}
.inner-menu {
	display: flex;
	gap: 40px;
	justify-content: center;
}
.inner-menu li{
	list-style: none;
}
.inner-menu li a {
	text-decoration: none;
	color: white;
}
.menu-top {
	padding: 20px 0;
	background: #ed3680;
	margin-bottom: 2px;
}
section{
	width: 100%;
	float: left;
	display: block;
}
.banner-img img {
	width: 100%;
}
.bg-fix-image {
	background-image: url(img/about-section.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100% !important;
	padding: 40px 0;
}
.background-image-attech-flex {
	display: flex;
	margin-right: 30px;
}
.background-image-attech-flex-first {
	width: 50%;
}
.background-image-attech-flex-second {
	width: 50%;
}

h1 {
	margin-bottom: 10px;
	top: 0;
	font-size: 52px;
	line-height: 1.2;
	margin-top: 20px;
	text-shadow: none;
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: none;
	color: #68386c;
	text-align: center;
}
.reflection {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: none;
	color: #68386c;
	text-align: center;
	margin-bottom: 30px;
}
.bg-fix-image h2 {
	color: #68386c;
	font-size: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0px;
	text-transform: none;
	text-align: center;
}
.bg-fix-image p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: none;
	text-align: center;
	color: #333 !important;
	line-height: 1.5;
}
.doctors-image {
	display: flex;
	gap: 15px;
	margin-top: 30px;
}
.doctors-image img {
	width: 100%;
}
.counter-max {
	display: flex;
	text-align: center;
	gap: 25px;
	max-width: 85%;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 20px;
}
.counter-max .md.hydrated {
	font-size: 35px;
	color: #e62274;
	margin-top: 15px;
}
.counter-flex-box {
	background: #ebf5f5;
}
.counter-flex-box h3 {
	font-size: 24px;
	font-weight: 600 !important;
	margin-top: 15px;
}
.counter-flex-box {
	background: #ebf5f5;
	padding: 10px 30px;
}
.counter-flex-box {
	background: #ebf5f5;
	padding: 10px 30px 15px 30px;
	width: 25%;
}
.counter-flex-box p {
	margin-top: 12px !important;
}
.first-section-our-treatment {
	display: flex;
}
.our-treatment-flex-box img {
	border-radius: 50%;
}
.our-treatment-flex-box {
	text-align: center;
}
.our-treatment-max {
	background: #ebf5f5;
	padding-top: 50px;
	padding-bottom: 30px;
}
.all-our-treatment {
	max-width: 85%;
	margin: auto;
}
.our-treatment-flex-box {
	background: white;
	padding: 30px 30px 55px 30px;
	width: 25%;
	box-shadow: 1px 2px 4px 1px;
	border-top: 2px solid #e62274;
}
.first-section-our-treatment {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}
.our-treatment-flex-box h3 {
	font-size: 16px;
	margin-top: 20px;
}
.our-treatment-max h2 {
	font-size: 32px;
	color: #e07117 !important;
	text-align: center;
	margin-bottom: 15px;
}
.doctor-video iframe {
	width: 100%;
	height: 620px;
}
.doctor-video {
	max-width: 85%;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 30px;
}
.gallery-first img {
	width: 275px;
	height: 250px;
}
.gallery-first {
	display: flex;
	gap: 20px;
	max-width: 85%;
	margin: auto;
	margin-top: 20px;
}
.gallery-section h2 {
	text-align: center;
	font-size: 32px;
	font-weight: 700 !important;
	margin-bottom: 10px;
}
.gallery-section {
	padding-top: 40px;
	padding-bottom: 30px;
}
.monile-icon::after {
	border: 1px solid #e62274;
	width: calc(100% + 40px);
	height: calc(100% + 40px);
	border-radius: 50%;
	animation: pulse 1s linear infinite;
	animation-delay: .3s;
}
.monile-icon::before {
	content: "";
	position: absolute;
	border: 1px solid #e62274;
	width: calc(100% + 40px);
	height: calc(100% + 40px);
	border-radius: 50%;
	animation: pulse 1s linear infinite;
}
.monile-icon {
	width: 66px;
	position: fixed;
	top: 74%;
	left: 15px;
	z-index: 102;
	animation: rotation 5s infinite linear;
	animation-duration: 4s;
}
.monile-icon {
	height: 65px;
	background-color: #e62274;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.monile-icon {
	bottom: 80px!IMPORTANT;
}
.monile-icon .md.hydrated {
	font-size: 33px;
	color: white;
}
.doctors-flex-box {
	box-shadow: 1px 1px 5px 1px;
	padding: 10px 2px;
}
@keyframes rotation {
 from {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(360deg)
 }
}
footer {
	width: 100%;
	float: left;
	display: block;
	background: #333333;
	padding: 30px 0;
}
.footer-1 {
	width: 33%;
}
.footer-section {
	display: flex;
	max-width: 85%;
	margin: auto;
	gap: 80px;
}
footer iframe {
	height: 200px;
	width: 100%;
}
footer h3 {
	color: #fff;
	margin: 15px 0;
	font-size: 18px;
	font-weight: 600 !important;
}
footer p {
	font-size: 15px;
	color: #fff;
	font-weight: 500 !important;
	line-height: 1.7333;
	margin-bottom: 20px;
}
.footer-number a {
	font-size: 16px;
	color: white;
	text-decoration: none;
	font-weight: 500 !important;
}
.footer-number {
	font-size: 16px;
	font-weight: 700 !important;
	margin-top: 10px;
}
.book-apointment-btn {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #68386c;
	width: 100%;
	display: block;
	right: 0;
	text-align: center;
	padding: 12px 0;
}
.book-apointment-btn a {
	color: white !important;
	font-size: 20px;
	font-weight: ;
	text-decoration: none;
}
.our-treatment-flex-box img:hover {
	opacity: 0.5;
}
.our-treatment-flex-box img {
	border: 1px solid black;
}
.background-image-attech-flex-first img {
	display: none;
}
.book-apointment-btn {
	display: none;
}
.doctors-flex {
	display: flex;
	gap: 30px;
	margin-top: 40px;
}
.doctors-flex img {
	width: 60%;
}
.doctors-max-width {
	max-width: 80%;
	margin: auto;
	text-align: center;
}
.dr-quality {
	background: #e62274;
	color: white;
	padding: 12px 0;
}
.dr-quality h3 {
	color: white;
	font-size: 30px;
	font-weight: 600 !important;
}
.dr-quality h4 {
	font-size: 16px;
	margin-top: 5px;
	font-weight: 600 !important;
}
.dr-quality p {
	margin-top: 8px;
	font-size: 15px;
	font-weight: 500 !important;
}
.d-1-para {
	margin-top: 15px;
}
.doctors-max-width {
	max-width: 80%;
	margin: auto;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 30px;
}
.doctors-flex {
	display: grid !important;
	gap: 30px;
	margin-top: 40px;
	grid-template-columns: repeat(3,1fr);
}
.ex-paxa {
	margin-top: 10px;
}
.des-para {
	text-align: center;
}
.ex-paxa {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 300 !important;
	color: #a68ca9;
}
.doctors-image img {
	width: 100%;
	object-fit: contain;
}
.gallery-first img {
	width: 100%;
	height: auto;
}
.gallery-first {
	display: block !important;
	width: 100% !important;
	max-width: 85% !important;
}
.owl-dots {
	display: none;
}
.owl-prev {
	position: absolute;
	left: 0;
	top: 50%;
}
.owl-prev span {
	font-size: 55px;
}
.owl-next {
	right: 0;
	position: absolute;
	top: 50%;
}
.owl-next span {
	font-size: 55px;
}
.doctors-image img {
    width: 22%;
    object-fit: contain;
}
.vaginal-rejuvation img {
    max-width: 200px !important;
    height: 200px !important;
}
button {
  cursor: pointer;
  padding: 8px 16px;
}

main {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
}

.controls {
  padding: 10px;
}

.slides-container {
  position: relative;
  overflow: hidden;  
  display: flex;
  flex: 1;
}

.slide {
  position: absolute;
  font-size: 90px;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100vw;
}

.slides-inner {
  position: relative;
  height: 100%;
  width: 100%;  
  overflow: hidden;
}
.slide img{
    width:100% !important;
}
#slide-inner-id {
	overflow: unset !important;
}
.slides-container {
	overflow: unset !important;
}
#slide-inner-id img {
	width: 100% !important;
}
.slides-container {
    overflow-x: hidden;
}
.controls {
	display: none !important;
}
/*----------------*/
button {
  cursor: pointer;
  padding: 8px 16px;
}

main {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
}

.controls {
  padding: 10px;
}

.slides-container {
  position: relative;
  overflow: hidden;  
  display: flex;
  flex: 1;
}

.slide {
  position: absolute;
  font-size: 90px;
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100vw;
}

.slides-inner {
  position: relative;
  height: 100%;
  width: 100%;  
  overflow: hidden;
}
.slides-container {
	overflow-x: hidden !important;
}
.slide {
	background: none !important;
}
/*1111111111111111111111*/
@mixin default($margin, $padding, $box-sizing) {
  margin: $margin;
  padding: $padding;
  box-sizing: $box-sizing;
}

@mixin dimension($width: auto, $height: auto) {
  width: $width;
  height: $height;
}

@mixin pos($position: absolute, $margin: auto, $top: auto, $bottom: auto, $left: auto, $right: auto) {
  position: $position;
  margin: $margin;
  top: $top;
  bottom: $bottom;
  left: $left;
  right: $right;
}

$color: cornsilk;

* {
  @include default(0, 0, border-box);
}

body, html {
  @include dimension(100%, 100%);
}

  .container {
    @include dimension(100%, 100%);
    position: relative;
    background: #355C7D;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #C06C84,   #6C5B7B, #355C7D);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #C06C84,           #6C5B7B, #355C7D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    overflow: hidden;
    img {
      @include dimension(100%, 100%);
      object-fit: cover;
      @include pos($top: 0, $bottom: 0, $left: 0, $right: 0);
      animation: fade 1s;
    }
    .arrow {
      z-index: 10;
      @include pos($top: 0, $bottom: 0);
      @include dimension(1.5rem, 1.5rem);
      font-size: 1.5rem;
      color: $color;
      opacity: 0.5;
      transition: opacity 1s;
      &:hover {
        cursor: pointer;
        opacity: 1;
      }
    }
    .arrow-left {
      left: 2%;
    }
    .arrow-right {
      right: 2%;
    }
    .dots {
      @include pos($left: 0, $right: 0, $bottom: 2%);
      @include dimension(7rem);
      z-index: 5;
      .dot {
        @include dimension(2rem, 2rem);
        display: inline-flex;
        align-content: center;
        justify-content: center;
        color: $color;
      }
    }
  }

@keyframes fade {
  from {opacity: 0.1}
  to {opacity: 1}
}
.container img {
	width: 100% !important;
}
.doctors-flex {
	display: grid !important;
	gap: 30px;
	margin-top: 40px;
	grid-template-columns: repeat(2,1fr);
}
.doctors-max-width {
    display: none !important;
}











/*-----------responsive---------------*/
@media(max-width: 850px){
	.social1 {width: 100% !important;}
}
@media(max-width: 500px){
	.counter-flex-box {width: 100%;}
	.counter-max {display: block;}
	.counter-flex-box {width: 80%;margin-top: 18px !important;margin: auto;}
	.our-treatment-flex-box {width: 80%;margin: auto;}
	.our-treatment-flex-box {margin-top: 20px;}
	.gallery-first {display: block;}
	.gallery-first img {width: 98%;height: 285px;margin-top: 10px;}
	.footer-section {display: block;}
	.footer-1 {width: 80%;margin: auto;}
	.inner-menu {display: flex;gap: 20px;justify-content: center;}
	.first-section-our-treatment {display: block;}
	.background-image-attech-flex {display: block;}
	.background-image-attech-flex {margin-right: 0;}
	.background-image-attech-flex-second {width: 85%;margin: auto;}
	.skina-top {display: block;text-align: center;}
	.social {justify-content: center;display: flex;width: 100% !important;}
	.social1 h3 {display: none;}
	.logo-1 {width: 100%;}
	.doctors-image {display: grid;gap: 15px;margin-top: 30px;grid-template-columns: repeat(2,1fr);}
	.gallery-first {margin-top: 0;}
	.background-image-attech-flex-first img {display: block;}
	.book-apointment-btn {display: block;}
	.doctors-flex {grid-template-columns: repeat(1,1fr);}
	.gallery-first img {height: auto !important;}
	.background-image-attech-flex-first img {width: 100%;}
	.background-image-attech-flex-first {width: 85%;margin: auto;}
	.doctors-image img {width: 60%;object-fit: contain;margin: auto;}
	.inner-menu li a {font-size: 13px;}
	.inner-menu {gap: 14px;}
	.bg-fix-image { background-size: unset;background-position: top}
	main {height: 200px;}
	.slides-container {height: auto !important;height: 100px;}
	.slides-inner {	height: auto !important;}
}