/* hero banner */
.heroBanner {
  height: 100%;
  position: relative;
  overflow: hidden;
overflow:hidden;
height:600px;
background: #d7f7f94f;
}

.hero-slider{
	background: #f0fffa;
}

.heroBanner:after{
content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 20px;
  right: 0;
background-image: url(/app/themes/websearchengineering/resources/inc/images/hero-bg-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size:100%;
  opacity: 0.3;
}

.heroBanner .container{
	height: 100%;
  display: flex;
  justify-content:center;
  align-items:center;
  position: relative;
  flex-wrap:wrap;
}

.innerBox{
max-width: 650px;
  margin: auto;
  margin-left: 0;
  position:relative;
  z-index: 2;
margin-top: 0;
  margin-bottom: 20px;
}

.heroBanner h1,
.heroBanner .hero-title{
	color: #004756;
font-size: 54px;
  line-height: 70px;
  margin-bottom: 35px;
  margin-top: 0px;
  
}

.rightHeroImg {
width: calc(100% - 650px);
  z-index: 1;
  padding-left: 50px;
  box-sizing: border-box;
margin-top: 15px;
  position: relative;
}

.rightHeroImg .img1man {
position: relative;
  max-width: 500px;
  margin-left: auto;
  position:relative;
  z-index:1;
}

.man-bg-img{
	position:absolute;
max-width: 514px;
  top: 22px;
  right: 7px;
}


.innerBox p{	 
color: #333;
  font-size: 24px;
line-height: 34px; 
  max-width: 600px;
}

.heroBanner .book-button {
  font-size: 20px;
  margin-left:0px;
  padding: 15px 17px;
  margin-left:30px;
}

.heroBanner .book-button img{
	float:right;
	margin-right:0px;
	margin-left:12px;
	transform: rotate(-42deg);
}

.highlite{
	position:relative;
	display:inline-block;
}

.highlite::after {
  position: absolute;
bottom: -3px;
  right: 0;
  background-image: url(../images/highlite-bg.svg);
  width: 65%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  content: "";
  height: 100%;
  z-index: -1;
}

.arrow-icon{	
position: absolute;
  bottom: 56px;
  left: -70px;
  width: 255px;
  height: 94px;
  background: url(../images/curv-arrow.svg)no-repeat center;
  background-size: 133px;
  transform: rotate(-8deg);
}

.heroBanner blockquote{
margin-top: 40px;
  padding-left: 70px;
	background: url(/app/uploads/2025/01/quote2.png)no-repeat;
background-position: 0px 0;
  background-size: 64px;
  padding-top: 13px;
	
}

.heroBanner blockquote p{
	font-size: 23px;
  color: #042e37;
  line-height: 42px;
   margin-bottom: 0;
}

.heroBanner blockquote span{
	font-size: 22px;
}

.heroBanner .btn-group{
	display: flex;
  align-items: center;
  margin-top: 50px;
}

.hero-banner-icon-content{
	display: flex;
  list-style: none;
  padding: 0;
  gap: 30px;
}


.rightHeroImg .shape1 {
top: 3%;
  left: 3%;
  width: 100px;
  opacity: 0.2;
  animation: none !important;
}

.rightHeroImg .shape2 {
width: 90px;
  bottom: 57%;
  right: -85px;
  top: unset;
  animation: none !important;
    animation-timeline: ;
  opacity: 0.2;
}

.shape3{
	width: 117px;
  top: 3%;
  left: 114px;
  opacity: 0.2;
}

.shape4{
	width: 90px;
  top: 3%;
  right: 114px;
  opacity: 0.2;
}

.shape4, 
.shape3, 
.rightHeroImg .shape2, 
.rightHeroImg .shape1 {
  position: absolute;
 display:none;
}

@keyframes identifier {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}  
		to {
			-webkit-transform: rotate(1turn);
			transform: rotate(1turn);
		}
	}
	

.hero-shape4,
.hero-shape5,
.hero-shape6 {
  width: 250px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  height: auto;
  position: absolute;
  background-color: var(--main-color);
  filter: blur(100px);
  z-index: 1;
  opacity: 0.3;
}


.hero-shape6 {
bottom: -100px;
  left: 30%;
  opacity: 0.15;
  width: 350px;
}

.hero-shape5 {
  bottom: -100px;
  right: -100px;
}

.hero-shape4 {
  top: 5%;
  left: -100px;
  opacity: 0.15;
  width: 350px;
}

.hero-slider{
	position:relative;
}

@media(min-width:992px){
	.second-hero .rightHeroImg{
	padding-left:0px;
	padding-right:50px;
}

.second-hero .rightHeroImg .img1man{
	margin-left:0;
	margin-right:auto;
}

.second-hero .man-bg-img{
	right: unset;
}

.second-hero .rightHeroImg .shape2 {
  width: 30px;
  top: 52%;
  right: 41px;
}

}





/* Banner buttons */
 /* Play Button */
        .video-button {
           background: linear-gradient(45deg, #0fad77, #004756);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  width: 90px;
  height: 90px;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  font-size:0px;
  animation: glowing 1.5s infinite alternate;
        }
		

      

/* Video Modal */
.video-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 71, 86, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	z-index:2;
}

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

.video-container {
	position: relative;
	width: 80%;
	max-width: 700px;
	background: black;
	border-radius: 10px;
	overflow: hidden;
	transform: scale(0.8);
	transition: transform 0.4s ease-in-out;
}

.video-modal.active .video-container {
	transform: scale(1);
}

/* Close Button */
.close-button {
	position: absolute;
	top: 10px;
	right: 15px;
	background: #0fad77;
	border: none;
	color: white;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
}

.close-button:hover {
	background: #004756;
	transform: scale(1.1);
}

iframe {
	width: 100%;
	height: 400px;
	border: none;
}

@media (max-width: 768px) {
	.video-container {
		width: 90%;
	}
	iframe {
		height: 250px;
	}
}

	

.process-card_number,
.process-card .pulse {
height: 90px;
  width: 90px;
  background-color: var(--main-color);
  border-radius: 50%;
  text-align: center;
  z-index: 2;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 0px;
  bottom: -16px;
}
.process-card_number img{
	max-width: 30px;
}

.process-card_number:after,
.process-card_number:before,
.process-card .pulse:after,
.process-card .pulse:before {
  content:"";
  position:absolute;
  inset:0;
  background-color:var(--main-color);
  z-index:-1;
  border-radius:50%;
  -webkit-transition:all ease 0.4s;
  transition:all ease 0.6s
}

.process-card_number::after {
  animation: ripple 2s linear 2s infinite;
}

.process-card_number::before {
  animation: ripple 2s linear infinite;
}


@keyframes ripple {
  0% {
    box-shadow: 0 0 0 .2rem rgba(255, 122, 124, 0.2);
  }
  100% {
    box-shadow: 0 0 0 1rem rgba(255, 122, 124, 0);
  }
}


.process-card .pulse {
  width:16px;
  height:16px;
  position:absolute;
  top:-52px;
  left:calc(50% - 8px)
}
.process-card .pulse:before,
.process-card .pulse:after {
  -webkit-animation-name:ripple2;
  animation-name:ripple2
}
.process-card_icon {
  margin-bottom:24px
}
.process-card_text {
font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .process-card-area .process-line {
    display:none
  }
  .process-card-wrap:has(.pulse):nth-child(even) {
    padding-top:30px
  }
  .process-card:has(.pulse) {
    margin-top:8px
  }
  .process-card .pulse {
    top:-8px
  }
}






/* banner responsive code */

/* Tablets (below 1200px) */
@media (max-width: 1199px) {
	.heroBanner::after{
		bottom: 46px;
	}
  .heroBanner {
    height: auto;
   padding: 40px 0 65px;
  }
  .heroBanner h1,
.heroBanner .hero-title {
 font-size: 41px;
    line-height: 50px;
    margin-bottom: 20px;
  }
  .innerBox p {
    font-size: 22px;
    line-height: 32px;
  }
  
  .rightHeroImg .img1man {
    max-width: 400px;
  }
  
 .process-card_number, .process-card .pulse{
	 height: 60px;
  width: 60px;
 } 
  
  .process-card_number img {
  max-width: 20px;
}

.rightHeroImg {
  width: calc(100% - 550px);
}
.innerBox {
  max-width: 550px;
}

.rightHeroImg + .innerBox{
	padding-left: 30px;
    box-sizing: border-box;
}
  
}

/* Large Smartphones (below 992px) */
@media (max-width: 991px) {
  .heroBanner {
    padding: 40px 0 65px;
  }
  .heroBanner .container {
    flex-direction: column;
    align-items: center;
  }
  .innerBox {
    max-width: 100%;
    margin: 0 auto 20px auto;
   
  }
  .heroBanner h1,
.heroBanner .hero-title {
    font-size: 40px;
    line-height: 52px;
  }
  .innerBox p {
    font-size: 20px;
    line-height: 30px;
  }
  .heroBanner .btn-group {
    flex-direction: column;
    gap: 15px;
  }
  .heroBanner .book-button {
    margin-left: 0;
    text-align: center;
  }
  .rightHeroImg {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
.man-bg-img { 
    margin: auto;
	max-width: 500px;
  top: 22px;
  left: 5px;
  }
  .rightHeroImg .img1man{
	  margin: auto;
  }
  
  .process-card_number, .process-card .pulse{
	  left: 0;
    bottom: -120px;
  }
  .heroBanner::after {
    bottom: 257px;
  }
  
.second-hero .rightHeroImg {
	  padding-left: 0px;
  padding-right: 0;
  order: 2;
  }
  .second-hero .innerBox{
	   order: 1;
	   padding-left:0px;
  }
}

/* Small Smartphones (below 768px) */
@media (max-width: 767px) {
  .heroBanner {
    padding: 40px 0;
  }
  .heroBanner h1,
.heroBanner .hero-title {
    font-size: 32px;
    line-height: 42px;
  }
  .innerBox p {
    font-size: 18px;
    line-height: 28px;
  }
  .heroBanner blockquote {
    padding-left: 50px;
    background-size: 50px;
  }
  .heroBanner blockquote p {
    font-size: 18px;
    line-height: 28px;
  }
  .rightHeroImg .img1man {
    max-width: 300px;
  }
  
  
   .man-bg-img {
    margin: auto;
    max-width: 400px;
    top: 22px;
    left: 50px;
  }
  
}

/* Extra Small Screens (below 576px) */
@media (max-width: 575px) {
  .heroBanner {
    padding: 30px 0;
  }
  .heroBanner h1,
.heroBanner .hero-title,
.heroBanner .hero-title {
    font-size: 28px;
    line-height: 38px;
  }
  .innerBox p {
    font-size: 16px;
    line-height: 26px;
  }
  .heroBanner .btn-group {
    flex-direction: column;
    align-items: center;
  }
  .heroBanner .book-button {
    font-size: 18px;
    padding: 12px 15px;
  }
  .rightHeroImg .img1man {
    max-width: 250px;
  }
  
    .man-bg-img {
    margin: auto;
    max-width: 300px;
    top: 22px;
    left: 0;
  }
  
}



/* end of banner */
	


/* ===================
About section  
====================== */
.about-sec{
	padding:70px 0;
} 

@media(min-width:1200px){
	
	.site-title {
  font-size: 48px;
  margin-bottom: 1rem;
  line-height: 60px;
}

}


.site-title span{
	color:var(--main-color);
}

.about-img .col-6 {
  flex: 0 0 auto;
  width: 50%;
  padding: 0 15px;
  box-sizing:border-box;
}

.about-left{
  position: relative;
  margin-right: 30px;
}

.about-img img{
  border-radius: 50px;
}



.about-img .img-2{
  position: relative;
  margin-bottom: 20px;
}

.about-img .img-2::before{
  content: "";
  position: absolute;
  inset: 15px;
  border: 5px solid #fff;
  border-radius: 50%;
}

.about-img .img-2 img{
border-radius: 50%;
height: 280px;
  width: 280px;
  object-fit: cover;
}

.about-right {
  position: relative;
  display: block;
}

.about-experience{
  background: var(--main-color);
  padding:21px 25px 15px;
  border-radius: 100px;
  text-align: center;
  border: 10px solid #fff;
  margin-top: 20px;
  position: relative;
}

.about-experience::before{
  content: "";
  position: absolute;
  inset: 5px;
  border: 2px dashed #fff;
  border-radius: 100px;
}

.about-experience h5{
  color: #fff;
  font-size: 40px;
}

.about-experience p{
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}

.about-content {
  margin-top: 25px;
  margin-bottom: 35px;
}

.about-item{
  display: flex;
  gap: 12px;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 15px;
}

.about-item .icon{
  width: 65px;
  height: 65px;
  line-height: 60px;
  text-align: center;
  background: var(--main-color);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-item .icon img{
  width: 45px;
  filter: brightness(0) invert(1);
}

.about-item .content{
  flex: 1;
}

.about-item .content h4{
  color: var(--third-color);
  margin-bottom: 5px;
  font-size: 18px;
}

.about-item .content p{
	margin-bottom:0px;
	line-height: 25px;
}

.left-img-box1 img{
min-height: 464px;
	object-fit:cover;
}

@media all and (min-width: 992px) {
	.about-right .site-title{
		font-size: 37px;  
	line-height: 44px;
	}
}

@media all and (max-width: 1199px) {
	
	.left-img-box1 img{
min-height: 395px;
}
	
	.about-item .content h4{
		font-size: 16px;
	line-height: 22px;
	}
	.about-experience p{
		font-size: 15px;
  line-height: 18px;
  margin-top: 6px;
	}
}

@media all and (max-width: 991px) {
  .about-right {
    margin-top: 40px;
  }
  .about-img .img-2 img{
	  width: 100%;
  }
  
  .img-3 img{
	  max-height: 276px;
  object-fit: cover;
  } 
}

@media all and (max-width: 767px) {
  .about-title {
    font-size: 30px;
  }

  .about-left{
    margin-right: 0px;
  }

  .about-img .img-2{
    margin-left: -10px;
  }
.col-md-6{
		width:100%;
	}
	
	.about-content .row .col-md-6+.col-md-6{
		margin-top:20px;
	}
  
}

@media all and (max-width: 575px) {
	.about-img .row{
		display:flex;
		flex-wrap:wrap;
	}
	.left-img-box1 img {
 height: 310px;
    border-radius: 22px;
    min-height: auto;
	}
	
	.about-experience h5 {
	  font-size: 28px;
    line-height: 25px;
	}
	.about-img .img-2::before{
		inset: 9px;
  border: 3px solid #fff;
	}
.about-img .img-2 img{
	height: 222px;
}
.img-3 img {
    max-height: 348px;
    object-fit: cover;
    height: 193px;
  }
  .about-experience p{
	  font-size: 12px;
    line-height: 15px;
  }
}


.align-items-center {
  align-items: center !important;
}

	
/* home what we offer */

.offer-section{
padding: 60px 0 70px;
background: var(--main-color);
position:relative;
}

.offer-section .curv-separate.top{
	top: -30px!important;
	}
	
	.offer-section .curv-separate.bottom{
	bottom: -30px!important;
	}

.offer-section .title-section{
margin-bottom: 40px;	
text-align: center;
}



.offer-section .title-section h2{
	  color:#fff;
}

@media (min-width: 1200px) {
.offer-section .title-section h2 {
    font-size: 48px;
    line-height: 60px;
	max-width: 900px;
    margin:auto;
  }
}

.offer-section .title-section p{
	 color:#fff;
}

.offer-img-box {
  width: 100%;
  height: 250px;
  border-radius: 10px;
  overflow:hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
}

.offer-img-box img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition: transform 0.4s ease;
}

.offer-block-link{
display: block;
background: #fff;
  padding: 20px 15px; 
  max-width: 81%;
  margin: auto;
    margin-top: auto;
  text-align: center;
  box-sizing: border-box;
  margin-top: -58px;
  position: relative;
  z-index: 1;
  border-radius: 6px;
  transition: transform 0.3s, all 0.3s;
}



.offer-block:hover .offer-block-link {
  transform: translateY(-5px);
background: var(--third-color);
}

.offer-block-link span{
display: block;
  color: #333;
  text-transform: capitalize;
  opacity: 0.6;
}



.offer-block-link  h3{
font-size: 18px;
  line-height: 26px;
  font-weight: 500;
color: #464444;
}

.offer-block:hover .offer-block-link  h3{
	color: #fff;
}

.offer-block:hover .offer-img-box img{
	 transform: scale(1.2);
}


.offer-block-link:hover  span{
 opacity: 1;
}

.dark-bg .title-divider-line::after{
	background-color: #fff;
}

@media(max-width:767px){
	.offer-section .offer-block:nth-child(4) {
		margin-top:30px;
	}
	
	.offer-section{
	  padding: 40px 0 40px;
  }
}


/* ===================
47. Choose css 
====================== */

.choose-area{
  position: relative;
  padding:100px 0 10px;
}

.align-items-center {
  align-items: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}

.choose-content{
  margin-top: 30px;
}

.choose-item{
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 22px;
  padding: 20px;
  position: relative;
}

.choose-item .count{
  position: absolute;
  right: 25px;
  top: 25px;
  color: var(--main-color);
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
}

.choose-item .count::before {
  content: "";
  position: absolute;
  left: -90%;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  border-bottom: 4px solid var(--main-color);
  border-radius: 50px;
}

.choose-item:last-child{
  margin-bottom: 0;
}

.choose-item-icon{
  position: relative;
  width: 65px;
  height: 65px;
  line-height: 58px;
  background: var(--main-color);
  text-align: center;
  border-radius: 50px;
  margin-bottom: 15px;
  box-shadow: 5px 5px 0 #00adb82e;
  display: flex;
  align-items: center;
}

.choose-item-icon img{
  width: 38px;
  filter: brightness(0) invert(1);
  display: inline-block;
  margin: auto;
  vertical-align: middle;
}

.choose-item-info{
  flex: 1;
}

.choose-item-info h4{
  color:#000;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
}

@media(max-width:1199px){
	.choose-item-info h4{
		font-size: 18px;
	line-height: 26px;
	}
}


.choose-img{
  position: relative;
  text-align: right;
  margin-top: 25px;
}

.choose-img img{
  border-radius: 12px;
  max-height: 516px;
  width: 100%;
  object-fit: cover;
}

@media all and (max-width: 991px) {
  .choose-img img{
    width: 100%;
  }
}



/* Home CTA Block*/


.cta-section {
display: flex;
  flex-wrap: wrap;
  padding: 10px 30px 30px;
  background-color: #199f9f14;
  border-radius: 12px;
  position: relative;
  margin-top: 30px;
  height: 305px;
  box-sizing: border-box;
  background: rgba(0, 173, 184, .1);
}

.cta-image {
width: 240px;
  height: auto;
}


.cta-image img {
display: block;
  position: relative;
  z-index: 2;
  max-width: 264px;
  left: -39px;
  bottom: -17px;
  object-fit: cover;
}
.cta-content{
max-width: calc(100% - 240px);
  margin-right: 0;
  margin-left: auto;
  padding-left: 42px;
  box-sizing: border-box;
  padding-top: 30px;
}
.cta-content h2 {       
font-size: 42px;
  line-height: 50px;
  margin-bottom: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}
 .cta-content h2 span{
color: var(--main-color);
  margin-bottom: 0px;
  font-weight: 400;
}

.cta-icon{
position: absolute;
  max-width: 120px;
  bottom: -5px;
  right: 0;
  opacity: 0.2;
  }

.cta-icon img{
display:block;
}

.cta-section .book-button{
	background: var(--second-color);
  margin-top: 22px;
  height: 42px;
  line-height: 42px;
  padding: 5px 18px;
}

.cta-section .book-button img {
 
  max-width: 19px;
  margin-left: 10px;
}

.cta-section .book-button:hover{
	background: var(--main-color);
}


@media (min-width: 991px) and (max-width: 1199px) {
	.cta-section{
		height: 390px;
		align-items: end;
		padding: 10px 30px 30px;
	}
	
	.cta-image img{
		bottom: -29px;
			min-height: 325px;
	}
	.why-choose-section .col-md-4 .inner-last-box ul li{
		font-size: 15px;
	}
}

@media (min-width: 992px) {
  .why-choose-section .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex:72%;
    -ms-flex: 72%;
    flex: 72%;
    max-width: 72%;
  }
  .why-choose-section .col-md-4.last-box{
	   -webkit-box-flex: 0;
    -webkit-flex:28%;
    -ms-flex: 28%;
    flex: 28%;
    max-width: 28%;
  }
}

@media (max-width: 991px) {
  .why-choose-section .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex:100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .why-choose-section .col-md-4.last-box{
	   -webkit-box-flex: 0;
    -webkit-flex:100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .cta-content h2 {
  font-size: 30px;
  line-height: 29px;
  }
}

  .why-choose-section .col-md-4 .inner-last-box{
	border-radius: 12px;
  padding: 24px;
  background: var(--main-color);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
margin-top: 30px;
  min-height: 288px;
  box-sizing: border-box;
}

  .why-choose-section .col-md-4 .inner-last-box h3{
  font-size: 18px;
  font-weight: 700;
  padding: 6px 0px;
  color: #fff;
  border-radius: 22px;
  display: inline-block;
  line-height: 22px;
  margin-bottom:18px;
}

  .why-choose-section .col-md-4 .inner-last-box ul{
	  list-style:none;
	  padding:0px;
	  margin:0px;
  }

 .why-choose-section .col-md-4 .inner-last-box ul li{
background:#fff;
  font-size: 17px;
  font-weight: 500;
  padding:8px 15px;
  color: #00adb8;
  border-radius:6px;
  line-height: 22px;
}

 .why-choose-section .col-md-4 .inner-last-box ul li+li{
	 margin-top:10px;
 }
 
@media (max-width: 991px) {
	.cta-section{
		height: auto;
		align-items: end;
		padding: 10px 30px 30px;
	}
	
	.cta-image img{
		bottom: -29px;
			min-height: 325px;
	}
	.why-choose-section .col-md-4 .inner-last-box ul li{
		font-size: 15px;
	}
}

@media (max-width: 767px) {
.cta-image{
	display:none;
}
.cta-section{
	padding: 25px;
}
.cta-content{
	max-width: 100%;
	padding:0px;
}
.cta-section .book-button{
	margin-top:10px;
	z-index: 1;
    position: relative;
}
.about-sec{
	padding: 40px 0;
}

.choose-content-wrap .col-md-6:nth-child(4){
	margin-top:30px;
}
}


/* video section */


.dark-btn{
background:var(--second-color);
}

.dark-btn:hover{
background:var(--main-color);
}

.video_sec .btn-group .dark-btn{
margin-left:20px;
border: 1px solid #fff;
}

.video_sec .btn-group .dark-btn:hover{
border: 1px solid var(--main-color);
}

.video_sec .btn-group .book-button:not(.dark-btn){
border: 1px solid var(--main-color);
}

.video_sec .btn-group{
margin-top: 22px;
}

.play-icon{
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 64px;
  height: 64px;
  transition: all .5s ease;
background-size: 66px;
background:url(/app/uploads/2025/02/play-button11.png)no-repeat center;
background-size:65px;
  background-color: #fff;
  border-radius: 50%;
}

.play-icon:hover {
 opacity:0.9;
}

.video_sec{
padding:80px 0 100px;
position:relative;
}
.video_sec .curv-separate.top {
  top: -22px;
}
.video_sec .section-title h2 {
	font-size: 30px;
	line-height: 42px;	
	margin-bottom: 25px;
}


 /* Slider Styles */

.slider-title {
    font-size: 24px;
    margin-bottom: 20px;
}


.slide {
    flex: 0 0 auto;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
border-radius: 10px;
  overflow: hidden;
position: relative;
border: 5px solid var(--main-color);
}

.slide img {
    width: 100%;
min-height: 306px;
  object-fit: cover;

}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0b3728eb;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content {
    position: relative;
  background: #0c5d41;
  padding: 3px;
    border-radius: 10px;
    width: 80%;
    max-width: 800px;
}

.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

iframe {
    width: 100%;
    height: 450px;
    border: none;
    border-radius: 10px;
display:block;
}

.video_sec .curv-separate.bottom {
  bottom: -33px;
}

.award-slider {
	position:relative;
	overflow:hidden;
	border: 5px solid #fff;
	border-radius: 10px;
}

.award-slider img{
	height:100%;
	width:100%;
	max-height:382px;
	object-fit:cover;
}



 /* box column */
 
 


.half_block_icon{
padding:60px 0 60px;
position:relative;
Background:var(--main-color);
}

@media(min-width:1200px){
	.half_block_icon h2 {
		font-size: 52px;
  line-height: 66px;
	}	
}

.half_block_icon h2 {
  margin-bottom: 20px;
  color:#fff;
}

.half_block_icon .title-section p{
	color:#fff;
}

.half_block_icon .text_boxs{
	background: #fff;
  padding: 15px;
  border-radius: 6px;
min-height: 110px;
margin-bottom:30px;
transition: all .5s ease-in-out;
}

.half_block_icon .text_boxs:hover {
  transform: translateY(-5px);
}


.half_block_icon .text_boxs h3{
text-align: center;
  margin-top: 12px;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-weight: 500;
  }


.half_block_icon .text_boxs img {
margin: auto;
  display: block;
filter: brightness(0) saturate(100%) invert(58%) sepia(92%) saturate(4356%) hue-rotate(153deg) brightness(100%) contrast(101%);
}

.curv-separate{
	position: absolute;
  right: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
  width: 100%;
}

.curv-separate img{
	width: 100%;
  height: auto;
  display: block;
object-fit: none;
min-height: 30px;
}
 
.curv-separate.top{
	top: 0px;
	}
	
.curv-separate.bottom{
	bottom:0;
}

.half_block_icon .curv-separate.top{
	top:0px;
}

.half_block_icon .curv-separate.bottom{
	bottom:-20px;
}

.half_block_icon .row{
	margin-left: -7px;
  margin-right: -7px;
}

.half_block_icon .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666%;
    -ms-flex: 0 0 16.666%;
    flex: 16.666%;
    max-width: 16.666%;
	width: 16.666%;
	padding-left:7px;
	padding-right:7px;
	
  }
  
  
  @media(max-width:1199px){
  .half_block_icon .text_boxs h3{
	  font-size: 17px;
  line-height: 25px;
  } 
  .half_block_icon{
	  padding-bottom:30px;
  }
  }
  
  
@media(max-width:991px){
  .half_block_icon .col-md-3{
	  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 33%;
  max-width: 33%;
  width: 33%;
  }
  .half_block_icon .text_boxs h3 br{
	  display:none;
  }
  .half_block_icon .text_boxs{
	  margin-bottom: 15px;
  }
}

  @media(max-width:767px){
	  .curv-separate img{
		  min-height: 30px;
	  }
	  
	   .half_block_icon .col-md-3{
	  -webkit-box-flex: 0;
	  -webkit-flex: 0 0 50%;
	  -ms-flex: 0 0 50%;
	  flex: 50%;
	  max-width: 50%;
	  width: 50%;
	  }
	  
  }
  
    @media(max-width:575px){	 
	  
	  .half_block_icon .row{	  
	display:flex;
	flex-wrap:wrap;
	  }
	  
  }


/* faq sections */

.faq-section{
	padding:100px 0 80px;

}
@media(min-width:1200px){
.faq-section h2 {
  font-size: 38px;
  line-height: 53px;
  margin-bottom: 30px;
}


}

.faq-section h2 span {
  color: var(--main-color);
}



.faq-section .btn-group {
  margin-top: 40px;
}





/*Service section */

.service-section{
	background-color: rgb(255, 241, 242);
	padding: 60px 0 120px;
}


.treatments-header {
    text-align: center;
    margin-bottom: 4rem;
}

.treatments-header h2 {
    color: var(--third-color);
  margin-bottom: 1rem;
 }
 
 @media(max-width:991px){
	.service-section {
		padding: 60px 0 80px;
	}
}

@media(max-width:767px){
	.service-section {
  padding: 30px 0 80px;
}
}

/* Desktop Accordion Styles */
.treatments-accordion {
    display: flex;
    gap: 1rem;
    height: 500px;
    position: relative;
}

.treatment-item {
    background: var(--main-color);
    border-radius:12px;
    overflow: hidden;
    transition: all 0.5s ease;
    position: relative;
    cursor: pointer;
}

.treatment-item.active {
    flex: 4;
    background: white;
}

.treatment-title {
writing-mode: vertical-rl;
  transform: rotate(180deg);
  padding: 2rem 1rem;
  color: white;
  display: flex;
  align-items: center;
  gap: 2rem;
  height: 100%;
  transition: all 0.5s ease;
  position: relative;
  left: 17px;
  box-sizing: border-box;
}

.treatment-item.active .treatment-title {
    opacity: 0;
    pointer-events: none;
}

.number {
    color: var(--second-color);
    font-size: 1.5rem;
    font-weight: 600;
}

.treatment-title h3 {
font-size: 26px;
  white-space: nowrap;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 1px;
}

.arrow-circle {
width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: all 0.3s ease;
  transform: rotate(-180deg);
  position: absolute;
  left: 8px;
  bottom: 27px;
}

.treatment-info .hero-btn{
	width: 248px;
}

.arrow-circle img {
    width: 20px;
    height: 20px;
    stroke: currentColor;
}

.treatment-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.treatment-item.active .treatment-content {
    display: flex;
    opacity: 1;
	padding: 30px;
}

.treatment-image {
    flex: 1;
    position: relative;
    overflow: hidden;
	width: 300px;
  height: 440px;
  min-width: 300px;
  border-radius: 15px;
}

.treatment-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.treatment-info {
    flex: 1;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: white;
}

.info-header {
    margin-bottom: 1rem;
}

.info-header h3 {
color: var(--main-color);
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: 600;
}

.info-header p {
    color: #666;
}

.features {
    list-style: none;
    margin-bottom: 10px;
	padding: 0;
}

.features li {
 display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 6px;
  color: var(--third-color);
  font-weight: 500;
}

.features li .dot {
    width: 16px;
    height: 16px;
    background: var(--second-color);
    border-radius: 50%;
    flex-shrink: 0;
}

.appointment-btn {
    background: var(--second-color);
    color: white;
    border: none;
    padding: 1rem 2rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
    align-self: flex-start;
    transition: all 0.3s ease;
}

.appointment-btn:hover {
    background: #ff8533;
}

.doctor-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.doctor-details {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.prefix {
    color: var(--third-color);
    font-weight: 500;
}

.name-title {
    display: flex;
    flex-direction: column;
}

.doctor-name {
    color: var(--third-color);
    font-weight: 600;
}

.doctor-title {
    color: var(--second-color);
    font-size: 0.9rem;
}

.doctor-info .arrow-circle {
    background: var(--second-color);
    width: 48px;
    height: 48px;
}

/* Mobile Slider Styles */
.treatments-slider {
    display: none;
}

@media (max-width: 768px) {
   
    .treatments-accordion {
        display: none;
    }

    .treatments-slider {
        display: block;
        height: auto;
        padding: 1rem 0;
    }

    .treatment-title {
        writing-mode: horizontal-tb;
        transform: none;
        padding: 1.5rem;
        min-width: auto;
        width: 100%;
        justify-content: flex-start;
    }

    .swiper-slide {
        background: white;
        border-radius: 12px;
        overflow: hidden;
    }

    .treatment-content {
        flex-direction: column;
    }

    .treatment-image {
        height: 300px;
    }

    .treatment-info {
        padding: 2rem;
    }
}

.swiper-pagination-bullet {
    background: var(--second-color);
    opacity: 0.5;
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}


.curv-separate {
  position: absolute;
  right: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
  width: 100%;
}

.curv-separate.bottom {
  bottom: 0;
}

.curv-separate.top {
  top: 0px;
}

.offer-section .curv-separate.top {
  top: -30px !important;
}




/* process-section */

.process-section{
	padding:90px 0 90px;
}

.process-section h2 {
  font-size: 38px;
  line-height: 53px;
margin-bottom: 20px;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.process-section .title-section{
	text-align: center;
}
.process-section .title-section p{
max-width: 920px;
  margin: auto;
  font-size: 22px;
  line-height: 38px;
color:#333;

}

.process-section .bg_color_mark {
  font-size: 22px;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 3.5px;
  margin-bottom: 10px;
  color: var(--main-color);
}
      
.process-section .tabs_wrapper {
	display: flex;
	flex-direction: row;
	width: 100%;
margin-top: 60px;
}

.process-section .tabs {
	width: 350px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.process-section .tabs li {
font-size: 22px;
  padding: 17px 15px;
  cursor: pointer;
  text-align: left;
  transition: background 0.3s;
  text-transform: capitalize;
  border-left: 1px solid #ddd;
transition: all 0.3s;
  position: relative;
  padding-left: 35px;
color:#083a53;
}

.process-section .tabs li:after{
content: "";
  width: 75%;
  height: 1px;
  background: #ddd;
  display: block;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
}

.process-section .tabs li:last-child:after{
display:none;
}

.process-section .tabs li span{
  font-size: 13px;
  line-height: 25px;
  font-weight: 600;
position: absolute;
  left: -1px;
  top: 31%;
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  color: #fff;
  background: var(--main-color);
  border-radius: 50%;
  text-align: center;
}

.process-section .tabs li.active:after{
  background: var(--main-color);
}

.process-section .tabs li.active {
	border-left: 3px solid var(--second-color);
color:var(--third-color);
}

.process-section .tabs li.active span{
	  background: var(--second-color);
}

.process-section .tabs li:hover{
	 color: var(--main-color);
}

.process-section .title-section img {
  max-width: 60px;
  display: block;
  margin: 0 auto 20px;
}


.tab_container {
	flex: 1;
margin-top: -21px;	
}

.tab_content {
	display: none;
  padding: 40px;
background: rgba(0, 173, 184, .1);
  border-radius: 12px;
}

.process-section .tab_content h3{
	font-size: 30px;
line-height: 40px;
  margin-bottom: 20px;
}
.process-section .tab_content div p:last-child{
margin-bottom:0px;
}

.tab_content.active {
	display: block;
}

.tab_drawer_heading {
	display: none;
	padding: 15px;
	background: #e0e0e0;
	cursor: pointer;
	border-top: 1px solid #ccc;
}

.tab_drawer_heading:hover {
	background: #d0d0d0;
}

.tab_drawer_heading.d_active {
	background: #c0c0c0;
}

@media (max-width: 768px) {
	.tabs_wrapper {
		flex-direction: column;
	}

	.tabs {
		display: none;
	}

	.tab_drawer_heading {
		display: block;
	}

	.tab_content {
		padding: 15px;
		border-top: 1px solid #ccc;
	}
}

.image-box-tab img{
border-radius: 50%;
border: 1px solid #e6f0ea;

}




/* service section*/


.dz-flex-wrapper {
  --service-count:5;
  display:flex;
  counter-reset:counter-item
}
@media only screen and (max-width:1199px) {
  .dz-flex-wrapper {
    --service-count:4
  }
}
@media only screen and (max-width:991px) {
  .dz-flex-wrapper {
    --service-count:1
  }
}
.dz-flex-wrapper .dz-flex-item {
  display:flex;
  position:relative;
  flex:0 0 120px;
  transition:all .5s;
  background-position:center;
  margin:0 18px 0 0;
  overflow:hidden;
  width:120px;
  gap:0;
  max-height: 500px;
}
.dz-flex-wrapper .dz-flex-item:last-child {
  margin-right:0
}
@media only screen and (max-width:1380px) {
  .dz-flex-wrapper .dz-flex-item {
    flex:0 0 100px;
    width:100px
  }
}
@media only screen and (max-width:1199px) {
  .dz-flex-wrapper .dz-flex-item {
    flex:0 0 80px;
    width:80px
  }
}
@media only screen and (max-width:991px) {
  .dz-flex-wrapper .dz-flex-item {
    flex:0 0 100%!important;
    width:100%!important;
    margin:0
  }
}
.dz-flex-wrapper .dz-flex-item.active {
  background-image:none!important;
  width:calc(100% - calc(calc(var(--service-count) - 1)* 140px));
  flex:0 0 calc(100% - calc(calc(var(--service-count) - 1)* 140px))
}
@media only screen and (max-width:1380px) {
  .dz-flex-wrapper .dz-flex-item.active {
    width:calc(100% - calc(calc(var(--service-count) - 1) * 120px));
    flex:0 0 calc(100% - calc(calc(var(--service-count) - 1) * 120px))
  }
}
@media only screen and (max-width:1199px) {
  .dz-flex-wrapper .dz-flex-item.active {
    width:calc(100% - calc(calc(var(--service-count) - 1) * 100px));
    flex:0 0 calc(100% - calc(calc(var(--service-count) - 1) * 100px))
  }
}
.dz-flex-wrapper .dz-flex-head {
  padding:25px 0 90px 0;
  text-align:center;
  min-height:500px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  transition:all .2s;
  opacity:1;
  visibility:visible;
  width:100%;
  z-index:2;
  cursor:pointer;
  border-radius:15px;
  background-blend-mode:color-burn;
  overflow:hidden;
  position:relative;
  max-width:120px;
  background-position:center top;
  background-size: cover;
  background-repeat: no-repeat;  
max-height: 500px;
  box-sizing: border-box;
}
.dz-flex-wrapper .dz-flex-head::after,
.dz-flex-wrapper .dz-flex-head::before {
  position:absolute
}
.dz-flex-wrapper .dz-flex-head::before {
  font-size:70px;
  line-height:1.2;
  font-weight:900;
  color:#feffff;
  opacity:.2;
  left:50%;
  bottom:0;
  z-index:2;
  -webkit-transition:all .5s;
  -ms-transition:all .5s;
  transition:all .5s;
  transform:translate(-50%);
  content:"0" counter(counter-item);
  counter-increment:counter-item
}
@media only screen and (max-width:1480px) {
  .dz-flex-wrapper .dz-flex-head::before {
    font-size:55px
  }
}
.dz-flex-wrapper .dz-flex-head::after {
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:var(--third-color);
  opacity:.8;
  border-radius:15px
}
.dz-flex-wrapper .dz-flex-head .title {
color: #fff;
  margin: 0;
  font-weight: 500;
  font-size: 25px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  position: relative;
  z-index: 1;
  letter-spacing: 0.5px;
}
.dz-flex-wrapper .dz-flex-head .btn {
  position:relative;
  z-index:1;
  height: 60px;
  width: 60px;
  min-width: 60px;
  font-size: 24px;
  background-color: #fff;
  box-shadow: 0 5px 20px rgba(0,0,0,.05);
  border-radius:50%;
  background-image: url(../images/top-arrow.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width:1380px) {
  .dz-flex-wrapper .dz-flex-head {
    padding:15px 0 80px 0;
    min-height:440px;
    max-width:100px
  }
  .dz-flex-wrapper .dz-flex-head .title {
    font-size:20px
  }
  .dz-flex-wrapper .dz-flex-head::before {
    font-size:48px;
    bottom:10px
  }
}
@media only screen and (max-width:1199px) {
  .dz-flex-wrapper .dz-flex-head {
    max-width:80px
  }
}
@media only screen and (max-width:991px) {
  .dz-flex-wrapper .dz-flex-head {
    display:none
  }
}
.dz-flex-wrapper .dz-flex-info {
  border-radius:20px;
  opacity:1;
  transition:all .5s;
  height:100%;
  overflow:hidden;
  z-index:1;
  display:flex;
  background-color:#fff;
  width:inherit;
  flex:1
}
.dz-flex-wrapper .dz-flex-info::before {
  font-size:150px;
  line-height:1;
  font-weight:900;
  color:var(--third-color);
  opacity:.04;
  position:absolute;
  right:15px;
  top:15px;
  z-index:-1;
  -webkit-transition:all .5s;
  -ms-transition:all .5s;
  transition:all .5s;
  content:"0" counter(counter-item)
}
@media only screen and (max-width:991px) {
  .dz-flex-wrapper .dz-flex-info {
    width:100%
  }
  .dz-flex-wrapper .dz-flex-info::before {
    font-size:80px
  }
}
@media only screen and (max-width:991px) {
  .dz-flex-wrapper .dz-flex-info .dz-title {
    font-size: 25px;
    line-height: 28px;
  }
}
@media only screen and (max-width:767px) {
  .dz-flex-wrapper .dz-flex-info .dz-title {
    font-size: 25px;
    line-height: 28px;
  }
}

@media only screen and (max-width:575px) {
  .dz-flex-wrapper .dz-flex-info .dz-title {
    font-size: 22px;
    line-height: 25px;
  }
}

.dz-flex-wrapper .dz-flex-info .text {
  margin-bottom:30px;
  font-size:18px
}
@media only screen and (max-width:991px) {
  .dz-flex-wrapper .dz-flex-info .text {
    margin-bottom:15px;
    font-size:16px
  }
}
.dz-flex-wrapper .dz-info {
  display:flex;
  flex-direction:column;
  padding:15px 0;
  min-width:330px;
  box-sizing:border-box;
}
@media only screen and (max-width:767px) {
  .dz-flex-wrapper .dz-info {
    padding:15px 0 0;
	min-width:2px;
  }
  .info-widget.style-14 .btn{
	  display:none;
  }
}
.dz-flex-wrapper .dz-info ul.list-check-try li {
  font-size:18px;
  padding:4px 0 4px 30px
}
@media only screen and (max-width:991px) {
  .dz-flex-wrapper .dz-info ul.list-check-try li {
    font-size:16px;
    padding:4px 0 4px 25px
  }
  .dz-flex-wrapper .dz-info ul.list-check-try li:before {
    width:16px;
    height:16px;
    line-height:16px;
    top:7px;
    font-size:10px
  }
}
.dz-flex-wrapper .dz-info .item1 {
  margin-top:auto
}
.dz-flex-wrapper .dz-media {
  width:300px;
  height:440px;
  min-width:300px
}
.dz-flex-wrapper .dz-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:15px
}
.dz-flex-wrapper .dz-media .btn {
  position:absolute;
  bottom:20px;
  left:20px;
  right:20px;
  border-radius:8px;
  font-weight:500;
  padding: 13px 17px;
}
@media only screen and (max-width:1380px) {
  .dz-flex-wrapper .dz-media {
    width:250px;
    height:400px;
    min-width:250px
  }
  .dz-flex-wrapper .dz-media .btn {
    bottom:10px;
    left:10px;
    right:10px
  }
}
@media only screen and (max-width:991px) {
.dz-flex-wrapper .dz-media .btn{
	font-size:16px;
}	
}
@media only screen and (max-width:767px) {
  .dz-flex-wrapper .dz-media {
    width:100%;
    height:350px;
    min-width:100%
  }
  .dz-flex-wrapper .dz-flex-item{
	  max-height:100%;
  }
  .dz-flex-wrapper .dz-media .btn{
	  max-width: 205px;
  }
  .info-widget.style-14{
	  margin-top: 20px;
  }
}
@media only screen and (max-width:575px) {
  .dz-flex-wrapper .dz-media {
    height:280px
  }
}
.dz-flex-wrapper .dz-flex-inner {
  display:flex;
  gap:30px;
  padding:30px;
  box-sizing: border-box;
}
@media only screen and (max-width:1380px) {
  .dz-flex-wrapper .dz-flex-inner {
    gap:20px;
    padding:20px;
    min-width:600px
  }
}
@media only screen and (max-width:991px) {
  .dz-flex-wrapper .dz-flex-inner {
    min-width:100%
  }
}
@media only screen and (max-width:767px) {
  .dz-flex-wrapper .dz-flex-inner {
    flex-direction:column;
    gap:10px
  }
}
.dz-flex-wrapper .dz-flex-item.active .dz-flex-info {
  width:100%
}
.dz-flex-wrapper .dz-flex-item.active .dz-flex-head {
  width:0;
  visibility:hidden
}
@media only screen and (max-width:1380px) {
  .dz-flex-wrapper .btn-square.btn {
    height:45px;
    width:45px;
    min-width:45px
  }
}
.service-detail.style-1 {
  padding:30px;
  background:#f4f4f4;
  position:relative
}
.service-detail.style-1 .dz-title {
  font-size:20px;
  font-weight:600
}
.service-detail.style-1 p {
  margin-bottom:25px
}
.service-detail.style-1 .infogmail,
.service-detail.style-1 .number {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  margin-bottom:10px
}
.service-detail.style-1 .infogmail strong,
.service-detail.style-1 .number strong {
  font-weight:600;
  color:var(--title)
}
.service-detail.style-1 .infogmail strong i,
.service-detail.style-1 .number strong i {
  margin-right:5px
}
@-webkit-keyframes circleWrapper {
  from {
    -webkit-transform:translate(-50%,-50%) rotate(0);
    -o-transform:translate(-50%,-50%) rotate(0);
    transform:translate(-50%,-50%) rotate(0)
  }
  to {
    -webkit-transform:translate(-50%,-50%) rotate(360deg);
    -o-transform:translate(-50%,-50%) rotate(360deg);
    transform:translate(-50%,-50%) rotate(360deg)
  }
}
@keyframes circleWrapper {
  from {
    -ms-transform:translate(-50%,-50%) rotate(0);
    -moz-transform:translate(-50%,-50%) rotate(0);
    -webkit-transform:translate(-50%,-50%) rotate(0);
    -o-transform:translate(-50%,-50%) rotate(0);
    transform:translate(-50%,-50%) rotate(0)
  }
  to {
    -ms-transform:translate(-50%,-50%) rotate(360deg);
    -moz-transform:translate(-50%,-50%) rotate(360deg);
    -webkit-transform:translate(-50%,-50%) rotate(360deg);
    -o-transform:translate(-50%,-50%) rotate(360deg);
    transform:translate(-50%,-50%) rotate(360deg)
  }
}
@-webkit-keyframes circleWrapper2 {
  from {
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes circleWrapper2 {
  from {
    -ms-transform:rotate(0);
    -moz-transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.list-angle-double li,
.list-arrow-left-circle li,
.list-arrow-right-circle li,
.list-check li,
.list-check-circle li,
.list-check-circle-small li,
.list-check-try li,
.list-circle li,
.list-plus-circle li,
.list-square li,
.list-square-check li {
  position:relative;
  padding:5px 5px 5px 30px;
  font-family:var(--font-family-base);
  font-size:16px
}
@media only screen and (max-width:1199px) {
  .list-angle-double li,
  .list-arrow-left-circle li,
  .list-arrow-right-circle li,
  .list-check li,
  .list-check-circle li,
  .list-check-circle-small li,
  .list-check-try li,
  .list-circle li,
  .list-plus-circle li,
  .list-square li,
  .list-square-check li {
    font-size:15px
  }
}
.list-angle-double li:before,
.list-arrow-left-circle li:before,
.list-arrow-right-circle li:before,
.list-check li:before,
.list-check-circle li:before,
.list-check-circle-small li:before,
.list-check-try li:before,
.list-circle li:before,
.list-plus-circle li:before,
.list-square li:before,
.list-square-check li:before {
  position:absolute;
  left:0;
  top:8px;
  font-family:"Font Awesome 5 Free";
  font-weight:900
}
.list-angle-double.primary li:before,
.list-arrow-left-circle.primary li:before,
.list-arrow-right-circle.primary li:before,
.list-check-circle-small.primary li:before,
.list-check-circle.primary li:before,
.list-check-try.primary li:before,
.list-check.primary li:before,
.list-circle.primary li:before,
.list-plus-circle.primary li:before,
.list-square-check.primary li:before,
.list-square.primary li:before {
  color:var(--bs-primary)
}
.list-angle-double.white li:before,
.list-arrow-left-circle.white li:before,
.list-arrow-right-circle.white li:before,
.list-check-circle-small.white li:before,
.list-check-circle.white li:before,
.list-check-try.white li:before,
.list-check.white li:before,
.list-circle.white li:before,
.list-plus-circle.white li:before,
.list-square-check.white li:before,
.list-square.white li:before {
  color:#fff
}
.list-angle-double.gray li:before,
.list-arrow-left-circle.gray li:before,
.list-arrow-right-circle.gray li:before,
.list-check-circle-small.gray li:before,
.list-check-circle.gray li:before,
.list-check-try.gray li:before,
.list-check.gray li:before,
.list-circle.gray li:before,
.list-plus-circle.gray li:before,
.list-square-check.gray li:before,
.list-square.gray li:before {
  color:#cbcbcb
}
.list-angle-double.light-green li:before,
.list-arrow-left-circle.light-green li:before,
.list-arrow-right-circle.light-green li:before,
.list-check-circle-small.light-green li:before,
.list-check-circle.light-green li:before,
.list-check-try.light-green li:before,
.list-check.light-green li:before,
.list-circle.light-green li:before,
.list-plus-circle.light-green li:before,
.list-square-check.light-green li:before,
.list-square.light-green li:before {
  background-color:#36dbc7;
  color:var(--main-color)
}
ul.list-circle li {
  padding:5px 5px 5px 22px
}
ul.list-circle li:before {
  content:"\f111";
  font-size:6px;
  top:15px
}
ul.list-angle-double li:before {
  content:"\f101";
  font-size:18px
}
ul.list-square li:before {
  content:"\f45c";
  top:50%;
  transform:translateY(-50%)
}
ul.list-check li:before {
  content:"\f109";
  font-family:flaticon;
  color:var(--bs-primary)
}
ul.list-check-circle li {
  padding:14px 5px 14px 50px
}
ul.list-check-circle li:before {
  content:"\f109";
  font-family:flaticon;
  color:var(--bs-primary);
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  background-color:#fff;
  border-radius:50%;
  box-shadow:0 0 30px rgba(0,0,0,.05);
  top:6px
}
ul.list-check-circle.list-light li:before {
  background-color:rgba(var(--bs-primary-rgb),.05);
  box-shadow:none
}
ul.list-check-circle-small li {
  padding:8px 8px 8px 30px;
  font-weight:500
}
ul.list-check-circle-small li:before {
  content:"\f00c";
  font-family:'Font Awesome 6 Free';
  font-weight:700;
  color:#fff;
  width:18px;
  height:18px;
  line-height:18px;
  text-align:center;
  background-color:var(--bs-primary);
  border-radius:50%;
  box-shadow:0 0 30px rgba(0,0,0,.05);
  top:10px;
  font-size:10px
}
ul.list-plus-circle li:before {
  content:"\f055";
  font-size:18px;
  top:5px
}
ul.list-check-try li {
  padding:6px 0 6px 30px
}
ul.list-check-try li:before {
  content:"\e83f";
  font-family:feather;
  position:absolute;
  color:#fff;
  width:18px;
  height:18px;
  line-height:18px;
  text-align:center;
  background-color:var(--bs-primary);
  border-radius:50% 50% 0 50%;
  box-shadow:0 0 30px rgba(0,0,0,.05);
  top:9px;
  left:0;
  font-size:12px
}
ul.list-check-try li {
  padding:4px 0 4px 30px
}
ul.list-check-try li:before {
content: "";
  font-family: feather;
  position: absolute;
  color: #fff;
  width: 23px;
  height: 23px;
  line-height: 18px;
  text-align: center;
  border-radius: 50% 50% 0 50%;
  box-shadow: 0 0 30px rgba(0,0,0,.05);
  background: url(/app/uploads/2025/02/check4.png)no-repeat center;
    background-size: auto;
  background-size: 22px;
}
ul.list-arrow-left-circle li:before,
ul.list-arrow-right-circle li:before {
  font-size:10px;
  top:10px;
  height:20px;
  width:20px;
  background-color:#888;
  border-radius:50px;
  text-align:center;
  line-height:21px
}
ul.list-arrow-right-circle li:before {
  content:"\f054";
  padding-left:1px
}
ul.list-arrow-left-circle li:before {
  content:"\f053";
  padding-right:1px
}
ul.grid-2 {
  display:flex;
  flex-wrap:wrap
}
ul.grid-2 li {
  width:50%
}
@media only screen and (max-width:575px) {
  ul.grid-2 li {
    width:100%
  }
}
.list-square-check li {
  padding:10px 15px 10px 60px;
  min-height:45px;
  font-weight:600;
  color:var(--bs-heading-color);
  margin-bottom:15px
}
.list-square-check li:before {
  content:"\f00c";
  top:50%;
  height:45px;
  width:45px;
  line-height:45px;
  background-color:rgba(var(--bs-primary-rgb),.1);
  color:#000;
  text-align:center;
  padding:0;
  -webkit-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
  transform:translateY(-50%)
}
.list-square-check li:hover:before {
  background-color:var(--bs-primary);
  color:#fff
}
.list-number-circle li {
  padding:0 15px 0 70px;
  position:relative;
  margin-bottom:30px
}
.list-number-circle li:after {
  content:attr(data-text);
  position:absolute;
  left:0;
  top:0;
  height:50px;
  width:50px;
  line-height:50px;
  text-align:center;
  border-radius:50px;
  background:var(--bs-primary);
  color:#fff;
  font-family:var(--font-family-title);
  font-size:24px;
  font-weight:600
}
.list-number-circle li p {
  margin-bottom:0
}
.list-square-box li {
  padding:0 0 0 25px;
  position:relative;
  margin-bottom:30px
}
.list-square-box li:after {
  content:"";
  position:absolute;
  left:0;
  top:10px;
  height:12px;
  width:12px;
  background:var(--bs-primary)
}
.list-square-box li p {
  margin-bottom:0;
  font-size:17px
}
.list-check-box li {
  padding:20px 10px 20px 70px;
  position:relative;
  margin-bottom:10px;
  color:#fff;
  background:var(--main-color);
  font-size:24px;
  font-family:var(--font-family-title);
  border-radius:var(--border-radius-base);
  text-transform:uppercase;
  margin-right:40px;
  -webkit-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
  font-weight:500
}
.list-check-box li:after {
  content:"\f058";
  font-size:25px;
  font-weight:500;
  position:absolute;
  left:30px;
  color:#fff;
  font-family:"Font Awesome 5 Free";
  top:50%;
  transform:translateY(-50%)
}
.list-check-box li:hover {
  background:var(--bs-primary);
  margin-right:0
}
@media only screen and (max-width:1200px) {
  .list-check-box li {
    font-size:20px
  }
}
@media only screen and (max-width:575px) {
  .list-check-box li {
    font-size:18px;
    padding:20px 10px 20px 55px
  }
  .list-check-box li:after {
    left:20px
  }
}
.list-style-1 li {
  padding:14px 5px 14px 75px;
  position:relative
}
.list-style-1 li:before {
  content:"\f109";
  font-family:flaticon;
  color:var(--bs-primary);
  width:60px;
  height:60px;
  line-height:60px;
  text-align:center;
  position:absolute;
  left:0;
  background-color:#fff;
  border-radius:50%;
  top:10px;
  font-size:20px
}
.list-style-1 li .title {
  font-size:18px;
  margin-bottom:5px
}
.list-style-1 li p {
  font-size:15px!important;
  font-weight:400!important
}
.list-style-1 li p:last-child {
  margin-bottom:0
}
.list-style-1.list-lg li {
  padding:18px 5px 18px 75px
}
.list-style-1.list-lg li:before {
  top:20px
}
.list-style-1.list-lg li .title {
  font-size:24px;
  margin-bottom:7px
}
.list-style-1.list-lg li p {
  font-size:16px!important
}
@media only screen and (max-width:1199px) {
  .list-style-1.list-lg li {
    padding:12px 5px 12px 75px
  }
  .list-style-1.list-lg li:before {
    top:15px
  }
  .list-style-1.list-lg li .title {
    font-size:20px
  }
  .list-style-1.list-lg li p {
    font-size:15px!important
  }
}
.list-style-1.list-sm li {
  padding:12px 5px 12px 65px
}
.list-style-1.list-sm li:before {
  width:50px;
  height:50px;
  line-height:50px;
  font-size:18px
}
.list-style-1.list-sm li .title {
  font-size:16px
}
.list-style-1.list-sm li p {
  font-size:14px!important
}
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar {
  background-color:rgba(255,255,255,.9)
}
.lg-outer {
  z-index:1000000
}
.lg-outer .lg-img-wrap,
.lg-outer .lg-item,
.lg-outer .lg-thumb-outer,
.lg-outer .lg-toogle-thumb {
  background-color:transparent
}
.lg-outer .lg-object {
  border:1px solid rgba(0,0,0,.2)
}
.lg-backdrop {
  background-color:rgba(255,255,255,.9);
  backdrop-filter:blur(15px);
  z-index:999999
}
#lg-counter,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-outer .lg-toogle-thumb,
.lg-toolbar .lg-icon {
  color:#444
}
.lg-next,
.lg-prev {
  background-color:var(--bs-light);
  border-radius:0;
  color:#999;
  padding:10px 10px 10px
}
.lg-next:hover,
.lg-prev:hover {
  background-color:var(--main-color);
  color:#fff
}
.lg-outer .lg-thumb {
  width:auto!important
}
.lg-outer .lg-thumb-item {
  border-radius:0;
  width:70px!important;
  height:70px!important;
  margin-right:5px!important
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color:var(--main-color)
}
.lightimg {
  cursor:pointer
}
.progress-wrap .progress-info {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px
}
.progress-wrap .progress-info span {
  color:var(--main-color);
  font-weight:500
}
.scroltop {
  background:var(--main-color);
  bottom:30px;
  color:#fff!important;
  cursor:pointer;
  opacity:0;
  height:50px;
  line-height:50px;
  margin:0;
  position:fixed;
  right:30px;
  text-align:center;
  width:50px;
  z-index:999;
  box-shadow:0 10px 20px 0 rgba(0,0,0,.2);
  border:0;
  border-radius:50%;
  transform:translateY(100px);
  -webkit-transition:all .5s;
  -ms-transition:all .5s;
  transition:all .5s
}
.scroltop.show {
  transform:translateY(0);
  opacity:1
}
.scroltop:hover i {
  -webkit-animation:scrollTop .8s forwards;
  -moz-animation:scrollTop .8s forwards;
  animation:scrollTop .8s forwards
}
@media only screen and (max-width:575px) {
  .scroltop {
    width:35px;
    height:35px;
    line-height:35px;
    right:15px
  }
}
.icon-up i {
  display:inline-block
}
@-webkit-keyframes scrollTop {
  49% {
    -webkit-transform:translateY(-100%)
  }
  50% {
    opacity:0;
    -webkit-transform:translateY(100%)
  }
  51% {
    opacity:1
  }
}
@-moz-keyframes scrollTop {
  49% {
    -moz-transform:translateY(-100%)
  }
  50% {
    opacity:0;
    -moz-transform:translateY(100%)
  }
  51% {
    opacity:1
  }
}
@keyframes scrollTop {
  49% {
    transform:translateY(-100%)
  }
  50% {
    opacity:0;
    transform:translateY(100%)
  }
  51% {
    opacity:1
  }
}
.dz-flex-wrapper .dz-info ul.list-check-try{
	list-style:none;
	margin:0px;
	padding:0px;
}

.dz-flex-wrapper .dz-info ul.list-check-try li {
  font-size: 18px;
  padding: 4px 0 4px 30px;
}

.dz-media, .dz-post-media {
  position: relative;
  overflow: hidden;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dz-info-top h3{
	margin-bottom:12px;
}


.dz-flex-wrapper .dz-info .item1 {
  margin-top: -30px;
  margin-bottom: 20px;
  position: relative;
  right: -15px;
}
.info-widget.style-14 {
  display: flex;
  justify-content: end;
  align-items: center;
}

.info-widget.style-14 .info-widget-profile {
  display: flex;
  align-items: center;
  gap: 12px;
}
.info-widget.style-14 .info-widget-profile .widget-media {
width: 60px;
  min-width: 60px;
  height: 60px;
  background: #e1e0e1;
  border-radius: 50%;
}
.info-widget.style-14 .info-widget-profile .widget-media img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.info-widget.style-14 .info-widget-profile .widget-content .title {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.info-widget.style-14 .info-widget-profile .widget-content .text {
  color: var(--main-color);
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}

.info-widget.style-14 .btn {
  height: 60px;
  width: 60px;
  min-width: 60px;
  font-size: 24px;
   Background-color: var(--main-color);
   border-radius:50%;
   background-image: url(/app/uploads/2025/01/right-arrow2.png);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-46deg);
}
.info-widget.style-14 .btn:hover{
	 Background-color: var(--second-color);
}
.event-bg,
.service-section,
.testimonials-section,
.team-sec{
	position:relative;
}

.event-bg .curv-separate.top,
.testimonials-section .curv-separate.top,
.service-section .curv-separate.top,
.team-sec .curv-separate.top {
  top: -20px !important;
}

.event-bg .curv-separate.bottom,
.testimonials-section .curv-separate.bottom,
.team-sec .curv-separate.bottom {
  bottom: -30px !important;
}


@media(min-width:1200px){
	
.treatments-header h2 {
	  font-size: 48px;
   line-height: 60px;
}
.hero-btn img{
	max-width: 20px;
  margin-top: 6px;
}
.dz-flex-wrapper .dz-media .btn{
	padding: 9px 10px;
    font-size: 16px;
}

.info-widget.style-14 .btn{
	height: 40px;
  width: 40px;
  min-width: 40px;
  background-size: 17px;
}
	
}


@media(max-width:767px){
	
.treatments-header h2 br{
	 display:none;
}
	
}



/* marqee slider */


.dz-marquee {
    position: relative;
    padding: 15px 0;
}
.dz-marquee.style-1 {
    background: var(--secondary);
}
.dz-marquee.style-2 {
    background: var(--light);
}
.marquee-list {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    animation: marquee 20s linear infinite;
}
.marquee-list .item {
    display: inline-block;
    padding: 0 30px;
    font-size: 24px;
    font-weight: 600;

}
.marquee-list .text-outline {
    -webkit-text-stroke: 1px #000;
    -webkit-text-fill-color: transparent;
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}


.dz-marquee.style-1 {
  position:relative;
  padding:30px
}
.dz-marquee.style-1 .marquee-list {
  margin-bottom:0;
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  animation:ticker 0s linear infinite 0s normal;
  animation-duration:0s;
  animation-duration:15s
}
.dz-marquee.style-1 .marquee-list .item {
  display:-ms-flexbox;
  display:flex;
  align-items:center;
  font-size:30px;
  font-weight:400;
  display:flex;
  justify-content:center;
  margin:0;
  position:relative;
  text-transform:capitalize;
   font-family: "Poppins", serif;
}
.dz-marquee.style-1 .marquee-list .item:after {
  content:"";
  background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="30" viewBox="0 0 31 30" fill="none"><path d="M15.5918 0L17.7131 12.8787L30.5918 15L17.7131 17.1213L15.5918 30L13.4705 17.1213L0.591797 15L13.4705 12.8787L15.5918 0Z" fill="white"/></svg>');
  height:30px;
  width:30px;
  background-position:center;
  background-repeat:no-repeat;
  margin:0 50px;
  background-size:100%
}
@media only screen and (max-width:1480px) {
  .dz-marquee.style-1 {
    padding:20px
  }
  .dz-marquee.style-1 .marquee-list .item {
    font-size:24px
  }
  .dz-marquee.style-1 .marquee-list .item:after {
    height:20px;
    width:20px;
    margin:0 25px
  }
}
@media only screen and (max-width:767px) {
  .dz-marquee.style-1 .marquee-list .item {
    font-size:20px
  }
  .dz-marquee.style-1 .marquee-list .item:after {
    height:18px;
    width:18px;
    margin:0 20px
  }
}
@media only screen and (max-width:575px) {
  .dz-marquee.style-1 {
    padding:15px
  }
  .dz-marquee.style-1 .marquee-list .item {
    font-size:16px
  }
  .dz-marquee.style-1 .marquee-list .item::after {
    height:15px;
    width:15px;
    margin:0 15px
  }
}
.dz-marquee.style-1:hover .marquee-list {
  animation-play-state:paused
}
.dz-marquee.style-2 {
  position:relative;
  z-index:1;
  background-color:transparent;
  padding:15px 0;
  overflow: hidden;
}
.dz-marquee.style-2 .marquee-list {
  margin-bottom:0;
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  animation:ticker 0s linear infinite 0s normal;
  animation-duration:0s;
  animation-duration:32.9528s;
   font-family: "Poppins", serif;
}
.dz-marquee.style-2 .marquee-list .item {
  display:-ms-flexbox;
  display:flex;
  align-items:center;
  font-size:80px;
  line-height:1.2;
  font-weight:700;
  justify-content:center;
  color: var(--second-color);
}

.dz-marquee.style-2 .marquee-list .text-outline {
  -webkit-text-stroke:2px var(--main-color);
  color:transparent;
  font-weight:800;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (max-width:1480px) {
  .dz-marquee.style-2 .marquee-list .item {
    font-size:60px
  }
  .dz-marquee.style-2 .marquee-list .item:after {
    height:40px;
    width:40px;
    margin:0 25px
  }
}
@media only screen and (max-width:991px) {
  .dz-marquee.style-2 .marquee-list .item {
    font-size:40px
  }
  .dz-marquee.style-2 .marquee-list .item:after {
    height:30px;
    width:30px
  }
 .faq-section{
	 padding-bottom:40px;
 }
}
@media only screen and (max-width:767px) {
  .dz-marquee.style-2 .marquee-list .item {
    font-size:25px
  }
  .dz-marquee.style-2 .marquee-list .item:after {
    height:18px;
    width:18px;
    margin:0 15px
  }
  .dz-marquee.style-2 .marquee-list .text-outline {
    -webkit-text-stroke:1px var(--main-color);
    font-weight:700;
    letter-spacing:2px
  }
  .choose-item-info h4{
	  font-size: 18px;
  }
}
.dz-marquee.style-2:hover .marquee-list {
  animation-play-state:paused
}
@keyframes ticker {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
  }
}

.dz-marquee {
	margin-bottom:60px;
}

.w-100 {
  width: 100% !important;
}

.gall-img{
	margin-top:-185px;
}

.insta img{
	min-height: 446px;
	object-fit: cover;
}



@media (max-width: 1200px) {
	
.team-sec{
	padding-bottom:40px;
}
	  .video_sec{
	  padding-bottom:60px;
  }
	
}/* (max-width: 1200px */