.grg {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover !important
}

.banner {
  min-height: 50vh;
  padding: 38px 0px 0px 0;
}

.hedu {
  font-size: 44px;
}

.banner-content {
  position: relative;
  top: -46px;
}

@media only screen and (min-width: 1441px) {
  .font60-xl {
    font-size: 60px !important;
  }
}

@media only screen and (max-width: 1920px) {

  .main-banner-area-wrap,
  .bannerowl .item {
    min-height: 660px;
  }

}

@media only screen and (max-width: 1800px) {

  .main-banner-area-wrap,
  .bannerowl .item {
    min-height: 620px;
  }
}

@media only screen and (max-width: 1500px) {

  .main-banner-area-wrap,
  .bannerowl .item {
    min-height: 550px;
  }

  .banner {
    min-height: 40vh;
    background: var(--main-color2);
  }
}

@media only screen and (max-width: 1199px) {

  .main-banner-area-wrap,
  .bannerowl .item {
    min-height: 520px;
  }

  .banner {
    min-height: 20vh;
    background: var(--main-color2);
  }

  .banner {
    padding: 78px 0px 0px 0;
  }
}

@media only screen and (max-width:640px) {

  .main-banner-area-wrap,
  .bannerowl .item {
    min-height: 500px;
  }
}

@media only screen and (max-width: 575px) {
  .bannerowl {
    background: #edf5ff;
  }

  .bannerowl .item {
    flex-flow: column;
  }

  .grg {
    width: 100%;
    position: relative;
  }
}

@media only screen and (max-width:575px) {

  .main-banner-area-wrap,
  .bannerowl .item {
    min-height: auto;
  }

  .main-banner-area-wrap .item {
    background-position: center right 45%
  }
}

.main-banner-area-wrap {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.bannerowl {
  height: 100%;
}

@media(max-width:1600px) {
  .book-head {
    border-right: 0 !important;
  }

  .ban-img .check-up {
    right: -36px !important;
  }

  .ban-img .check-up2 {
    right: -36px !important;
  }
}

@media(max-width:1199px) {
  .ban-img {
    margin-bottom: -62px !important;
  }

  .preg-icon {
    width: 66px !important;
    height: 66px !important;
    padding: 18px;
  }
}

.apppo {
  position: absolute;
  left: 0;
  bottom: 100%;
}

@media only screen and (max-width: 991px) {
  .banner {
    padding: 78px 0px 0px 0;
  }

}

@media only screen and (max-width:575px) {
  .apppo {
    position: relative;
  }

  .banner {
    min-height: 10vh;
    background: var(--main-color2);
    padding: 58px 0px 0px 0;
  }

  .hedu {
    font-size: 24px !important;
  }

  .preg-icon {
    width: 56px !important;
    height: 56px !important;
    padding: 16px;
    top: 60% !important;
  }
}

.jaka::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(images/icon-inv.png) no-repeat center left 5%;
  pointer-events: none;
}

.clocker i {
  font-size: 22px;
  height: 48px;
  width: 48px;
  line-height: 48px;
  border-radius: 50%;
  margin: 0 auto;
  background: rgba(155, 255, 166, 0.5);
}

.blogposts .parr:nth-child(1) .row .col-12.col-md-12.col-lg-5,
.blogposts .parr:nth-child(1) .row .col-12.col-md-12.col-lg-7,
.blogposts .parr:nth-child(2) .row .col-12.col-md-12.col-lg-5,
.blogposts .parr:nth-child(2) .row .col-12.col-md-12.col-lg-7 {
  width: 100%;
}

.object-start {
  object-position: left;
}

.pichold {
  height: 180px;
  overflow: hidden;
}

.video-thumbnails {
  height: 600px;
  overflow: auto;
}

.hasheight {
  height: 130px;
  overflow: hidden;
  margin-bottom: 20px;
}

.zoomer-video {
  height: 310px;
  overflow: hidden;
}

@media(max-width:768px) {
  .zoomer-video {
    height: 270px;
  }

  .ban-img::before {
    background-size: 600px !important;
  }
}

@media(max-width:575px) {
  .ban-img::before {
    background-size: 480px !important;
  }
}

.zoomer-video.hauto {
  height: auto;
  overflow: hidden;
}

.zoomer-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.dotta .owl-dots {
  position: absolute;
  right: 15px;
  width: 15px;
  text-align: center;
  bottom: -44px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.dotta .owl-dots .owl-dot {
  display: inline-block;
  margin: 0;
}

.dotta .owl-dots .owl-dot span {
  margin: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--white-color);
  display: block;
  transition: all ease-in-out .3s;
  transform: scale(.9);
  opacity: .7
}

.dotta .owl-dots .owl-dot.active span {
  background: var(--whiteColor);
  transform: scale(1);
  opacity: 1;
}

.kull {
  padding: 10px;
  background: var(--white-color);
  border-radius: 5px;
  display: flex;
  align-items: center
}

.kull p {
  margin: 0;
  color: var(--main-color)
}

.imagg {
  width: 60px;
  margin-right: 10px;
}

.mess {
  height: 110px;
  overflow: hidden;
  margin-bottom: 30px;
}

.facilitie {
  background-color: #f5f5f5;
  margin: -50px 0px;
  position: relative;
}

.facilitie::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #dfdfdf
}

.facilitie::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #dfdfdf transparent transparent
}

.facilitie2 {
  background-color: #f5f5f5;
  margin: -50px 0px;
  position: relative;
}

.facilitie2::before {
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent transparent #dfdfdf transparent
}

.facilitie2::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent transparent #dfdfdf
}

@media(max-width:991px) {

  .facilitie,
  .facilitie2 {
    margin: 0;
  }

  .facilitie::after,
  .facilitie2::after,
  .facilitie::before,
  .facilitie2::before {
    display: none;
  }

  .ban-img {
    margin-bottom: 0px !important;
  }

  .ban-img::before {
    position: absolute;
    bottom: -175px;
    left: 50%;
    background: var(--main-color);
    content: '';
    width: 170%;
    height: 320px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 320px 320px 0 0;
    -webkit-border-radius: 320px 320px 0 0;
    -moz-border-radius: 320px 320px 0 0;
    -ms-border-radius: 320px 320px 0 0;
    -o-border-radius: 320px 320px 0 0;
  }

  .brrr {
    border-right: 0 !important;
  }

  .hedu {
    font-size: 32px;
  }
}

.banda {
  background: url(images/kneecap2.svg) no-repeat right 5% bottom 10px #fff;
  background-size: 100px;
}

@media(min-width:992px) {
  .col-lg-2by5 {
    max-width: 20%;
    flex-basis: 20%;
  }
}

.treeto:hover {
  background-color: var(--main-color3);
  border-color: var(--main-color3)
}

.treeto:hover a {
  color: var(--main-color3);
}

.bazzi {
  height: 420px;
  overflow: auto
}

.videoo {
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  display: inline-block;
  background: rgba(255, 255, 255, .3);
  z-index: 9;
  text-indent: 0;
}

.waves {
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, .1);
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  border-radius: 100%;
  left: -25px;
  bottom: -25px;
  z-index: 0;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite
}

.wave-1 {
  -webkit-animation-delay: 0;
  animation-delay: 0
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
  }

  50% {
    opacity: .9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90)
  }

  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
  }
}

.faq-accordion .accordion-content ul {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}

.faq-accordion .accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-bottom: 5px solid rgb(235 158 190);
}

.faq-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%232b5aac' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%232b5aac' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.main-accordion.faq-accordion .accordion-button:not(.dusra),
.main-accordion.faq-accordion .accordion-button:not(.collapsed) {
  background:#ffeaf3;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.accordion-content{
      background: #fff4f9;
    border-top: 1px solid #ff99c3;
}
.main-accordion.faq-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDI2LjY2NyA0MjYuNjY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNNDA1LjMzMiAxOTJIMjM0LjY2OFYyMS4zMzJDMjM0LjY2OCA5LjU1OSAyMjUuMTA5IDAgMjEzLjMzMiAwIDIwMS41NTkgMCAxOTIgOS41NTkgMTkyIDIxLjMzMlYxOTJIMjEuMzMyQzkuNTU5IDE5MiAwIDIwMS41NTkgMCAyMTMuMzMyYzAgMTEuNzc3IDkuNTU5IDIxLjMzNiAyMS4zMzIgMjEuMzM2SDE5MnYxNzAuNjY0YzAgMTEuNzc3IDkuNTU5IDIxLjMzNiAyMS4zMzIgMjEuMzM2IDExLjc3NyAwIDIxLjMzNi05LjU1OSAyMS4zMzYtMjEuMzM2VjIzNC42NjhoMTcwLjY2NGMxMS43NzcgMCAyMS4zMzYtOS41NTkgMjEuMzM2LTIxLjMzNiAwLTExLjc3My05LjU1OS0yMS4zMzItMjEuMzM2LTIxLjMzMnptMCAwIiBmaWxsPSIjY2MxNzc1IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==");
  transform: scale(.7) !important;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  position: relative;
  top: 3px;
}

.main-accordion.faq-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTIxLjgwNSAxMjEuODA0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNNy4zMDggNjguMjExaDEwNy4xODhhNy4zMDkgNy4zMDkgMCAwIDAgNy4zMDktNy4zMSA3LjMwOCA3LjMwOCAwIDAgMC03LjMwOS03LjMwOUg3LjMwOGE3LjMxIDcuMzEgMCAwIDAgMCAxNC42MTl6IiBmaWxsPSIjMzAyYTY2IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==");
  transform: scale(.7) !important;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}


.kidizum::before {
  content: '';
  position: absolute;
  height: 90%;
  width: 5px;
  background: #fff4ea;
  left: 50%;
  top: 5%;
  transform: translateX(-50%);
}

@media(max-width:767px) {
  .kidizum::before {
    display: none;
  }

  .hedu {
    font-size: 30px;
  }

  .ban-img::before {
    width: 140%;
  }
}

.homba li {
  list-style: none;
  border: 2px solid #ffe3de;
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
  border-radius: 4px;
}

.beshakal li {
  list-style: none;
  display: inline-block;
  background: var(--main-color);
  color: var(--whiteColor);
  padding: 8px 14px;
  margin: 5px 0;
  border-radius: 30px;
  min-width: 30%;
}

.titletable td {
  padding: 6px;
  border: 1px solid #c2bbc0;
  background: rgba(255, 255, 255, 0.01);
  font-weight: 500;
}

.heighto {
  height: 50px;
  overflow: hidden;
}

.top-tag {
  padding: 3px 21px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  background: var(--main-color2);
  color: #fff;
  font-size: 14px;
  position: relative;
}

.top-tag::before {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  content: '';
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.top-tag::after {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  content: '';
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.rounded-bottom-10 {
  border-radius: 0 0 24px 24px;
  -webkit-border-radius: 0 0 24px 24px;
  -moz-border-radius: 0 0 24px 24px;
  -ms-border-radius: 0 0 24px 24px;
  -o-border-radius: 0 0 24px 24px;
}

.marquee .js-marquee {
  display: flex;
}

.marquee {
  width: 100%;
  overflow: hidden;
  color: #ddd;
  ;
  min-height: 18px;
}

.marqueeof {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  position: absolute;
  bottom: 40%;
}

.marqueeof span {
  text-transform: uppercase;
  will-change: transform;
  transform: translateX(0);
  white-space: nowrap;
  -webkit-animation: marqueeof 40s linear infinite;
  animation: marqueeof 40s linear infinite;
  font-size: 100px;
  line-height: 1.2;
  font-weight: 500;
  color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #ece6d1;
  opacity: 1;
}

.marquee h3 {
  position: relative;
  margin: 0 34px;
}

.marquee h3::before {
  content: '';
  width: 32px;
  height: 2px;
  background: #ffffff62;
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}


.ban-icon {
  width: 134px;
  height: 134px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 40px;
  border: 1px solid #ffffff77;
}


@keyframes toTopFromBottom {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }

  100% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}

.home-cta {
  border-radius: 20px 0 0 20px;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  position: relative;
}

.home-cta::before {
  width: 50%;
  content: '';
  height: 100%;
  background: var(--main-color2);
  right: -50%;
  top: 0;
  position: absolute;
}

.rounded-top-18 {
  border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
}

.about {
  background: linear-gradient(to right, #fff3f8, #fff3f800, #fff3f8);
}

.op08 {
  opacity: 0.08;
}

.bbr {
  border-right: 1px solid rgba(0, 0, 0, 0.082);
}

.bggg {
  background: linear-gradient(to bottom, #ead8ff 0%, rgba(255, 255, 255, 0) 100%)
}

.dz-ring-effect {
  -webkit-animation: dzRing 1.2s infinite ease-in-out;
  animation: dzRing 1.2s infinite ease-in-out;
  display: inline-flex
}

@-webkit-keyframes dzRing {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg)
  }

  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg)
  }
}

.brrr {
  border-right: 2px solid #ffffff3b;
}

.doc-details {
  margin: -48px auto 0;
  width: 92%;
  position: relative;
  z-index: 1;
}

.social-banner {
  position: absolute;
  bottom: 40px;
  left: 0;
}

.social-banner::before {
  position: absolute;
  content: '';
  width: 120px;
  height: 1px;
  background: #33333327;
  left: -130px;
}

.social-banner a {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color);
}

.preg-icon {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: -12px;
  z-index: 1;
  -webkit-animation: ripple 3s linear infinite;
  animation: ripple 3s linear infinite;
}

.preg-icon img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}


@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }

  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }

  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}

.ban-img .check-up {
  position: absolute;
  top: 76%;
  z-index: 1;
  right: -58px;
}

.ban-img .check-up .text {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0 20px 50px 0 #bdbfe4;
  backdrop-filter: blur(20px);
  padding: 6px 8px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.ban-img .check-up .text .right-check {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: var(--main-color);
  color: #fff;
  min-width: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.ban-img .check-up2 {
  position: absolute;
  top: 62%;
  z-index: 1;
  right: -72px;
}

.ban-img .check-up2 .text {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0 20px 50px 0 #bdbfe4;
  backdrop-filter: blur(20px);
  padding: 6px 8px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.ban-img .check-up2 .text .right-check {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: var(--main-color);
  color: #fff;
  min-width: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.updown {
  animation: tpupdown 1s infinite alternate;
}

@keyframes tpupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.banner-img1 {
  position: absolute;
  top: 30%;
  left: 0;
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
}

.about-home .item-br {
  position: relative;
}

.about-home .item-br::before {
  position: absolute;
  top: 0;
  right: 6px;
  background: #22778752;
  width: 2px;
  height: 100%;
  content: '';
  transform: rotate(20deg);
}

.about-home .item-1 {
  position: relative;
}

.about-home .item-1 .counter-wrap {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px 0px;
  background-color: #fff;
  padding: 0px 11px 11px 0px;
  text-align: center;
}

.about-home .item-1 .counter-wrap .svg1 svg {
  position: absolute;
  right: -29px;
  top: 0px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.about-home .item-1 .counter-wrap .svg2 svg {
  position: absolute;
  left: 0px;
  bottom: -30px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.about-home .item-1 .counter-wrap2 {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 10px 0px;
  background-color: #fff;
  padding: 11px 0px 0px 11px;
  text-align: center;
}

.about-home .item-1 .counter-wrap2 .svg1 svg {
  position: absolute;
  right: 0px;
  top: -29px;
  transform: rotate(0deg);
}

.about-home .item-1 .counter-wrap2 .svg2 svg {
  position: absolute;
  left: -29px;
  bottom: 0px;
  transform: rotate(0deg);
}

.about-home .item-1 .counter-wrap .item {
  display: flex;
  gap: 12px;
  align-items: center;
}

.about-home .item-1 .counter-wrap .item h3 {
  width: 60px;
  height: 60px;
  border: 1px dashed #ffffff85;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: #ffffff0e;
}

.features .item1 {
  border-bottom: 3px solid var(--main-color);
}

.features .item2 {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 3px solid var(--main-color);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.features .item3 {
  border-bottom: 3px solid var(--main-color);
}

.about-item {
  border: 1px solid #2e296218;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.about-item .icon {
  width: 66px;
  height: 66px;
  border-right: 1px solid #2e296218;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
}

.bannner-bottom-img img {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  overflow: hidden;
  padding: 2px;
  background: var(--white-color);
}

.shortcut .item {
  border: 2px solid rgb(236, 236, 236);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 22px;
  background: #fff;
  position: relative;
  border-bottom: 2px solid var(--main-color);
}

.shortcut .item::before {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: var(--main-color);
  opacity: 0.04;
  content: '';
  bottom: -49%;
  left: -36%;
  position: absolute;
  z-index: 1;
}

.shortcut .item .icon {
  width: 74px;
  height: 74px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border: 1px solid rgb(233, 233, 233, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bookert {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-bottom: 3px solid var(--main-color);
}

.home-enq-btn {
  width: 122px;
  height: 122px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  flex-direction: column;
  line-height: 22px;
  font-size: 13px;
}

.faq-item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 18px;
}

.faq-item .icon {
  position: absolute;
  top: -38px;
  left: 18px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-item::before {
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, #dc516100, var(--main-color));
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
}

.sandni::before {
  width: 100%;
  height: 100%;
  background: radial-gradient(at top left, #9f8bb7 20%, #310960 100%);
  content: '';
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0.2;
  backdrop-filter: blur(10px);
}

.sticky-header {
  /* position: fixed; */
  z-index: 8;
  width: 100%;
  border-bottom: 1px solid rgb(204, 204, 204, 0.8);
  background: rgba(255, 255, 255, 0.5);
}

.bbb-about {
  border-bottom: 6px solid #dfdfdf;
}