/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/* font-family: "Inter", sans-serif;
font-family: "Aleo", serif; */


/* Default Css */
*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html{
  overflow-x: hidden;
}
body{
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #000;
  overflow: hidden !important;
}
ul,ol{
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,h2,h3,h4,h5,h6,p{
  padding: 0;
  margin: 0;
}
.heading1{
  font-family: "Aleo", serif;
  font-weight: 700;
  font-size: 96px;
  line-height: 100%;
  text-align: center;
  color: #fff;
}
.heading2{
  font-family: "Aleo", serif;
  font-weight: 500;
  font-size: 46px;
  line-height: 120%;
  text-align: center;
  color: #1d1d1d;
}
.heading3{
  font-family: "Aleo", serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 120%;
  color: #1d1d1d;
}
.font-32px{
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-align: center;
  color: #1d1d1d;
}
.font-20px{
  font-weight: 400;
  font-size: 20px;
  line-height: 175%;
  color: #1d1d1d;
}
.font-16px{
  font-weight: 700;
  font-size: 16px;
  line-height: 175%;
  color: #1d1d1d;
}
.Cyan-border{
  padding-bottom: 17px;
  border-bottom: 2px solid #07E7E7;
}

a{
  text-decoration: none;
  color: inherit;
}
img{
  width: 100%;
}
.container{
  max-width: 1332px;
  width: 100%;
  margin: auto;
  padding: 0px 20px;
}
/* ===================================================================
                            Header Area CSS Start
====================================================================*/
.header-area {
  content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
}
.header-main{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-logo{
  margin-top: 30px;
  max-width: 216px;
  height: 146px;
  width: 100%;
}
.front-camera{
  width: 99px;
  height: 27px;
  display: none;
}

/* Start banner area css */
.banner_main_area {
	position: relative;
	height: 630px; /* when you add content removed this height */
  overflow: hidden;
}
.banner_main_area::after {
  position: absolute;
  content: "";
  left: 50%;
  top: -30px;
  height: 2450px;
  width: 95%;
  background: #FFF;
  -webkit-clip-path: ellipse(50% 7% at 50% 0%);
          clip-path: ellipse(50% 7% at 50% 0%);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
 .down-shep{
  position: absolute;
  z-index: 9999999999999;
  left: 0;
  /* bottom: -5%; */
  bottom: -30px;
  width: 100%;
 }
.banner_video_area{
  position:absolute;
  z-index:-2;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
.banner_video_area::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background:rgba(7, 231, 231, 0.2);
}
.banner_video_area::before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background:rgba(0, 0, 0, 0.5);
}
.banner_video_area video{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner_inner_content{
  max-width: 1175px;
  width: 100%;
  margin: auto;
  padding-top: 244px;
}
.banner_content{
  position: relative;
}
.banner_content::after{
  position: absolute;
  content: "";
  height: 1200px;
  width: 1200px;
  background:rgba(7, 231, 231, 0.8);
  border-radius: 100%;
  fill: #fff;
  -webkit-filter: blur(300px);
          filter: blur(300px);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.banner_inner_content{
  position: relative;
  z-index: 99999;
}

/* Dental content area start */
.Dental_content_area{
  padding: 88px 0px;
  padding-top: 60px;
}
.dental-title{
  padding-bottom: 33px;
}
.Dental_content{
  max-width: 864px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.dental-title .font-32px strong{
  font-weight: 700;
}
.Dental_content .font-20px{
  text-align: left;
}

/* Value Area Start */
.Value_area{
  background: rgba(217, 217, 217, 0.25);
  padding-top: 71px;
  padding-bottom: 50px;
}
.Value-title{
  margin-bottom: 50px;
}
.Value_content{
  padding-bottom: 70px;
}
.Single_value{
  /* width: 100%; */
  width: calc(100% - 90px) !important;
  padding: 67px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-radius: 10px;
  margin-left: 45px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 0px);
  right: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 0px);
  left: auto;
}
.swiper-button-next:after, .swiper-button-prev:after {
  display: none;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 0px);
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);
}
.swiper-pagination-bullet {
  height: 20px;
  width: 20px;
  background: #FFF;
  opacity: 1;
  border: 3px solid #07E7E7;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #07E7E7;
}
.inner-value-box{
  max-width: 512px;
  width: 100%;
  padding: 66px 60px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 10px;
  min-height: 288px;
}
.mobile-inner-value-box{
  display: none;
  width: 100%;
  padding: 27px 22px 40px 22px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0px 0px 10px 10px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  min-height: 240px;
}
.inner-value-box .font-16px{
  font-weight: 300;
}
.inner-value-box .font-16px strong{
  font-weight: 700;
}
.mobile-inner-value-box .font-16px{
  font-weight: 300;
}
.mobile-inner-value-box .font-16px strong{
  font-weight: 700;
}

/* About Area Start */
.About_area{
  padding-top: 142px;
  padding-bottom: 67px;
}
.about-content-main{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 50px;
  padding-top: 80px;
}
.About_content{
  -ms-flex-preferred-size: 53%;
      flex-basis: 53%;
}
.About_img{
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
}
.About_img img{
  width: 90%;
  float: right;
}
.about-title .heading2{
  text-align: left;
}
.padding-left-extra{
  padding-left: 164px;
}
.margin-left-extra{
  padding-left: 114px;
}
.About_content .font-20px {
  max-width: 686px;
  width: 100%;
  font-weight: 200;
  padding-bottom: 22px;
}
.About_content .font-20px:last-child{
  padding-bottom: 0px;
}
.About_content .font-20px strong{
  font-weight: 500;
}
.union-text{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 42px;
  padding-bottom: 22px;
}
.union-text .font-20px{
  max-width: 522px;
  width: 100%;
  padding-bottom: 0px !important;
}
.desk-union img{
  max-width: 112px;
  width: 100%;
}

/* Card Area Start */
.Card_area{
  padding-bottom: 166px;
}
.Card_content{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 29px 1fr 29px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 29px;
}
.single-card{
  background: rgba(7, 231, 231, 0.4);
  border-radius: 10px;
  padding: 43px 48px 47px 47px;
}
.single-card .heading3{
  padding-bottom: 16px;
}
.single-card .font-16px{
  font-weight: 200;
}
.single-card ul li{
  list-style: disc;
  margin-left: 20px;
}
.single-card ul li::marker{
  color: #1d1d1db2;
}
.single-card:nth-child(2){
  position: relative;
}
.single-card:nth-child(2)::after{
  position: absolute;
  content: "";
  background: url("../images/shep1.png")no-repeat scroll center center / cover;
  height: 199px;
  width: 199px;
  bottom: -26px;
  right: 26px;
}
.single-card:nth-child(3){
  position: relative;
}
.single-card:nth-child(3)::after{
  position: absolute;
  content: "";
  background: url("../images/shep2.png")no-repeat scroll center center / cover;
  height: 154px;
  width: 188px;
  bottom: -20px;
  right: 83px;
}

/* Do Area Start */
.Do_area{
  background: url("../images/Do-bg.png")no-repeat scroll center center / cover;
  padding-top: 91px;
  padding-bottom: 129px;
  position: relative;
}
.Do_area::after{
  position: absolute;
  content: "";
  background: url("../images/do-shep.png")no-repeat scroll center center / cover;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-size: 100% 100%;
}
.Do_content{
  position: relative;
  z-index: 9999;
  padding-left: 40px;
}
.Do_content .Cyan-border{
  border-bottom: 2px solid #FFF;
}
.Do_content .heading2{
  text-align: left !important;
  padding-left: 80px;
  width: 50%;
  color: #FFF;
}
.Do_content .heading2 br{
  display: none;
}
.do-pera{
  padding-left: 80px;
  padding-top: 45px;
}
.Do_content .font-16px{
  font-weight: 400;
  max-width: 420px;
  width: 100%;
  padding-bottom: 20px;
}
.Do_content .font-16px:last-child{
  padding-bottom: 0px;
}
.Do_content .font-16px strong{
  font-weight: 600;
}

.mobile-do-pera{
  background: #1fd6d9;
  display: none;
}
.mobile-do-pera .font-16px{
  font-weight: 400;
  padding-bottom: 20px;
}
.mobile-do-pera .font-16px:last-child{
  padding-bottom: 0px;
}
.mobile-do-pera .font-16px strong{
  font-weight: 700;
}

/* Work Area Start */

.Work_content{
  padding-top: 141px;
  padding-bottom: 98px;
  text-align: center;
}
.work-pera{
  padding-top: 42px;
}
.button-line{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  padding-top: 10px;
}
.btn-contact{
  font-weight: 800;
  font-size: 16px;
  line-height: 94%;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  padding: 14px;
  border-radius: 10px;
  background: #00352c;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-contact:hover{
  color: #FFF;
  background: #0a5a4bee;
}


/* Work Area Start */
.footer-area{
  background: #00352C;
  padding: 57px 0px;
}
.footer-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px;
}
.footer-left{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
.footer-right{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.footer-logo img{
  max-width: 259px;
  width: 100%;
}
.footer-right .font-16px{
  white-space: nowrap;
}
.social-linkedin{
  margin-left: 21px;
  margin-bottom: 4px;
}
.social-linkedin img{
  width: 29px;
  height: 29px;
}
.footer-content .font-16px{
  color: #FFF;
  font-weight: 600;
}
.footer-address br{
  display: none;
}
.mobile-social{
  display: none;
}
.footer-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}