@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

body {
  background-color: #fef9ec9e;
}
h2{
  font-family: "Marcellus", serif;
}
a{
  text-decoration: none;
  color: #000;
}
.para {
  font-size: 19px;
  letter-spacing: 0.55px;
  line-height: 30px;
}
.ivv{
  margin-top: 7rem;
}
.left-da ul{
  display:flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.left-da ul li a {
  letter-spacing: 0.55px;
  color: #000000;
  font-size: 21px;
}

.navbarrr {
  padding: 0;
  /* transform: translateY(-100%); */
}
.navbarrrnew{
  position: relative;
  animation: movv 1s;
}
@keyframes movv{
  0%{
    transform: translateY(-100%);
  }
  50%{
    transform: translateY(10%);
  }
  100%{
    transform: translateY(0%);
  }
}
/* .left-danew{
  position: relative;
  animation: animate 1.5s;
  animation-delay: 0.7s;
}
@keyframes animate{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.2);
  }
  100%{
    transform: scale(1);
  }
} */
.view-image {
  position: fixed;
  inset: 0;
  z-index: 500;
  padding: 3%;
  display: flex;
  flex-direction: column;
  animation: view-image-in 300ms;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 999999 !important;
}

.sectionlogo img{
  width: 70px;
}

/* .abttx h3 {
  font-weight: 300;
  font-size: 30px;
  line-height: 46px;
  margin-top: 1.5rem;
} */
.abttx h3 {
  font-weight: 300;
  font-size: 30px;
  line-height: 46px;
  margin-top: 1rem;
}

.serimg img{
  height: 300px;
  object-fit: cover;
  margin-bottom: 1rem;
}
.serdata{
  padding: 1rem;
}


.readbt a {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  transition:all .3s;
}
.readbt a:hover{
  gap:25px;
  letter-spacing: 1px;
}
.readbt a img{
  width: 40px;
}
.services {
  padding: 3rem 0;
  background-color: #fcd5a5;
  /* background: linear-gradient(180deg, #f6fafd, #f6fafd); */
  height: 200px;
  overflow: hidden;
}
.dasf p {
  font-size: 23px;
  letter-spacing: 0.55px;
  line-height: 34px;
}


.lefthd h2{
  font-size: 40px;
  /* letter-spacing: 0.55px; */
  /* font-weight: 700; */
  background-color: transparent;
  /* font-size: max(30px, min(50px, calc(42* var(--theme-spx-ratio)))); */
  text-decoration: none;
  /* text-align: left; */
}

.services {
    height: 145vh;
}
.services1 {
    height: 130vh;
}
.serlist{
  height: 100px;
  overflow: hidden;
}

.playbg {
  height: 100px;
  width: 100px;
  background-color: #b7815a;
  bottom: -6%;
  right: -6%;
  z-index: 1;
  transition: all .3s;
  border: 10px solid #c6a072;
  z-index: 9;
  cursor: pointer;
}
.playbg:hover{
  background-color: #fff;
}
.playbg img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9;
  filter: brightness(0)invert(1);
  transition: all .3s;
}

.playbg:hover img{
  filter: initial;
}
.playbg::after{
  position: absolute;
  content: "";
  background-color: #b7815a9c;
  background-size: contain;
  height: 100px;
  width: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)scale(1);
  animation: move 2s infinite;

}
.playbg::before{
  position: absolute;
  content: "";
  background-color: #b7815a9c;
  background-size: contain;
  height: 100px;
  width: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)scale(1);
  animation: move2 2s infinite;
  animation-delay: .3s;
}
@keyframes move{
  0%{
    transform: translate(-50%,-50%)scale(1);
    opacity: 1;
  }
  100%{
    transform: translate(-50%,-50%)scale(1.5);
    opacity: 0;
  }
}
@keyframes move2{
  0%{
    transform: translate(-50%,-50%)scale(1);
    opacity: 1;
  }
  100%{
    transform: translate(-50%,-50%)scale(1.5);
    opacity: 0;
  }
}

.lefthd span {
  font-size: 19px;
  color: #b7815a;
}
.bkbtn a{
  border: 1px solid #fff;
    width: fit-content;
    margin: auto;
    padding: 10px 20px;
    border-radius: 30px;
}
.lefthd h6 {
  font-size: 18px;
  line-height: 29px;
  font-weight: 400;
  color: #b7815a;
}

.leftdoctor{
  position: relative;
}
.leftdoctor::after {
  position: absolute;
  content: "";
  background-color: #c8a375;
  background-size: contain;
  height: 250px;
  width: 20px;
  top: 30%;
  left: -20px;
  /* clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); */
  clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}
.leftdoctor::before {
  position: absolute;
  content: "";
  background-color: #dda55f;
  background-size: contain;
  height: 150px;
  width: 20px;
  top: 66%;
  left: -20px;
  clip-path: polygon(0 15%, 100% 0%, 100% 85%, 0% 100%);
}

.lefthd2 h2 {
  font-size: 70px;
  letter-spacing: 1px;
}

.apponintment {
  padding: 7rem 0;
  background-color: #0000009e;
  position: relative;
}
.apponintment::after{
  position: absolute;
  content: "";
  background-image: url(../images/sd.jpg);
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-attachment: fixed;
}
.figerlist {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}

.bkbtn{
  filter: brightness(0)invert(1);
}
.figerlist h2 {
  font-size: 40px;
  letter-spacing: 0.55px;
  color: #fff;
  font-weight: 700;
}
.figerlist p{
  font-size: 20px;
  letter-spacing: 0.55px;
  font-weight: 400;
  color: #fff;
}

.testlist .col{
  flex: 0 0 55%;
}

.rightdt {
  height: 100%;
  padding: 2rem;
  background-color: #ffefdc;
  border-radius: 5px;
}

.testimonials{
  overflow: hidden;
}
/* .innertest{
  animation: animamate 15s infinite linear;
  display: block;
  width: 100%;
}
@keyframes animamate{
  0%{
      transform: translateX(0);
  }
  50%{
    transform: translateX(-100%);
  }
  100%{
    transform: translateX(0);
  }
} */

.testslide .swiper-wrapper {
	transition-timing-function: linear !important;
}
.testslidetwo .swiper-wrapper {
	transition-timing-function: linear !important;
}

.playbg1{
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.playbg1 img{
  height: 20px !important;
    width: 20px !important;
}
.playbg1 {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 6px solid #c6a072;
}
.playbg1::before {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
.playbg1::after {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}



footer {
  background-image: url(../images/foot1.png);
  padding: 5rem 0 2rem;
}
.footlink h5 {
  font-size: 29px;
  letter-spacing: 0.55px;
  color: #fff;
}
.footlink ul li a {
  font-size: 19px;
  letter-spacing: 0.55px;
  color: #000000;
}
.footlink ul li{
  padding: 5px 0;
}

.navbarrrnnn {
  /* background-color: #c6a071; */
  background: linear-gradient(180deg, #c6a071, #ffd8a8);
}
.leftlogonew{
  background-color: transparent !important;
}
.leftlogonew img{
  filter: brightness(0)invert(1);
}



.page-header {
  margin-top: 7.5rem;
  overflow: hidden;
  /* box-shadow: inset #c6a0724a 0px -39px 25px 6px; */
  background: linear-gradient(90deg, #c6a0717d, transparent);
}

.miimg svg{
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.miimg {
  margin-bottom: 1rem;
  position: relative;
  height: 60px;
  width: 60px;
  border: 1px solid #d3ad7e;
  border-radius: 50%;
}
.mislist{
  padding: 2rem;
}
.left-hdr h2{
  font-size: 70px;
  letter-spacing: 0.55px;
  line-height: 85px;
}

.w-85{
  width: 85%;
}
.docsr{
  position:absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.docsr h2 {
  font-size: 80px;
  font-weight: 900;
  writing-mode: vertical-rl;
  display: flex;
  margin: 0;
  transform: rotate(0deg);
  background: none;
  color: transparent;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #00000012;
  -webkit-text-fill-color: unset;
  writing-mode: vertical-lr;
  letter-spacing: 2px;
}

.innermission .col-lg-4:nth-child(1), .innermission .col-lg-4:nth-child(2) {
  border-right: 1px solid #00000024;
}
.midt h2 {
  font-size: 45px;
  letter-spacing: 0.55px;
  color: #d3ad7e;
}


.left-hdr{
  position: relative;
}
.left-hdr::after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #e8d7bf, #f1e6d5);
  background-size: contain;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 1s;
  transition-delay: .5s;
}
.left-hdrnew::after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #e8d7bf, #f1e6d5);
  background-size: contain;
  height: 0%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}

.leftlogo{
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 0 0 50px 50px;
  transition: all .5s;
}


.leftdfg{
  top: 0;
  left: 10%;
  z-index: 9;
}


.contactlist {
  padding: 3rem 2rem;
  text-align: center;
  background-color: #fff;
  border-radius: 21px;
  box-shadow: black 0px 5px 12px -9px;
}
.coimg img {
  width: 40px;
  margin-bottom: 1rem;
}
.condt p {
  font-size: 22px;
  color: #c6a071;
  font-weight: 500;
}
.condt span {
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.55px;
}

.leftcon h2 {
  font-size: 43px;
  line-height: 58px;
  color: #cfa97a;
}


.rightcon {
  text-align: center;
  padding: 2rem 2rem 3rem 2rem;
  background-color: #fff;
  border-radius: 17px;
}

.formwrap input, .formwrap select, .formwrap textarea {
  border: none;
  border-bottom: 1px solid rgb(198 160 113);
  border-radius: 0;
  background-color: transparent;
  padding-left: 10px;
}
.formwrap input,.formwrap select{
  height: 50px;
}
.formwrap input:focus,.formwrap select:focus,.formwrap textarea:focus{
  border: none;
  border-bottom: 1px solid rgb(198 160 113);
  outline: none;
  box-shadow: none;
}

.formhd h2{
  color: #cfa97a;
  font-size: 38px;
  letter-spacing: 0.55px;
}

.bookbtn a {
  padding: 10px 20px;
  font-size: 20px;
  border: 1px solid #cfa97a;
  border-radius: 0;
  display: flex;
  justify-content: center;
  background-color: #cfa97a;
  color: #fff;
  transition: all .3s;
}
.bookbtn a:hover{
  background-color: transparent;
  color: #cfa97a;
}







.gl11 img{
  height: 300px;
  object-fit:cover;
  border-radius: 10px;
}

.gl11{
  position: relative;
  overflow: hidden;
}
.gl11::after {
  position: absolute;
  content: "";
  background-color: #0000006b;
  background-size: contain;
  height: 100%;
  width: 0%;
  z-index: 9;
  top: 0;
  left: 0;
  backdrop-filter: blur(5px);
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
  transition: all .3s;
  
  border-radius: 10px 0 0 10px;
}
.gl11::before {
  position: absolute;
  content: "";
  background-color: #f7d0a0;
  background-size: contain;
  height: 100%;
  width: 0%;
  z-index: 10;
  top: 0;
  left: 0;
  backdrop-filter: blur(0px);
  /* clip-path: polygon(0 0, 100% 0, 54% 100%, 0% 101%); */
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
  transition: all .3s;
  border-radius: 10px 0 0 10px;
}
.gl11:hover::after{
  width: 50%;
}
.gl11:hover::before{
  width: 54%;
  clip-path: polygon(0 0, 100% 0, 54% 100%, 0% 101%);
}
.gl-btn{
  position: absolute;
  top: 0%;
  left: 5%;
  z-index: 999;
  color: #fff;
  transition-delay: 5s;
  transition: all .3s;
  opacity: 0;
}
.gl-btn p {
  color: #000000;
  font-size: 19px;
  letter-spacing: 0.55px;
}
.rans{
  cursor: pointer;
}
.rans img{height: 300px;object-fit: cover;}
.gl11:hover .gl-btn{
  top: 50%;
  opacity: 1;
}
.dq{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  padding: 15px 0;
  text-align: center;
  width: 100%;
  color: #fff;
  transition: all .3s;
}
.dq::after {
  position: absolute;
  content: "";
  background-color: #00000075;
  background-size: contain;
  height: 100px;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  clip-path: polygon(0 26%, 100% 0, 100% 100%, 0% 100%);
  border-radius: 0 0 10px 10px;
  backdrop-filter: blur(6px);
}
.gl11:hover ~ .dq{
  bottom: -100%;
}
.dq p {
  font-size: 19px;
  letter-spacing: 0.55px;
}
.mm{
  overflow: hidden;
}


/* .bannertttt {
  top: 50%;
  left: 10%;
  z-index: 99;
  transform: translateY(-50%);
}
.bannertttt  h2{
  font-size: 60px;
    letter-spacing: 0.55px;
    line-height: 75px;
}
.bannerimgdfs img{
  height: 90vh;
}
.dwngrid{
  height: 10vh;
  background-color: blue;
  border-radius: 0 0 20px 20px;
}

.choosetxt h6{
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.55px;
}
.swiper-slide p{
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.55px;
}
.dwngrid .row{
  padding: 36px 0;
} */


.appo {
  background-image: url(../images/app.png);
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.appo::after {
  position: absolute;
  content: "";
  background-color: #000000d4;
  background-size: contain;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}

.innerappo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  padding: 3rem;
  background-color: #ffffff;
  border-radius: 20px;
}

.close {
  top: 4%;
  right: 3%;
  z-index: 99;
  cursor: pointer;
}


.vdopop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: #00000070;
  background-size: contain;
  height: 100%;
  width: 100%;
  z-index: 999;
  backdrop-filter: blur(15px);
}

.innervdo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 50%;
}

.inner-success {
    width: 300px;
    margin: auto;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem 1rem;
}
#success {
    background-color: #000000b8;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
    display: none;
}
.quick_sucInner {
    text-align: center;
}
.quick_sucInnerBtn {
    background-color: #31a300;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 7px 20px;
    border-radius: 30px;
    font-family: auto !important;
}
.quick_sucInner h3 {
    font-family: auto !important;
}
#successf {
    background-color: #000000b8;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
    display: none;
}
.quick_sucInnerf {
    text-align: center;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}




.avtt a {
    color: #9d6c4a !important;
}
.xxw li{
    height:40px;
    width:40px;
    background-color:#fff;
    border-radius:50%;
    position:relative;
}
.xxw li a img {
    width: 21px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    /* filter: brightness(0) invert(1); */
}


.serdttt{
    padding:6rem 0;
}


.firr a {
    padding: 10px 20px;
    background-color: #cfa97a;
    border-radius: 30px;
    border: 1px solid #cfa97a;
    color: #fff;
    font-size: 20px;
    transition:all .3s;
}
.firr a:hover{
    background-color:transparent;
    color: #cfa97a;
}
.close a{
    color: red;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.close a img{
        width: 25px;
}