@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/metropolis.min.css");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
/* @import url("https://fonts.cdnfonts.com/css/rage-italic"); */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  -ms-word-break: break-all;
  -ms-word-wrap: break-all;
  -webkit-word-break: break-word;
  -webkit-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#revamp-heading {
  display: flex;
  width: 100%;
  height: 506px;
}
.Left-revamp {
  /* width: 60%; */
  width: 100%;
}
.Left-revamp img {
  height: 505px;
  width: 100%;
  filter: brightness(1.2);
}
.right-revamp {
  /* width: 40%; */
  /* border-radius: 16px; */
  background-color: rgba(93, 107, 47, 1);
  display: flex;
  flex-direction: column;
  /* gap: 30px; */
  gap: 50px;
  position: absolute;
  /* top: 30px; */
  /* top:49px; */

  /* top:60px; */
  width: 597px;
  /* height: 437px; */
  /* height: 366px; 1 jul*/
  height: 100%;
  opacity: 95%;
  /* right: 30px; */
  right: 115px;
}
.mot {
  /* font-family: "Metropolis", sans-serif; */
  font-family: 'Poppins',sans-serif;
  font-size: 45px;
  color: rgba(255, 255, 255, 1);
  /* font-weight: 400; */
  font-weight: 300;
  line-height: 48px;
  text-align: start;
}
.vedic {
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
}

.take {
  /* padding: 39px 50px 0px 50px; */
  padding: 60px 63px 0px 63px;
  text-align: start;
}
.button-revamp {
  width: 95%;
  height: 72px;
  /* border-radius: 8px; */
  background: rgba(255, 255, 255, 1);
  box-shadow: 2px 2px 12px 0px rgba(51, 51, 51, 0.25);
}
.silly {
  padding-top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #5d6b2f;
  cursor: pointer;
  font-family: "Poppins",sans-serif;
}
.manat {
  /* padding: 0px 108px; */
  padding: 0px 50px;
}
.new-active {
  /* width: 331px; */
  /* height:84px; */
  font-weight: 300;
  /* font-size: 23px; */
  font-size: 30px;

  /* font-family: "Metropolis", sans-serif; */
  font-family: "Poppins",sans-serif;
  color: #ffffff;
}
.hi-active {
  width: 100%;
  display: flex;
  padding:0px 63px;
  /* padding-left: 58px; */
  /* justify-content: center; */
  text-align: start;
}
.in-bet {
  display: flex;
  flex-direction: column;
  /* gap: 38px; */
  /* gap: 24px; */
  gap:70px
}

.child-treat {
  font-size: 34px;
  font-family: "Lora", sans-serif;
  font-weight: 400;
  line-height: 42px;
  color: #333333;
}
.child-sec {
  font-size: 22px;
  font-family: "Metropolis";
  line-height: 22px;
  font-weight: 400;
  color: #333333;
}
.our-treat {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#main-ser {
  padding: 56px 60px;
}
.card-body {
  width: 249px;
  height: 220px;
  display: flex;
  flex-direction: column;
  /* gap: 21px; */
  border: 1px solid #d6d683;
  border-radius: 16px;
  flex: 0 0 20.3%;
}

.card-img {
  height: 154px;
  background-color: #d6d683;
  border-radius: 16px 16px 0px 0px;
  display: flex;
  justify-content: center;
}

.card-text {
  height: 66px;
  width: 100%;
  display: flex;
  padding: 21px 16px;
  justify-content: space-between;
}
.card-inside {
  font-family: "Metropolis", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #333333;
}
.card-inside:hover {
  color: #333333;
}
.card-treat {
  padding: 32px 0px;
  display: flex;
  flex-direction: row;
  gap: 32px 77px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.view-more-card {
  background-color: #d6d683;
}
.inside-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  cursor: pointer;
}

.view-more-text {
  font-weight: 500;
  font-size: 16px;
  font-family: "Metropolis", sans-serif;
  text-decoration: underline;
  padding-top: 8px;
}
.new-clinic {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-button {
  width: 358px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: #5c6a2f;
  color: rgb(255, 255, 255);
  font-family: "Metropolis", sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
/* .jour-new{
    padding-bottom: 40px;
    background-color:#FBF8EC

} */
.jour-new {
  position: relative;
}
.new-clinic-new {
  position: absolute;
  bottom: 6.5%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jour-new img {
  height: 606px;
  width: 100%;
}
.text-jour {
  padding: 32px 60px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.jour-img {
  padding: 32px 60px;
  /* display: flex; */
}
.journey-cap {
  display: flex;
  padding: 0px 55px;
  /* gap: 78px;
  justify-content: space-evenly; */
}

.dot-trip {
  display: flex;
  align-items: center;
}
.main-trans {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.metro {
  font-family: "Metropolis", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  padding-bottom: 16px;
  color: #2c4720;
}
.upside-metro {
  width: 260px;
  display: flex;
  flex-direction: column;
  height: 96px;
}
.top-lay {
  padding-top: 32px;
  display: flex;
  gap: 90px;
}

.upside-metro {
  width: 260px;
  display: flex;
  flex-direction: column;
  height: 96px;
}

.out-metro {
  text-align: center;
  font-size: 14px;
  font-family: "Metropolis", sans-serif;
  font-weight: 500;
}
.out-metro-main {
  font-weight: 600;
  text-align: center;
}
.plus-s {
  text-align: center;
  color: #333333;
  font-weight: 500;
  font-size: 20px;
}
#patient-sec {
  padding: 56px 60px;
}
.video-inside {
  border-radius: 16px;
  /* box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25); */
  height: 369px;
  width: 420px;
  border: 1.5px solid #e9e9e9;
}
.video-inside video {
  object-fit: cover;
  height: 276px;
  filter: brightness(1.2);
  width: 100%;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.video-sec {
  display: flex;
  gap: 56px;
  padding-top: 32px;
  width: 100%;
  /* gap: 32px; */
  /* display: flex; */
  overflow: auto;
  /* overflow-x: hidden; */
  /* justify-content: center; */
}
.video-sec::-webkit-scrollbar {
  display: none;
}
.txt-ty-new {
  font-family: "Metropolis", sans-serif;
  color: #333333;
  font-size: 20px;
  padding-top: 20px;
  padding-left: 16px;
}
/* .Right-revamp-pret {
  position: relative;
  width: 40%;
} */
.Right-revamp-pret img {
  height: 505px;
  width: 100%;
  filter: brightness(1.2);
}

@media only screen and (max-width: 768px) {
  .Right-revamp-pret img {
    display: none;
  }
  .right-revamp {
    position: static;
    width: 100%;
    height: 278px;
    border-radius: 0px;
    gap: 15px !important;
  }
  .mot {
    font-size: 28px;
    line-height: 34px;
    font-weight:400
  }
  .take {
    padding: 28px 35px 0px 38px;
    text-align: center;
  }
  .in-bet {
    gap: 25px;
  }
  #main-ser {
    padding: 24px 16px 40px 16px;
  }
  .top-lay {
    padding-top: 0px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0 !important;
  }
  .jour-img {
    padding: 24px 16px;
    display: flex;
    gap: 30px;
  }
  .journey-cap {
    display: flex;
    padding: 0px 16px;
    gap: 20px;
    flex-direction: column;
  }
  .main-trans {
    display: flex;
    gap: 32px;
  }
  .upside-metro {
    width: 213px;
  }
  .jour-new img {
    height: 100%;
  }
  .new-clinic-new {
    bottom: 2.8%;
    padding: 0px 16px;
  }
  .mo-mi{
    padding: 0px 16px;
  }
  /* .video-inside {
  padding: 24px 16px 16px 16px !important;
  overflow: auto !important;
} */
  .video-inside video {
    height: 196px !important;
    width: 290px !important;
  }
  .video-inside {
    height: 280px !important;
  }
  #patient-sec {
    padding: 24px 16px;
    display: flex;
    flex-direction: column-reverse;
  }
  .video-sec {
    gap: 24px;
    padding-top: 24px;
  }
  .Left-revamp img {
    height: 100%;
  }
  #revamp-heading {
    flex-direction: column;
    height: 100%;
  }
  .Left-revamp {
    width: 100%;
  }
  .Right-revamp-pret {
    width: 100%;
  }
  .card-treat {
    /* gap: 24px; */
    justify-content: center;
  }
  .card-body {
    width: 167px;
    height: 170px;
  }
  .card-text {
    padding: 17px 8px;
  }
  .inside-cont {
    width: 152px;
  }
  .main-clove {
    display: none !important;
  }
  .back-white {
    width: 90% !important;
    height: 70% !important;
    background: #ffff;
    position: absolute;
    top: 97px !important;
    left: 20px !important;
    border-radius: 8px;
  }
  .img-sec img {
    object-fit: cover;
    height: 616px !important;
    width: 100%;
  }
  .back-text {
    padding: 32px 16px 20px 16px !important;
  }
  .calli-list {
    padding: 0px 35px !important;
  }
  .down-bad {
    padding: 24px 16px 24px 16px !important;
  }
  .first-part {
    flex-direction: column;
    padding: 24px 33px 24px 33px !important;
    gap: 38px !important;
  }
  .num-one img {
    width: 90px !important;
    height: 90px !important;
  }
  .num-two img {
    width: 90px !important;
    height: 90px !important;
  }
  .num-three img {
    width: 90px !important;
    height: 90px !important;
  }
  .jan {
    font-size: 16px !important;
  }
  .jan-txt {
    font-size: 16px !important;
  }
  .inside-circle {
    overflow: hidden;
    gap: 24px !important;
    flex-direction: column;
  }
  .thirty-o img {
    width: 358px !important;
    height: 212px !important;
  }
  .ninety-o img {
    width: 358px !important;
    height: 212px !important;
  }
  .inside-circle {
    justify-content: normal !important;
    padding-bottom: 40px;
  }
  .patient-sec {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .hi-active {
    justify-content: center;
    padding: 0px !important;
  }
  .manat {
    padding: 0px 16px !important;
  }
  .new-active {
    width: 100%;
    height: 100%;
    /* font-size: 15px; */
    text-align: center;
    font-size: 18px;
    padding:0px 16px
  }
  .child-treat {
    font-size: 22px;
  }
  .child-sec {
    font-size: 17px;
  }
  .card-treat {
    padding-top: 24px;
  }
  .our-treat {
    gap: 0px;
  }
  .card-img img {
    width: 167px ;
    height: 120px;
  }
  .circle-thing {
    padding: 0px 0px 24px 0px !important;
  }
  .io-io {
    font-size: 22px !important;
    font-family: "lora", sans-serif;
  }
  .card-inside {
    font-size: 16px !important;
  }
  .card-text img {
    width: 16px;
    height: 16px;
  }
  /* .card-text{
  height:50px
} */
  .footer {
    padding: 13px 16px !important;
  }
  .m-0 {
    font-size: 16px !important;
    color: #2c4720;
  }
  .img-foot img {
    object-fit: cover;
    overflow: hidden;
  }
  .footer-bottom {
    font-size: 13px !important;
    display: flex !important;
    justify-content: center !important;
    flex-direction: row !important;
    gap: 0px;
  }
  .second-part img {
    object-fit: cover;
    overflow: hidden;
  }
  .new-blog {
    padding: 0px !important;
  }
  .revamp-wrap {
    padding: 0px !important;
  }
  #faq-heading {
    font-size: 22px !important;
    font-weight: 400;
    font-family: "Lora";
  }
  .revamp-ans div {
    font-size: 16px;
  }
  .revamp-inner {
    gap: 16 !important;
    /* background-color: #fbf8ec !important; */
  }
  #faq-two {
    height: 300px !important;
    align-items: end !important;
  }
  .po-revamp {
    color: #333333 !important;
    font-size: 18px !important;
  }
  #inner-last {
    height: 120px !important;
    gap: 10px !important;
    border-radius: 8px 8px 0px 0px !important;
  }
  #inner-last button {
    width: 180px;
    padding: 0px;
    height: 51px;
  }
  #inner-last button {
    font-size: 16px;
  }
  .hide-cont {
    display: none !important;
  }
  .image-container img {
    width: 100%;
    height: 212px;
  }
  .txt-ty-new {
    padding-top: 10px;
  }
  #name-ty {
    font-size: 16px;
  }
  #revamp-si a {
    font-size: 12px !important;
  }
  .llll {
    bottom: 16.5% !important;
  }
  #newlll{
    bottom: 19.5% !important;
  }
  .social {
    justify-content: space-between !important;
  }
  .putty-r{
    display: flex ;
     flex-direction: column;
     gap: 10px;
}
}
#faq-heading {
  font-family: "Lora";
  font-size: 32px;
  font-weight: 400;
}

.io-io {
  font-size: 32px;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.circle-thing {
  padding: 56px 0px 32px 0px;
}
.thirty-o img {
  width: 400px;
  height: 261px;
}
.ninety-o img {
  width: 400px;
  height: 261px;
}

.inside-circle {
  display: flex;
  justify-content: center;
  gap: 161px;
}

.img-sec img {
  height: 700px;
  width: 100%;
}
.back-white {
  width: 484px;
  height: 402px;
  background: #ffff;
  position: absolute;
  top: 149px;
  left: 60px;
  border-radius: 8px;
}
.middle-main {
  position: relative;
}
.back-text {
  padding: 40px 50px 20px 50px;
}
.calli {
  font-size: 22px;
  font-weight: 600;
  font-family: "Lora";
  color: #2c4720;
}
.calli-list {
  padding: 0px 68px;
}
.li-sty {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.calli-in {
  font-family: "Metropolis", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2c4720;
}
.color-me {
  font-family: "Metropolis", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #2c4720;
}
.down-bad {
  padding: 40px 50px 40px 50px;
}
.gta-st {
  display: flex;
  width: 100%;
  height: 48px;
  background: #f9ad1c;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-family: "Metropolis", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #2c4720;
  cursor: pointer;
}

.thirty-hey img {
  width: 240px;
  height: 245px;
}
.ninety-op img {
  width: 240px;
  height: 290px;
}
.inside-circle-ma {
  display: flex;
  flex-direction: row;
  gap: 110px;
}
.main-clove {
  position: absolute;
  top: 149px;
  right: 153px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.circle-thing-cs {
  display: flex;
  justify-content: center;
  align-items: center;
}
.io-io-ty {
  display: flex;
  font-size: 32px;
  font-weight: 500;
  color: #ffff;
  font-family: "Lora";
  /* width: 419px; */
  height: 84px;
  text-align: center;
  flex-direction: column;
}
.inside-circle-ma {
  display: flex;
  flex-direction: row;
  /* gap: 56px; */
}
.first-part {
  padding: 60px 56px 24px 56px;
  display: flex;
  background: #fbf8ec;
  gap: 120px;
}
.num-one img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
}
.num-two img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
}
.num-three img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
}
.jan {
  font-size: 20px;
  font-weight: 400;
  font-family: "Metropolis", sans-serif;
  color: #2c4720;
}
.jan-txt {
  font-size: 20px;
  font-weight: 700;
  font-family: "Metropolis", sans-serif;
  color: #2c4720;
}
.no-name {
  display: flex;
  justify-content: center;
}
.num-one {
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.num-two {
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.num-three {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

.hi-name {
  text-align: center;
}
.second-part img {
  width: 100%;
  height: 85px;
  filter: brightness(30%);
}
.second-part {
  background: #fbf8ec;
}
.new-blog {
  padding: 16px 40px 0px 40px;
}
.revamp-sec {
  height: 250px !important;
}
.revamp-card {
  border: 1.5px solid #e9e9e9 !important;
  box-shadow: none !important;
}
#blog-button-revamp {
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#blog-button-revamp button {
  font-size: 16px;
  font-weight: 700;
  color: #f9ad1c;
  box-shadow: 0px 1px 5px 0px #0000004d;
  border: 1px solid #f9ad1c;
  /* padding: 18px 0px 18px 0px; */
  background-color: #ffffff;
  width: 319px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.revamp-faq {
  background-color: #d6d683 !important;
}
.revamp-wrap {
  padding: 0px 40px 0px 40px;
}
.revamp-one .p {
  margin: 12px 0px 0px 0px !important;
}
.revamp-ans {
  padding: 0px 24px 0px 24px !important;
}
.revamp-qrq {
  font-weight: 400 !important;
}
/* .revamp-two{
  height: 546px !important;
} */
/* .revamp-inner{
  justify-content: center !important;
  background-color: #FBF8EC !important;
  border-radius: 8px !important;
  height: 197px;
  gap:32px !important

} */

/* .revamp-two{
  justify-content: center !important;
  align-items: center !important;

} */
.revamp-inner button {
  background-color: #5c6a2f !important;
}
#ans-container div {
  font-size: 17px;
}
.hide-cont {
  display: none;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 16px;
  font-weight: 400 !important;
}
.footer {
  background-color: #fbf8ec;
  padding: 32px 60px;
  border: none;
  position: relative;
}
.footer-upper {
  /* border-bottom: 1px solid #D6D683; */
  padding-bottom: 20px;
}
.llll {
  position: absolute;
  width: 100%;
  border: 1px solid #d6d683;
  left: 0;
  bottom: 30%;
}

#revamp-si a {
  font-weight: 400;
  font-size: 16px;
  color: #2c4720 !important;
}
/* .si{
  font-size: 16px;
  color: #2C4720 !important
} */
.m-0 {
  font-size: 20px;
  color: #2c4720;
}

#fo-ot li a {
  color: #2c4720 !important;
}
.foo li a {
  color: #2c4720 !important;
}
.img-foot img {
  width: 100%;
}
.revamp-footer-img {
  background-color: #fbf8ec;
  padding-bottom: 25px;
}
.fs {
  border: none;
  background: none;
  justify-content: start;
}

#faq-two {
  height: 554px;
  align-items: center;
}
#inner-last {
  /* justify-content: center; */
  /* background-color: #fbf8ec; */
  border-radius: 8px 8px 0 0;
  height: 197px;
  gap: 32px;
}
#poi {
  color: #333333;
  font-size: 22px;
  font-family: "Metropolis", sans-serif;
  font-weight: 400;
}
.dot-navigation {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.dot {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  cursor: pointer;
}
.dot.active {
  background-color: #717171;
}

@media only screen and (min-device-width: 360px) and (max-device-width: 412px) and (min-device-height: 740px) and (max-device-height: 846px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
  .card-body {
    /* width: 167px; */
    height: 180px;
    width: 148px !important;
  }
}

.header-se.fixed {
  position: fixed;
  z-index: 5;
  top: 0;
  background-color: #fff;
  width: 100%;
  height: 75px !important;
  /* box-shadow: 0 0 10px rgba(51, 51, 51, 0.25); */
  transition: all 0.3s;
}
.txt-ty-new {
  display: flex;
  flex-direction: column;
}

/* .card-img img{
  width: 100%;
} */
.nam-vid {
  font-weight: 400;
}
#blog-title {
  font-size: 19px;
  font-weight: 400;
}
#read-more {
  margin-top: 24px;
  font-weight: 400;
  font-family: 17px;
}
#faq-one .p {
  font-size: 22px;
}
#q-wrapper {
  padding: 16px 24px;
}
#ans-container span {
  font-weight: 400;
}
#qrq {
  color: #333333;
}
#inner-last button {
  font-weight: 500;
}

.footer-ice {
  padding: 32px 30px;
  display: flex;
  gap: 30px;
}
.footer-sht {
  background-color: #fbf8ec;
  position: relative;
  margin-top: 56px;
}
.footer-tick {
  display: flex;
}
.foot-logo {
  display: flex;
  flex-direction: column;
  /* gap:24px */
}
.sty-li {
  font-family: "Metropolis" sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #2c4720;
}
.line-fot {
  width: 79px;
  height: 3px;
  background: #f9ad1c;
  border-radius: 4px;
}
.link-acc {
  display: flex;
  flex-direction: column;
  width: 114px;
  gap: 4px;
}

.foot-link {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.cat-li {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cat-li li {
  font-size: 16px;
  font-family: "Metropolis", sans-serif;
  font-weight: 400;
  line-height: 16px;
  color: #2c4720;
}

.pain-li {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.foot-ser {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.pain-li li {
  font-size: 16px;
  font-family: "Metropolis", sans-serif;
  font-weight: 400;
  line-height: 16px;
  color: #2c4720;
}
.ser-count {
  width: 308px;
  height: 260px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap:0 55px
}
.service-liu {
  flex: 0 0 14%;
}
.mm-lo {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.loco-fi {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: start;
  width: 210px;
}
.loco-fi span {
  font-size: 16px;
  font-weight: 400;
  color: #2c4720;
}
.cont-si {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: start;
}
.cont-si span {
  font-size: 16px;
  font-weight: 400;
  color: #2c4720;
}
.mail-ty {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: start;
}
.mail-ty span {
  font-size: 16px;
  font-weight: 400;
  color: #2c4720;
}
.foot-pri {
  padding: 24px 60px;
  display: flex;
  justify-content: space-between;
}
.foot-pri span {
  font-size: 16px;
  font-family: "Metropolis", sans-serif;
  color: #333333;
  font-weight: 400;
}
/* for footer*/
@media only screen and (max-width: 768px) {
  .footer-ice {
    padding: 24px 16px;
    display: block;
  }
  .foot-logo {
    gap: 24px;
  }
  .foot-link {
    gap: 16px;
  }
  .link-acc {
    gap: 4px;
  }
  .fot-mob {
    margin-top: 30px;
    display: flex;
    gap: 20px !important;
  }
  .foot-ser {
    gap: 16px;
  }
  .pain-li li {
    font-size: 12px;
  }
  .cat-li li {
    font-size: 12px;
  }
  .ser-count {
    width: 100%;
    gap: 0px 40px !important
  }
  .service-liu {
    flex: 0 0 14%;
  }
  .cat-li {
    gap: 16px;
  }
  .pain-li {
    gap: 0px !important;
    margin-bottom: 0 !important;
  }
  .footer-tick {
    justify-content: space-between;
  }
  .foot-pri {
    padding: 16px 16px;
    flex-direction: column;
    gap: 5px;
  }
  .foot-pri span {
    text-align: center;
  }
  .loco-fi span {
    font-size: 14px;
  }
  .loco-fi{
    width: 100%;
  }
  .cont-si span {
    font-size: 14px;
  }
  .mail-ty span {
    font-size: 14px;
  }
  #q-wrapper {
    padding: 16px 16px;
  }
  #ans-container div {
    font-size: 16px;
  }
  #faq-one .p {
    margin-top: 8px !important;
    font-size: 17px !important;
  }
  .silly {
    padding: 11px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    /* line-height: 30px; */
    font-weight: 600;
    color: #2c4720;
    cursor: pointer;
  }
  .button-revamp {
    height: 52px;
    width: 100%;
  }
  #q {
    padding-top: 0px !important;
  }
  .revamp-qrq{
    align-items: center;
  }
}

.fot-mob {
  display: flex;
  gap: 60px;
}
.no-color {
  color: #2c4720;
  font-family: "Metropolis", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.no-color:hover {
  color: #2c4720;
}
.hy-ku {
  color: #2c4720;
  font-family: "Metropolis", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.hy-ku:hover {
  color: #2c4720;
}
#blog-cardd p {
  font-weight: 300;
}
#rq {
  line-height: 27px;
}
#q {
  padding-top: 3px;
}
#qrq {
  gap: 18px;
}

#en-mod {
  display: none; /* Initially hidden */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 850px;
  height: 420px;
  /* max-width: 600px; */
  background: #d6d683;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 28px 56px 40px 60px;
  z-index: 1000;
  border-radius: 30px;
}

#en-mod.active {
  display: block;
}

#en-mod span {
  display: block;
  /* margin-bottom: 10px; */
}

/* #en-mod div {
  margin-bottom: 20px;
} */

#en-mod .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

/* #en-mod .form-container {
  margin-top: 20px;
} */

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

#overlay.active {
  display: block;
}

/*modal css*/
.mm-mm {
  font-size: 42px;
  font-weight: 400;
  color: #2c4720;
  line-height: 40px;
  font-family: 'Poppins',sans-serif;
}
.tried-ne {
  display: flex;
  justify-content: center;
}
.inside-mm {
  display: flex;
  gap: 52px;
}
.relief-txt {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.get-init {
  padding: 43px 0px 0px 0px;
  width: 366px;
}
.treat-one {
  display: flex;
  gap: 33px;
}
.ref-one {
  font-family: "inter", sans-serif;
  font-weight: 500;
  font-size: 22px;
  color: #000000;
}

.ticky {
  display: flex;
  align-items: center;
  padding-left: 11px;
  gap: 7px;
}
.ref-two {
  font-size: 24px;
  font-weight: 400;
  font-family: "Inter";
  color: #2c4720;
}
.taka {
  display: flex;
  align-items: center;
  padding-left: 11px;
  gap: 7px;
}
.ref-th {
  font-size: 24px;
  font-weight: 400;
  font-family: "Inter";
  color: #2c4720;
}
.ov-op {
  font-size: 35px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #000000;
}
.yeet {
  font-size: 35px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #000000;
}
.lo-po {
  font-size: 20px;
  font-weight: 400;
  font-family: "INTER";
  color: #2c4720;
}
.yeet-ty {
  font-size: 20px;
  font-weight: 400;
  font-family: "INTER";
  color: #2c4720;
}
.form-container-mod {
  height: 100%;
  width: 329px;
  background-color: #fbf8ec;
  border-radius: 5px;
  margin-top: 17px;
}
.jnk {
  padding: 35px 40px;
  display: flex;
  flex-direction: column;
  gap:22px
}
.sp-txt {
  font-size: 18px;
  font-weight: 400;
  font-family: "Poppins" ,sans-serif;
  line-height: 22px;
  color: #000000;
}
.number-fie input{
  width: 100%;
  height:35px;
  border-radius:10px;
  border: 1px solid #00000033;
  outline: none;
  padding-left: 13px;
  color: #000000;
  font-size: 16px;

}
.name-fie input{
  width: 100%;
  height:35px;
  border-radius:10px;
  border: 1px solid #00000033;
  outline: none;
  padding-left: 13px;
  color: #000000;
  font-size: 16px;
}
.form-tag{
  display: flex;
  flex-direction:column;
  gap:11px

}
.button-en{
  display: flex;
  justify-content: center;
  align-items:center;
  border-radius: 8px;
  background-color: #5C6A2F;

}
.mod-bit{
  font-size: 16px;
  font-weight: 600;
  font-family: 'Inter',sans-serif;
  color: #FFFFFF;
  padding: 8px 35px;

}
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
 
  opacity:1  !important;
  
}
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity:1  !important;
  
}

/* for mobile modal */
@media  only screen and (max-width: 768px) {
  #en-mod{
    width: 100%;
    border-radius: 0px;
    padding:16px 16px;
    height: 600px;
  }
  .mm-mm{
    font-size:24px
  }
  .inside-mm{
    display: block;
    gap: 0px;
  }
  .get-init{
    padding: 16px 0px 0px 0px;
    width: 100%;
  }
  .taka{
    justify-content: center;

  }
  .ref-one{
    text-align: center;

  }
  .ticky{
    justify-content: center;
  }
  .ref-two {
font-size: 20px;
}
.ref-th{
  font-size: 20px;
}
.ov-op{
  font-size: 25px;
}
.lo-po{
  font-size: 18px;
}
.yeet{
  font-size: 25px;

}
.yeet-ty{
  font-size: 18px;

}
.treat-one{
  justify-content: center;
}
#overlay{
  background: beige;

}
.form-container-mod{
  width: 93%;
    position: absolute;
    top: 25%;
    border-radius: 8px;
    height: 307px;

}
.relief-txt{
  gap: 327px;
}
.hy-ku{
  font-size:12px
}
.image-container{
  display: flex;
  gap: 20px;
  overflow: auto;
  /* padding-bottom: 20px; */

}
.text-jour-hat{
  padding: 24px 23px 9px 16px !important;
  gap:0px !important

}
#ans-container span {
  font-size: 16px;
}
#ans-container{
  align-items: baseline;
}#blog-button-revamp {
  padding: 24px 0px !important;
}
#blog-button-revamp button{
  width: 100% !important;
  border-radius: 8px !important;
}

}
/* @media  only screen and (max-width: 800px){
  .card-img img{
    width: 148px;
  }
  .card-inside {
    font-size: 14px !important;
  }
  .fly-kick{
    font-size:15px
  }

} */
.text-jour-hat {
  padding: 32px 60px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  top: 0;
  background-color: #fbf8ec;
  width: 100%;
}
/* 
@media only screen and (min-device-width: 360px) and (max-device-width: 412px) and (min-device-height: 740px) and (max-device-height: 850px) and (-webkit-min-device-pixel-ratio: 2) {
 
  .card-img img{
    width: 148px;
  }
  .card-inside {
    font-size: 14px ;
  }
  .fly-kick{
    font-size:15px;
  }
} */

@media screen and (max-width: 360px) and (max-height: 760px) {
  /* Your CSS rules here */
  .card-img img{
    width: 148px;
  }
  .card-inside {
    font-size: 14px !important;
  }
  .fly-kick{
    font-size:15px;
  }
}
@media screen and (max-width: 360px) and (max-height: 800px) {
  #stt img{
    width: 148px ;
  }
  #stt-ca{
    font-size: 14px !important;

  }
  #stt-bo{
    font-size:15px;
  }
  .form-utm{
    padding: 100px 35px 0px 38px;
  }
  .form-clix-new{
    text-align:center;
  }

}

.revamp-qrq{
  align-items: center;
}
.yur-men{
  font-weight: 700;

}
/*new journey sec*/

/* .dot-trip img{
  height: 120px;
  z-index: 8

}
.jour-new{
  background-image: url('/assets/ysrtike.webp');

}
.line-tr{
  position: absolute;
  top: 42%;
  left: 18%;
}
.line-tr img{
  height:2px;


} */

.name-fie input.input-error,
.number-fie input.input-error {
    border: 1px solid red !important;
}



/* css for new utm landing page*/
.main-head-utm{
  width: 100%;
  position: relative;
  }
  
  .utm-head{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 70px;
      box-shadow: 0px 4px 20px 0px rgba(51, 51, 51, 0.25);
}
  
  
  .two-head{
      font-family: "Poppins",sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 27px;
      color: #000000;
  }
  .point-phone{
      display: flex;
      gap: 10px;
      align-items: center;
  }

  .img-utm{
width: 100%;
height: 520px
  }

  .img-utm img{
    width: 100%;
    height: 100%;
    filter: brightness(0.5);
  }

  .utm-one{
    font-family: "Poppins",sans-serif;
    font-size: 54px;
    font-weight: 400;
    line-height: 64px;
    color: #FFFF;
  }

  .utm-ok{
    font-family: "Poppins",sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 35px;
    color: #FFFF;

  }
  .dec-d{
    font-family: "Poppins",sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #FFFF;

}
.form-utm{
  position: absolute;
  top: 45%;
  left:125px;
  
}
.utm-txt{
  width: 670px;

}
.utm-two{
  width: 630px;
}


.banner-utm-form{
width: 400px;
height: 430px;
position: absolute;
top: 60px;
bottom:45px;
right:100px;
background: #ffffff;
border-radius: 10px;
}
.form-img{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 22px 44px;

}
.form-clix-new{
  font-family: "Metropolis",sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 22.8px;
color: #5D6B2F;
}

.form-utm-new{
  display: flex;
      padding: 0px 25px 22px 25px;
      flex-direction: column;
      gap: 15px;
}
.name-typ{
  width: 100%;
  height: 40px;
  border-radius: 4px ;
  outline: none;
  border: 0.4px solid #A4A4A4CC;
  padding: 18px 25px;
  font-family: "Metropolis",sans-serif;
 
}
.mail-typ{
  width: 100%;
  height: 40px;
  border-radius: 4px ;
  outline: none;
  border: 0.4px solid #A4A4A4CC;
  padding: 18px 25px;
  font-family: "Metropolis",sans-serif;
}

.num-typ{
  width: 100%;
  height: 40px;
  border-radius: 4px ;
  outline: none;
  border: 0.4px solid #A4A4A4CC;
  padding: 18px 25px;
  font-family: "Metropolis",sans-serif;
}
.msg-typ{
  width: 100%;
  height: 55px;
  border-radius: 4px ;
  outline: none;
  border: 0.4px solid #A4A4A4CC;
  padding: 18px 25px;
  font-family: "Metropolis",sans-serif;
}

.btm-ur{
  width: 100%;
  height: 45px;
  border-radius: 4px;
  background-color: #F9AD1C;
  color: #FFFFFF;
  font-family: "Metropolis",sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 18.29px;
outline: none;
border: none;
}
.mini-yell{
  display: flex;
  width: 36px;
  height: 26px;
  border-radius: 0px 2px 2px 0px;
  background-color: #F9AD1C;
  
}
.mini-us{
  margin-top:50px
}

.mini-txt{
  font-family: "Lora", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 33.28px;
  text-align: left;
 
}
.mini-one{
  display: flex;
      gap: 30px;
      align-items: center;
}
.same-li{
  font-family: "Metropolis",sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;

}

.inp-i{
  font-family: "Metropolis",sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;

}
.mini-li{
  padding: 30px 84px 0px 84px;
}
.mit-li{
  display: flex;
      flex-direction: column;
      gap: 24px;
      margin-bottom: 0px !important;
}

.mini-puh{
  display: flex;
  flex-direction: column;
  gap: 12px;

}

.mini-one-new{
  display: flex;
  gap: 15px;
  margin-top: 50px;

}
#patient-sec-new{
padding: 0px 60px;
}

.map-new{
  display: flex ;
      padding: 10px 72px 30px 72px;
      gap: 100px;
}

.mio{
  font-family: "Metropolis",sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  color: #2C4720;
  cursor: pointer;
}
.loc-one{
  display: flex;
  gap: 8px;

}
.loc-two{
  display: flex;
  gap: 8px;
}

.cli-ic-p{
  width: 358px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: #5c6a2f;
  color: rgb(255, 255, 255);
  font-family: "Metropolis", sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.clinic-button-ns{
  display: flex;
      justify-content: center;
      padding-bottom: 50px;
}

#ad-banner{
  padding-top: 60px;
}

.stand-img img{
  position: absolute;
  z-index: 10;
  width: 350px;
  height: 549px;
}
.stand-band {
  width: 181px;
  height: 600px;
  background: #5C6A2F;
  position: absolute;
  bottom: -30px;
  z-index: 8;
}
.text-main{
  width: 30%;
  position: absolute;
  z-index: 12;
  right: 550px;
  /* left: 500px; */
  top: 150px;
  /* width: 53%; */
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.get-bet span {
  display: flex
;
  font-size: 55px;
  font-weight: 400;
  font-family: 'Poppins';
  /* width: 50%; */
}
.bold-ser span {
  font-size: 55px;
  font-weight: 400;
  font-family: 'Poppins';
  background: #FFFFFF;
  color: #5D6B2F;
  border-radius: 5px;
  padding: 0px 11px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.form-cta {
  width: 431px;
  height: 437px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(25px);
  top: 73px;
  right: 70px;
  border-radius: 10px;
  position: absolute;
  box-shadow: 0px 4px 4px 0px #00000040;
  z-index: 2;
}
.form-add {
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.head-act {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Poppins';
}
.form-wi {
  width: 100%;
  height: 45px;
  border-radius: 10px;
  outline: none;
  padding-left: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  border: 1px solid #0000001A;
  background-color: #ffffff;
}
.form-wi {
  width: 100%;
  height: 45px;
  border-radius: 10px;
  outline: none;
  padding-left: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  border: 1px solid #0000001A;
  background-color: #ffffff;
}
.form-wi-t {
  width: 100%;
  height: 119px;
  border-radius: 10px;
  outline: none;
  /* border: none; */
  padding-left: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  background-color: #ffffff;
  border: 1px solid #0000001A;
}
.bt-on {
  display: flex;
  justify-content: center;
}
.ad-btn {
  padding: 10px 0px;
  width: 100%;
  border-radius: 10px;
  background: #5C6A2F;
  border: none;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Poppins';
}
.freedom-fi {
  position: relative;
  width: 100%;
  height: 550px;
  background: #FBF8EC;
}
.jun-free {
  display: flex;
  /* position: absolute; */
  /* top: 0; */
  padding: 0px 70px;
}
.second-part-ser {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.green-ld{
  width: 100%;
  height: 70px;
background-color: #5C6A2F;
display: flex;
    padding: 20px 40px;
    justify-content: space-between;
}
.foo-um{
  padding: 60px 0px 40px 0px;

}
.u-f{
  font-family: "Poppins",sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #ffff;
}
.ms-pu{
  font-family: "Poppins",sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #ffff;

}
.second-part-ser img {
  width: 100%;
  object-fit: cover;
}
.all-ld{
  display: flex;
  gap: 10px;

}

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

  .point-phone{
    gap: 4px !important;
  }
  .two-head{
    font-size: 16px !important;
  }
  .utm-head{
    padding: 12px 4px ;
  }
  .img-utm{
    height:290px
  }
  .utm-txt{
    width: 100%;
  }
  .utm-two{
    width: 100%; 
  }
  .utm-one{
    font-family: "Poppins",sans-serif;
font-size: 24px !important;
font-weight: 400;
line-height: 34px;
  }
  .utm-ok{
    font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 24px;

  }
  .dec-d{
    font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 24px;

  }
  .banner-utm-form{
    position: static;
  }
  .form-utm{
    top: 0;
    left: 0;
    padding: 129px 32px 0px 32px;
  }
  .banner-utm-main{
    padding: 12px 15px 12px 15px;
  }
  .banner-utm-form{
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    height: 100%;

  }
  .mini-us{
    margin-top: 30px;
  }
  .mini-txt{
    font-family: "Lora";
font-size: 20px;
font-weight: 600;
line-height: 25px;

  }
  .mini-txt{
    padding: 0px 20px 0px 12px;
  }
  .mini-one{
    gap: 0px;
  }
  .mit-li{
    gap:14px
  }
  .mini-li {
    padding: 20px 20px 0px 40px;
}
.same-li{
  font-family: "Metropolis", sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 25px;
}
.inp-i{
  font-family: "Metropolis", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 25px;

}
#patient-sec-new{
  padding: 0px 16px;
}
.mini-one-new{
  margin-top:40px;
  gap: 0px
}
.mini-puh{
  gap: 8px;
}
.child-sec-new {
  font-size: 17px !important;
  padding-left: 12px;
}
.poco{
  font-size:20px
}
.quirk{
  font-size:17px
}
.mini-yell{
  width: 14px;
  height: 24px;
}
.rect-angle{
  width: 14px;
  height: 24px;
}
#main-facts{
  padding:22px 16px !important;
}
.map-new{
  padding:10px 16px 20px 16px;
  gap:14px;
  flex-direction: column;
}
.mio{
  font-family: "Metropolis",sans-serif;
font-size: 14px;
font-weight: 400;
}
.loc-one img{
  width: 15px;
  height: 20px;

}
.loc-two img{
  width: 15px;
  height: 20px;
}
.green-ld{
padding: 18px 24px;
flex-direction: column;
}
.u-f{
  font-family: "Poppins",sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.ms-pu{
 font-family: "Poppins",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;

}
.all-ld img{
  width: 16px;
  height: 16px;
}
.te-ld{
  text-align: center;

}
/* .jibalu{
  margin-top: 20px;
} */
#ad-banner {
  padding-top: 34px !important;
}
.freedom-fi {
  height: 580px;
 
}
.jun-free {
  padding: 0px 32px;
}
.stand-img img {
  position: absolute;
  z-index: 10;
  width: 120px;
  height: 200px;
  top: 10px;
}
.stand-band {
  width: 78px;
  height: 254px;
  z-index: 8;
  top: -10px;
}
.text-main {
  width: 201px;
  top: 56px;
  left: 158px;
  right: 27px;
  gap: 11px;
}
.get-bet span {
  font-size: 27px;
  font-weight: 500;
  font-family: 'Metropolis', sans-serif;
  line-height: 30px;
}
.get-bet span {
  font-size: 27px;
  font-weight: 500;
  font-family: 'Metropolis', sans-serif;
  line-height: 30px;
}
.bold-ser span {
  font-size: 26px;
  font-weight: 500;
  font-family: 'Metropolis', sans-serif;
  padding: 5px 4px;
}
.form-cta {
  display: flex
;
  justify-content: center;
  align-items: center;
  width: 94% !important;
  top: 210px !important;
  left: 11px !important;
  border-radius: 10px !important;
  position: absolute;
  height: 390px !important;
  z-index: 8 !important;
}
.form-add {
  padding: 0px !important;
  gap: 19px !important;
  width: 85% !important;
}
.head-act {
  margin-top: -66px;
}
.form-wi {
  width: 100% !important;
  height: 40px !important;
  font-size: 16px !important;
}
.form-wi-t {
  width: 100% !important;
  height: 111px !important;
  font-size: 16px !important;
  background-color: #ffffff;
}
.bt-on {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  height: 73px;
  background: #FBF8EC;
}
.ad-btn {
  font-size: 14px !important;
  width: 85% !important;
  height: 45px;
  margin-top: 5px;
}
.second-part-ser img {
  height: 60px;
}
.second-part-ser {
  top: 29%;
}

.check-on{
  margin-top: 25px;
}
.utm-its{
  font-size:14px !important; 
}
.utm-tr{
  font-size:14px !important;
  font-weight: 300;
}
#home-ore{
padding-bottom: 0px;
}
.line-pth{
  display: none;
}
.new-lotus{
  flex-direction: column;

}
.video-inside video{
  height:200px
}
#utm-vid{
flex-wrap: wrap !important;
}
#utm-ibi{
  height: 290px !important;
  flex: 0 0 46%;
}
#utm-ibi video{
  height: 200px !important;
  width: 100% !important;
}
#ij-vid{
  padding:8px  !important
}
#ij-vid{
  font-size: 14px !important;
}
#din-pi{
  font-size: 14px !important;

}


}
#home-ore{
  padding-bottom: 0px;
  }
  
.child-sec-new {
  font-size: 20px;
  font-family: "Metropolis";
  line-height: 22px;
  font-weight: 400;
  color: #333333;
}

.utm-its{
  font-family: "Metropolis",sans-serif;
  font-size: 25px;
  font-weight: 500;
  color:  #ffffff;
}
.utm-tr{
  font-family: "Metropolis",sans-serif;
  font-size: 25px;
  font-weight: 300;
  color:  #ffffff;
}
.new-lotus{
  display: flex;
  gap: 30px;
}
.mpi-top iframe{
  width: 214px ;
}

.line-pth{
  height: 178px;
  border: 0.4px solid #7B853A;
}
#ju-lo{
  z-index: 9;
  min-height: 400px; 
  transition: height 0.3s ease;
}
.pyt-txt{
  font-family: "Metropolis",sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: #333333;
display: flex;
  align-items: center;
  text-align: center;


}

.btd-pyt{
  padding: 12px 60px;
  background-color:#F9AD1C;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.loc-select {
  border-radius: 4px;
  outline: none;
  border: 0.4px solid #A4A4A4CC;
  padding: 5px 10px;
  font-family: "Metropolis", sans-serif;
  width: 100%;
  height: 40px;
  background-color: white;
  padding-left: 20px;
}

.form-utm-new{
  gap: 15px !important;
}

.txt-pics{
  color: #333333;
  font-family: "Metropolis", sans-serif;
}
#iyr-b{
  padding: 22px 44px;
}

@media screen and (max-width: 1400px)  {
  .utm-one {
    font-size: 48px;
  }
}
@media screen and (min-width: 1366px) {
  .utm-one {
    font-size: 54px ;
  }
}

#ij-vid{
  padding: 8px 8px 8px 8px;
}
#vid-pio{
  font-size: 16px;

}
#din-pi{
  font-size: 14px ;

}

#utm-ibi{
height: 355px;
}

.utm-number{
  position: relative;
}
.tag-di{
  position: absolute;
  font-size: 14px !important;
  position: absolute;
  top: 13px;
  right: 13px;

}
.error-message{
  color: red;

}

/* new agency*/

.goog-te-gadget{
  display: none;
}

.agency-head{
  width: 100%;
  height: 525px;
  position: relative;

}

.img-ag{
  width: 100%;
  height: 100%;
}

.ag-main{
  position: absolute;
  /* top: 135px; */
  left: 120px;
  bottom: 125px;
  display: flex;
    flex-direction: column;
    gap: 16px;
}


.ag-txt{
  display: flex;
  flex-direction: column

}

.ag-tex-sec{
  display: flex;
  flex-direction: column
}

.ag-one{
  /* font-family: "Poppins",sans-serif; */
  font-family: "Metropolis",sans-serif;
font-weight: 600;
font-size: 45px;
/* line-height: 50.4px; */
line-height: 64px;
letter-spacing: 0px;
color: #FFFFFF

}

.ag-two{
  font-family: "Poppins",sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 35px;

  color: #FFFFFF
  
}

.ag-tr{
  font-weight: 400;

}

.button-agency{
  padding: 14px 33px;
  font-family: Poppins;
  font-weight: 600;
  font-size: 23.1px;
  line-height: 27.72px;
  border-radius: 12px;
  background-color: #D0F24A;
  color: #000000;
  outline: none;
  border: none;

}
.ag-button{
  margin-top: 24px;
}

.left-arw{
  position: absolute;
  top: 247px;
  left: 33px;
}

.right-arw{
  position: absolute;
  top: 247px;
  right: 33px;
}

.sli-con{
  position: absolute;
  bottom:20px;
width: 100%;
text-align: center;

}

/* .img-ag {
  transition: opacity 0.8s ease-in-out; 
  opacity: 1;
} */

/* .fade {
  opacity: 0;
} */
.ag-button-mob{
  display: none;
}
.le-shadow{
display: none;
}
.img-slider {
  position: relative;
  width: 100%;
  height: 525px;
  overflow: hidden; /* Prevents extra scroll */
}

.img-container {
  display: flex; /* Enables smooth sliding */
  width: 100vw; /* Ensures images take full width */
  height: 100%;
  transition: transform 0.8s ease-in-out; /* Smooth slide */
}

.img-wrapper {
  min-width: 100vw; /* Each image takes full screen width */
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-ag {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image scales properly */
}


@media only screen and (max-width: 768px){
  /* .agency-head{
    height:100%

  } */
  .ag-main{
    width: 100%;
    padding: 0px 20px;
    top: 55px;
    left: 0 !important;
    bottom: 0 !important;
    gap:10px

  }

.left-arw{
  display: none !important;

}
.right-arw{
  display: none !important;

}
.ag-txt{
  text-align: center;
  justify-content: center;
  align-items: center;

}
.ag-one{
  font-size: 24px;
  line-height: 40px;
}
.ag-tex-sec{
  text-align: center;

}
.ag-two{
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.for-ag-mb{
  width: 300px;
  display: block !important;

}
  /* .ag-main{
    display: none;

  .sli-con{
    display: none;
  }
  .ag-button-mob{
    position: absolute;
    bottom: 34px;
    width: 100%;
    text-align: center;
  } */
  .agency-main{
    position: relative;
    width: 100%;
    height: 100%;

  }
  .ag-button{
    width: 90%;
    text-align: center;
    position: absolute;
    bottom: 42px;
  }
  .button-agency{
    font-size: 20px;
  }
  .le-shadow{
    display: block !important;
    position: absolute;
   top:0;
   right: 0;
   left:0;
   bottom: 0;
   height: 200px; /* Set the height of the gradient */
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
   pointer-events: none; /* Ensures it doesn't interfere with clicks */
  }
}

.image-loader{
  width: 60px;
  height: 60px;
  border: 6px solid transparent;
  border-top: 6px solid #D0F24A;
  border-radius: 50%;
  animation: spin 1s linear infinite, glow 1.5s ease-in-out infinite alternate;
  position: absolute;
  top: 38%;
  left: 46%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes glow {
  0% { box-shadow: 0 0 10px #D0F24A; }
  100% { box-shadow: 0 0 30px #D0F24A; }
}


.agency-main{
  width: 100%;
  height: 100%;

}

.for-ag-mb{
  display: flex;
  flex-direction:column
}


#check-karo{
  flex-direction: column-reverse;
  gap: 12px;

}

.ari-da{
  display: flex;
    gap: 20px;
}