@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@font-face {
  font-family: "George";
  src: url("../../fonts/george.woff2") format("woff2"), url("../../fonts/george.woff") format("woff"), url("../../fonts/George.ttf") format("truetype"); /* Fallback for older browsers */
  font-weight: normal;
  font-style: normal;
}
:root {
  --main-color: #9AB69A;
  --shade0-main-color: #F2FFF2;
  --shade1-main-color: #EBF3F5;
  --shade2-main-color: #5C8692;
  --shade3-main-color: #EFFCFF;
  --active-color: #E9C5CA;
  --shade0-active-color: #DDC7C7;
  --shade1-active-color: #FFF5F7;
  --shade0-black: #555555;
  --shade1-black: #141414;
  --boxshadow-color1: #2f4f2f69;
  --shade0-gray: #FBFBFB;
  --shade1-gray: #4A5568;
  --shade2-gray: #77838F;
  --red-color: #da2828;
  --border-color: #D3D3D3;
  --george-font: "George", sans-serif;
  --playfair-font: "Playfair Display", serif;
  --publicsans-font: "Public Sans", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: unset;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  border: none;
  cursor: pointer;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 8px;
  }
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 7.4px;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 10px;
  }
}

body {
  font-family: var(--publicsans-font);
  font-size: 1.6rem;
}

/* ICON HOLDER CLASS */
.iconHolder {
  display: inline-block;
  width: 2.1rem;
  height: 2.1rem;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

/* ICONS CLASSES */
.telIcon {
  -webkit-mask-image: url("../../assets/icons/tel.svg");
  mask-image: url("../../assets/icons/tel.svg");
  background-color: var(--main-color);
}

.mapIcon {
  -webkit-mask-image: url("../../assets/icons/map-marker.svg");
  mask-image: url("../../assets/icons/map-marker.svg");
  background-color: white;
}

.fbIcon {
  -webkit-mask-image: url("../../assets/icons/fb.svg");
  mask-image: url("../../assets/icons/fb.svg");
  background-color: var(--shade1-black);
}

.twitterIcon {
  -webkit-mask-image: url("../../assets/icons/twitter.svg");
  mask-image: url("../../assets/icons/twitter.svg");
  background-color: var(--shade1-black);
}

.linkedinIcon {
  -webkit-mask-image: url("../../assets/icons/linkedin.svg");
  mask-image: url("../../assets/icons/linkedin.svg");
  background-color: var(--shade1-black);
}

.dateIcon {
  -webkit-mask-image: url("../../assets/icons/date.svg");
  mask-image: url("../../assets/icons/date.svg");
  background-color: white;
}

.date2Icon {
  -webkit-mask-image: url("../../assets/icons/dat2e.svg");
  mask-image: url("../../assets/icons/date2.svg");
  background-color: var(--main-color);
}

.instagramIcon {
  -webkit-mask-image: url("../../assets/icons/instagram.svg");
  mask-image: url("../../assets/icons/instagram.svg");
  background-color: white;
}

.starIcon {
  -webkit-mask-image: url("../../assets/icons/star.svg");
  mask-image: url("../../assets/icons/star.svg");
  background-color: var(--shade0-active-color);
}

.expertIcon {
  -webkit-mask-image: url("../../assets/icons/expert.svg");
  mask-image: url("../../assets/icons/expert.svg");
  background-color: var(--main-color);
}

.servicesIcon {
  -webkit-mask-image: url("../../assets/icons/services.svg");
  mask-image: url("../../assets/icons/services.svg");
  background-color: var(--main-color);
}

.genuineIcon {
  -webkit-mask-image: url("../../assets/icons/genuine.svg");
  mask-image: url("../../assets/icons/genuine.svg");
  background-color: var(--main-color);
}

.skinCareIcon {
  -webkit-mask-image: url("../../assets/icons/skinCare.svg");
  mask-image: url("../../assets/icons/skinCare.svg");
  background-color: var(--main-color);
}

.hairCareIcon {
  -webkit-mask-image: url("../../assets/icons/hairCare.svg");
  mask-image: url("../../assets/icons/hairCare.svg");
  background-color: var(--main-color);
}

.nutritionIcon {
  -webkit-mask-image: url("../../assets/icons/nutrition.svg");
  mask-image: url("../../assets/icons/nutrition.svg");
  background-color: var(--main-color);
}

.laserIcon {
  -webkit-mask-image: url("../../assets/icons/laser.svg");
  mask-image: url("../../assets/icons/laser.svg");
  background-color: var(--main-color);
}

.starRateIcon {
  -webkit-mask-image: url("../../assets/icons/star1.svg");
  mask-image: url("../../assets/icons/star1.svg");
  background-color: white;
}

.starRateHalfIcon {
  -webkit-mask-image: url("../../assets/icons/star1_half.svg");
  mask-image: url("../../assets/icons/star1_half.svg");
  background-color: white;
}

.quoteIcon {
  -webkit-mask-image: url("../../assets/icons/quote.svg");
  mask-image: url("../../assets/icons/quote.svg");
  background-color: white;
}

.checkMarkIcon {
  -webkit-mask-image: url("../../assets/icons/checkmark.svg");
  mask-image: url("../../assets/icons/checkmark.svg");
  background-color: white;
}

.checkMark2Icon {
  -webkit-mask-image: url("../../assets/icons/checkmark2.svg");
  mask-image: url("../../assets/icons/checkmark2.svg");
  background-color: var(--active-color);
}

.personIcon {
  -webkit-mask-image: url("../../assets/icons/person.svg");
  mask-image: url("../../assets/icons/person.svg");
  background-color: var(--active-color);
}

.emailIcon {
  -webkit-mask-image: url("../../assets/icons/email.svg");
  mask-image: url("../../assets/icons/email.svg");
  background-color: var(--active-color);
}

.phoneIcon {
  -webkit-mask-image: url("../../assets/icons/phone.svg");
  mask-image: url("../../assets/icons/phone.svg");
  background-color: var(--active-color);
}

.serviceIcon {
  -webkit-mask-image: url("../../assets/icons/service.svg");
  mask-image: url("../../assets/icons/service.svg");
  background-color: var(--active-color);
}

.noteIcon {
  -webkit-mask-image: url("../../assets/icons/note.svg");
  mask-image: url("../../assets/icons/note.svg");
  background-color: var(--active-color);
}

.dotsIcon {
  -webkit-mask-image: url("../../assets/icons/dots.svg");
  mask-image: url("../../assets/icons/dots.svg");
  background-color: var(--main-color);
}

.playIcon {
  -webkit-mask-image: url("../../assets/icons/play.svg");
  mask-image: url("../../assets/icons/play.svg");
  background-color: white;
}

.homeIcon {
  -webkit-mask-image: url("../../assets/icons/home.svg");
  mask-image: url("../../assets/icons/home.svg");
  background-color: white;
}

.searchIcon {
  -webkit-mask-image: url("../../assets/icons/search.svg");
  mask-image: url("../../assets/icons/search.svg");
  background-color: var(--shade1-gray);
}

.compactViewIcon {
  -webkit-mask-image: url("../../assets/icons/compact_view.svg");
  mask-image: url("../../assets/icons/compact_view.svg");
  background-color: var(--shade1-gray);
}

.locationIcon {
  -webkit-mask-image: url("../../assets/icons/location.svg");
  mask-image: url("../../assets/icons/location.svg");
  background-color: var(--shade1-gray);
}

.location2Icon {
  -webkit-mask-image: url("../../assets/icons/location2.svg");
  mask-image: url("../../assets/icons/location2.svg");
  background-color: var(--main-color);
}

.arrowLinkIcon {
  -webkit-mask-image: url("../../assets/icons/arrowLink.svg");
  mask-image: url("../../assets/icons/arrowLink.svg");
  background-color: var(--active-color);
}

.arrowIcon {
  -webkit-mask-image: url("../../assets/icons/arrow.svg");
  mask-image: url("../../assets/icons/arrow.svg");
  background-color: white;
}

.sendIcon {
  -webkit-mask-image: url("../../assets/icons/send.svg");
  mask-image: url("../../assets/icons/send.svg");
  background-color: var(--main-color);
}

.send2Icon {
  -webkit-mask-image: url("../../assets/icons/send2.svg");
  mask-image: url("../../assets/icons/send2.svg");
  background-color: white;
}

.trashIcon {
  -webkit-mask-image: url("../../assets/icons/trash.svg");
  mask-image: url("../../assets/icons/trash.svg");
  background-color: var(--red-color);
}

.chatIcon {
  -webkit-mask-image: url("../../assets/icons/chat.svg");
  mask-image: url("../../assets/icons/chat.svg");
  background-color: white;
}

.closeIcon {
  -webkit-mask-image: url("../../assets/icons/close.svg");
  mask-image: url("../../assets/icons/close.svg");
  background-color: var(--red-color);
}

.clientIcon {
  -webkit-mask-image: url("../../assets/icons/client.svg");
  mask-image: url("../../assets/icons/client.svg");
  background-color: var(--shade1-gray);
}

.AllureIcon {
  -webkit-mask-image: url("../../assets/logo.png");
  mask-image: url("../../assets/logo.png");
  background-color: var(--main-color);
}

.whatsappIcon {
  -webkit-mask-image: url("../../assets/icons/whatsapp.svg");
  mask-image: url("../../assets/icons/whatsapp.svg");
  background-color: var(--active-color);
}

.growingCompanyIcon {
  -webkit-mask-image: url("../../assets/icons/growing-company.svg");
  mask-image: url("../../assets/icons/growing-company.svg");
  background-color: var(--main-color);
}

.colleaguesIcon {
  -webkit-mask-image: url("../../assets/icons/colleagues.svg");
  mask-image: url("../../assets/icons/colleagues.svg");
  background-color: white;
}

.takeChargeIcon {
  -webkit-mask-image: url("../../assets/icons/take-charge.svg");
  mask-image: url("../../assets/icons/take-charge.svg");
  background-color: var(--main-color);
}

.dashedLineIcon {
  -webkit-mask-image: url("../../assets/icons/dashed-line.svg");
  mask-image: url("../../assets/icons/dashed-line.svg");
  background-color: var(--active-color);
}

.heartIcon {
  -webkit-mask-image: url("../../assets/icons/heart.svg");
  mask-image: url("../../assets/icons/heart.svg");
  background-color: #C1D0FF;
}

.docIcon {
  -webkit-mask-image: url("../../assets/icons/doc.svg");
  mask-image: url("../../assets/icons/doc.svg");
  background-color: white;
}

/**************************************** HEADER STYLES ******************************************/
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  background-color: var(--shade0-main-color);
  -webkit-transition: 250ms all ease-in-out;
  transition: 250ms all ease-in-out;
}
header .headerWrapper {
  padding: 2.4rem 6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
header .headerWrapper .logoContainer {
  width: 19.2rem;
  min-width: 7.2rem;
  height: 7rem;
  position: relative;
  z-index: 2;
}
header .headerWrapper .logoContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header .headerWrapper nav {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
header .headerWrapper nav .navWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 4.6rem;
}
header .headerWrapper nav .navWrapper .callContainer {
  gap: 1.2rem;
}
header .headerWrapper nav .navWrapper .callContainer p {
  font-size: 1.8rem;
}
header .headerWrapper nav .navWrapper .navList {
  font-family: var(--george-font);
}
header .headerWrapper nav .navWrapper .navList ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
}
header .headerWrapper nav .navWrapper .navList ul li {
  font-size: 2.4rem;
  color: var(--shade0-black);
}
header .headerWrapper nav .navWrapper .navList .socialLinksContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
header .headerWrapper nav .navWrapper .navList .socialLinksContainer .iconHolder {
  width: 1.6rem;
  height: 1.6rem;
  background-color: var(--shade1-black);
}
header .headerWrapper nav .navWrapper .navList .socialLinksContainer .iconHolder.whatsappIcon {
  width: 2.2rem;
  height: 2.2rem;
}
header .headerWrapper .langSelect {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--main-color);
}
header .headerWrapper .langSelect select {
  border: none;
  background-color: transparent;
  outline: none;
}
header .headerWrapper .langLink {
  padding: 0 0.8rem 0.8rem;
  border-bottom: 2px solid var(--main-color);
}
@media screen and (max-width: 1200px) {
  header .headerWrapper {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2.4rem 0.8rem;
    height: 8rem;
  }
  header .headerWrapper .logoContainer {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 14rem;
  }
  header .headerWrapper nav {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-color: var(--shade0-main-color);
  }
  header .headerWrapper nav .navWrapper {
    -webkit-box-shadow: 0 0 16px var(--boxshadow-color1);
            box-shadow: 0 0 16px var(--boxshadow-color1);
    background-color: var(--shade0-main-color);
    height: 100vh;
    width: 50vw;
    max-width: 42rem;
    min-width: 28rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 12.4rem 1.6rem 2.4rem;
    overflow-y: auto;
    margin: 0;
  }
  header .headerWrapper nav .navWrapper .call_findContainer {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.4rem;
  }
  header .headerWrapper nav .navWrapper .navList {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.4rem;
  }
  header .headerWrapper nav .navWrapper .navList ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 2.4rem;
  }
  header .headerWrapper nav .navWrapper .navList .socialLinksContainer {
    padding-left: unset;
  }
  header .headerWrapper nav.showNav {
    visibility: visible;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }
  header .headerWrapper nav.showNav .navWrapper {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }
}
@media screen and (max-width: 420px) {
  header .logoContainer {
    max-width: 8rem !important;
    width: 100%;
  }
  header .activeBtn2 {
    padding: 0.8rem 1rem;
    gap: 0.4rem;
    font-size: 12px;
  }
  header .activeBtn2 .iconHolder {
    width: 12px;
    height: 12px;
  }
}

.burgerMenu {
  width: 3.8rem;
  height: 2.4rem;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .burgerMenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
  }
}
.burgerMenu:hover span {
  background-color: var(--main-color);
}
.burgerMenu span {
  display: block;
  width: 100%;
  height: 0.3rem;
  background-color: var(--shade1-black);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0.5rem;
}
.burgerMenu.clicked span {
  background-color: var(--red-color);
}
.burgerMenu.clicked span:nth-child(1) {
  -webkit-transform: translateY(1rem) rotate(45deg);
      -ms-transform: translateY(1rem) rotate(45deg);
          transform: translateY(1rem) rotate(45deg);
}
.burgerMenu.clicked span:nth-child(2) {
  opacity: 0;
}
.burgerMenu.clicked span:nth-child(3) {
  -webkit-transform: translateY(-1.2rem) rotate(-45deg);
      -ms-transform: translateY(-1.2rem) rotate(-45deg);
          transform: translateY(-1.2rem) rotate(-45deg);
}

/**************************************** END HEADER STYLES ******************************************/
/**************************************** MAIN STYLES ******************************************/
main {
  background-color: var(--shade0-main-color);
  min-height: 720px;
  overflow-x: hidden;
}

/**************************************** END MAIN STYLES ******************************************/
/**************************************** FOOTER STYLES ******************************************/
footer {
  background-color: var(--main-color);
  padding: 6.6rem 0 0.8rem;
  font-size: 16px;
}
footer .footerWrapper {
  padding: 0 0.8rem;
  max-width: 1200px;
}
footer .footerWrapper .footerhead {
  padding-bottom: 5.2rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 2.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.295);
}
footer .footerWrapper .footerhead .logoContainer {
  width: 100%;
  max-width: 29.8rem;
}
footer .footerWrapper .footerhead .logoContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  footer .footerWrapper .footerhead .logoContainer {
    min-width: 14rem;
  }
  footer .footerWrapper .footerhead .logoContainer img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
footer .footerWrapper .footerhead .socialLinksContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
}
footer .footerWrapper .footerhead .socialLinksContainer a {
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 1.6rem;
  display: grid;
  place-content: center;
  border: 1px solid var(--active-color);
}
footer .footerWrapper .footerhead .socialLinksContainer .iconHolder {
  background-color: white;
}
footer .footerWrapper .footerContent {
  margin-top: 5.2rem;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.4rem;
}
footer .footerWrapper .footerContent .col {
  max-width: 32.4rem;
}
footer .footerWrapper .footerContent .col-title {
  margin-bottom: 4rem;
  font-family: var(--george-font);
  font-size: 32px;
}
footer .footerWrapper .footerContent .col-title h3 {
  font-weight: 500;
}
footer .footerWrapper .footerContent .col-content ul li {
  margin: 2.4rem 0;
}
footer .footerWrapper .footerContent .col-content ul.grid_li li {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 4px;
}
@media screen and (max-width: 320px) {
  footer .footerWrapper .footerContent .col-content ul.grid_li li {
    grid-template-columns: 1fr;
  }
}
footer .footerWrapper .footerContent .col-content ul.grid_li li.fr1 {
  grid-template-columns: 1fr;
}
footer .footerlabel {
  margin: 3.2rem 0 0;
  padding: 2.4rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.432);
}
footer .footerlabel p {
  text-align: center;
  color: white;
}
footer .footerlabel .centeredAnchor {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.8rem auto;
  font-size: 1.8rem;
  color: white;
}
@media screen and (max-width: 768px) {
  footer .footerWrapper .footerContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  footer .footerWrapper .footerContent .col {
    max-width: 100%;
  }
}

/**************************************** END FOOTER STYLES ******************************************/
/**************************************** GLOBAL CLASSES *****************************************/
.p_relative {
  position: relative;
}

.p_absolute {
  position: absolute;
}

.mx-width-1200 {
  max-width: 120rem;
  margin: 0 auto;
}

.mx-width-62 {
  max-width: 62rem;
  margin: 0 auto;
}

.mt-80 {
  margin-top: 8rem !important;
}

.mt-120 {
  margin-top: 12rem !important;
}

.my-16 {
  margin: 1.6rem 0 !important;
}

.my-8 {
  margin: 0.8rem 0 !important;
}

.mt-8 {
  margin-top: 0.8rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mb-8 {
  margin-bottom: 0.8rem !important;
}

.mt-16 {
  margin-top: 1.6rem !important;
}

.mb-16 {
  margin-bottom: 1.6rem !important;
}

.mt-24 {
  margin-top: 2.4rem !important;
}

.mb-24 {
  margin-bottom: 2.4rem !important;
}

.mt-32 {
  margin-top: 3.2rem !important;
}

.mb-32 {
  margin-bottom: 3.2rem !important;
}

.my-32 {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.d-none {
  display: none !important;
}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 768px) {
  .flex-sm-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
}

@media screen and (max-width: 1024px) {
  .flex-md-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
}

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.d-flex-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.d-flex-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.d-flex-stretch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.d-flex-flow-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.d-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.d-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media screen and (max-width: 520px) {
  .d-grid-2 {
    grid-template-columns: 1fr;
  }
}

.w-100 {
  width: 100%;
}

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

.font-george {
  font-family: var(--george-font);
}

.font-playfair {
  font-family: var(--playfair-font);
}

.weight-500 {
  font-weight: 500 !important;
}

.weight-600 {
  font-weight: 600 !important;
}

.gap-46 {
  gap: 4.6rem;
}

.gap-8 {
  gap: 0.8rem;
}

.gap-16 {
  gap: 1.6rem;
}

.pl-32 {
  padding-left: 3.2rem;
}

.d-box {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.d-box-2 {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.d-box-3 {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.d-box-4 {
  line-clamp: 4;
  -webkit-line-clamp: 4;
}

.d-box-5 {
  line-clamp: 5;
  -webkit-line-clamp: 5;
}

.d-box-6 {
  line-clamp: 6;
  -webkit-line-clamp: 6;
}

.headerBlur {
  background-color: rgba(242, 255, 242, 0.8) !important;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.activeBtn1, .activeBtn2, .activeBtn3, .activeBtn4, .activeBtn5 {
  border-radius: 1.6rem;
  background-color: var(--active-color);
  border: 1px solid var(--active-color);
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
  height: 4rem;
  padding: 0.8rem 3.2rem;
  font-size: 1.4rem;
  font-weight: bold;
}

.activeBtn2 {
  height: 5rem;
  background-color: var(--shade0-active-color);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.activeBtn2 .iconHolder {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.activeBtn2:hover {
  background-color: transparent;
  color: var(--shade1-black);
}
.activeBtn2:hover .iconHolder {
  background-color: var(--shade1-black);
}

.activeBtn3 .iconHolder {
  width: 2.4rem;
  height: 2.4rem;
}

.activeBtn4 {
  height: unset;
  background-color: var(--main-color);
  padding: 2.4rem 3.6rem;
  font-size: 1.6rem;
  border: 1px solid var(--main-color);
}
@media screen and (max-width: 520px) {
  .activeBtn4 {
    padding: 1.6rem;
  }
}

.activeBtn5 {
  height: unset;
  padding: 2.5rem 8.1rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 520px) {
  .activeBtn5 {
    padding: 1.6rem;
  }
}

.activeLink {
  color: var(--active-color) !important;
}

.dashedBtn {
  display: block;
  margin: 2rem auto;
  background: transparent;
  border-bottom: 1px solid var(--main-color);
  color: var(--main-color);
}

.georgeFont {
  font-family: var(--george-font);
  font-weight: 600;
}

.font-size-16 {
  font-size: 1.6rem !important;
}

.font-size-20 {
  font-size: 2rem !important;
}

.font-size-24 {
  font-size: 2.4rem !important;
}

.font-size-32 {
  font-size: 3.2rem !important;
}

.font-size-45 {
  font-size: 4.5rem !important;
}

.color-shade1black {
  color: var(--shade1-black) !important;
}

.color-shade2Gray {
  color: var(--shade2-gray) !important;
}

.outlineBtn {
  border-radius: 1.6rem;
  border: 1px solid var(--active-color);
  background-color: transparent;
  color: var(--shade1-black);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
  max-width: 19rem;
  width: 100%;
  height: 5.7rem;
  padding: 0.8rem 3.2rem;
  font-size: 1.6rem;
  font-weight: bold;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.outlineBtn:hover {
  background-color: var(--active-color);
  color: white;
}

.uniCode {
  unicode-bidi: -webkit-plaintext;
  unicode-bidi: plaintext;
}

.secPadding {
  padding: 15.1rem 0.4rem !important;
}
@media screen and (max-width: 420px) {
  .secPadding {
    padding: 4rem 0.4rem !important;
  }
}

.secPadding2 {
  padding: 8rem 0.4rem 4rem;
}
@media screen and (max-width: 420px) {
  .secPadding2 {
    padding: 4rem 0.4rem;
  }
}

.secTitle {
  color: var(--active-color);
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 420px) {
  .secTitle {
    font-size: 1.8rem;
  }
}

.secTitle2 {
  color: var(--shade2-main-color);
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 420px) {
  .secTitle2 {
    font-size: 1.8rem;
  }
}

.secTitle15 {
  color: white;
  font-size: 1.5rem;
  font-weight: 500;
}

.secTitle4 {
  font-size: 4rem;
  font-family: var(--george-font);
  font-weight: 500;
  margin-bottom: 2rem;
}
@media screen and (max-width: 420px) {
  .secTitle4 {
    font-size: 2.2rem;
  }
}

.secTitleG {
  font-size: 4rem;
  font-family: var(--george-font);
  font-weight: 500;
  margin-bottom: 2rem;
}
@media screen and (max-width: 420px) {
  .secTitleG {
    font-size: 2.2rem;
  }
}

.secTitle24 {
  font-size: 2.4rem;
  font-family: var(--george-font);
  font-weight: 500;
  margin-bottom: 2rem;
}
@media screen and (max-width: 420px) {
  .secTitle24 {
    font-size: 2rem;
  }
}

.secTitle45 {
  font-size: 4.5rem;
  font-weight: 500;
  font-family: var(--george-font);
  margin: 2.8rem 0 1.8rem;
}

.secTitleDesc {
  font-family: var(--george-font);
  font-size: 4.5rem;
  font-weight: 500;
  color: var(--shade1-black);
}
@media screen and (max-width: 420px) {
  .secTitleDesc {
    font-size: 3.2rem;
  }
}

.secTitleDesc18 {
  font-family: var(--publicsans-font);
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--shade1-black);
}
@media screen and (max-width: 420px) {
  .secTitleDesc18 {
    font-size: 1.5rem;
  }
}

.secTitleDescPS {
  font-family: var(--publicsans-font);
  font-size: 5.4rem;
}
@media screen and (max-width: 420px) {
  .secTitleDescPS {
    font-size: 3.2rem;
  }
}

.secTitleDescPS18 {
  font-family: var(--publicsans-font);
  font-size: 1.8rem;
  color: var(--shade2-gray);
}

.paragraph {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.font-size-68 {
  font-size: 6.8rem;
}

.white-color {
  color: white;
}

.white-bgcolor {
  background-color: white;
}

.main-bgcolor {
  background-color: var(--main-color);
}

.main-color {
  color: var(--main-color);
}

.bg-shade1maincolor {
  background-color: var(--shade1-main-color) !important;
}

.color-shade2main {
  color: var(--shade2-main-color) !important;
}

.bg-shade2maincolor {
  background-color: var(--shade2-main-color) !important;
}

.border-shade2main {
  border: 1px solid var(--shade2-main-color) !important;
}

.boxshadow-shade2main {
  -webkit-box-shadow: 0 0 0 1.5px var(--shade2-main-color) !important;
          box-shadow: 0 0 0 1.5px var(--shade2-main-color) !important;
}

.active-color {
  color: var(--active-color);
}

.backArrow {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.flower {
  width: 30rem;
  height: 38.9rem;
}

.notxtWrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.controllers {
  height: 3.2rem;
}
.controllers .arrowContainer {
  height: 3.2rem;
}
.controllers .arrowContainer .arrowIcon {
  width: 3.2rem;
  height: 3.2rem;
  cursor: pointer;
  -webkit-transition: 250ms all ease-in-out;
  transition: 250ms all ease-in-out;
}
.controllers .arrowContainer:hover .arrowIcon {
  background-color: var(--active-color);
}
.controllers .sliderDots {
  height: 3.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.controllers .sliderDot {
  cursor: pointer;
  height: 1.4rem;
  width: 1.4rem;
  border-radius: 10rem;
  display: inline-block;
  background-color: var(--shade0-gray);
}
.controllers .sliderDot:hover {
  background-color: var(--active-color);
}
.controllers .activeDot {
  background-color: var(--active-color);
}

.scrollableContainer {
  overflow: hidden;
  scroll-behavior: smooth;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-flex-wrap: nowrap !important;
      -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
}
.scrollableContainer > * {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  scroll-snap-align: start;
}

.cardsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4rem 10.5rem;
  padding: 0 0.8rem;
}
@media screen and (max-width: 420px) {
  .cardsContainer {
    gap: 1.6rem;
  }
}

.card {
  width: 33rem;
  height: 49.1rem;
}
@media screen and (max-width: 768px) {
  .card {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.card .cardImgContainer {
  width: 100%;
  height: 25rem;
  border-radius: 16px;
  overflow: hidden;
}
.card .cardImgContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card .cardContent {
  padding-top: 2.6rem;
  height: 21.5rem;
}
.card .cardContent .title {
  font-weight: 500;
  font-family: var(--george-font);
  font-size: 2.6rem;
  margin-bottom: 1.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card .cardContent .cardPara {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 2.8rem;
}
.card .cardContent .outlineBtn {
  margin-top: 3rem;
}
@media screen and (max-width: 420px) {
  .card {
    width: 17rem;
    height: 28rem;
  }
  .card .cardImgContainer {
    height: 14rem;
  }
  .card .cardContent .cardPara {
    display: none;
  }
}

.subCardsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.6rem 1rem;
  margin: 3.8rem 0;
}
@media screen and (max-width: 1024px) {
  .subCardsContainer {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.subCardsContainer .subCard {
  width: 16.5rem;
  height: 18rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.1rem 3.3rem;
  background-color: white;
  border-radius: 1.6rem;
  gap: 1.6rem;
  border: 1px solid var(--main-color);
}
.subCardsContainer .subCard .imgHolder {
  width: 7.2rem;
  height: 7.2rem;
}
.subCardsContainer .subCard .title {
  font-family: var(--george-font);
  font-size: 2.2rem;
  font-weight: 500;
  text-align: center;
}

.animatedCardsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.animatedCard {
  width: 28.1rem;
  height: 30.8rem;
  border-radius: 1.6rem;
  padding: 1.6rem;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0 8px 16px hsla(0, 0%, 0%, 0.08);
          box-shadow: 0 8px 16px hsla(0, 0%, 0%, 0.08);
  -webkit-transition: 500ms all ease-in-out;
  transition: 500ms all ease-in-out;
}
.animatedCard .iconTitle {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  -webkit-transition: 500ms all ease-in-out;
  transition: 500ms all ease-in-out;
}
.animatedCard .iconTitle .iconHolder {
  width: 4.8rem;
  height: 4.8rem;
}
.animatedCard .iconTitle .title {
  font-size: 3.2rem;
  font-family: var(--george-font);
  font-weight: 500;
}
.animatedCard .serviceDescPara {
  font-size: 2rem;
  line-height: 2.8rem;
  text-align: center;
  margin-top: 1.6rem;
  color: var(--shade0-black);
}
.animatedCard .outlineBtn {
  margin: 0 auto;
  display: none;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.animatedCard:hover {
  background-color: var(--main-color);
}
.animatedCard:hover .iconTitle {
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  color: white;
}
.animatedCard:hover .iconTitle img.iconHolder {
  background-color: unset;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.animatedCard:hover .iconTitle span.iconHolder {
  background-color: white;
}
.animatedCard:hover .serviceDescPara {
  display: none;
}
.animatedCard:hover .outlineBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .animatedCard {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.statsCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1.6rem;
  margin: 1.6rem 0;
}
.statsCard .circularNum {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  color: white;
  direction: rtl;
  display: grid;
  place-content: center;
  background-color: var(--active-color);
}
.statsCard .circularNum p {
  font-size: 4rem;
}
.statsCard .statDesc p {
  font-size: 3.2rem;
  color: white;
}
@media screen and (max-width: 420px) {
  .statsCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.expertsCardsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 4.5rem;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .expertsCardsContainer {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 420px) {
  .expertsCardsContainer {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 1.6rem;
  }
}

.expertCard {
  max-width: 37rem;
  width: 100%;
  height: 58.7rem;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.expertCard .imgContainer {
  display: inline-block;
  width: 100%;
  height: 35rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.expertCard .imgContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.expertCard .expertCardContent {
  padding: 2.4rem 1.6rem 0;
}
.expertCard .expertCardContent .titleContainer .title {
  font-family: var(--george-font);
  font-weight: 550;
  font-size: 4rem;
  letter-spacing: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.expertCard .expertCardContent .titleContainer p {
  color: var(--active-color);
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0.8rem;
  letter-spacing: 0.2rem;
}
.expertCard .expertCardContent .para {
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin: 0.8rem 0 2.4rem;
  height: 8.4rem;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.expertCard .expertCardContent .socialLinks {
  gap: 0.8rem;
}

.testimonialsCards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 3.6rem;
  margin-top: 4rem;
}

.testimonialCard {
  width: 58.2rem;
  height: 35.9rem;
  background-color: white;
  border-radius: 16px;
  overflow: hidden;
}
.testimonialCard .para {
  padding: 4.4rem 4.8rem;
  font-size: 1.9rem;
  line-height: 2.8rem;
  height: 23.4rem;
  overflow: hidden;
}
.testimonialCard .testimonialInfo {
  background-color: var(--main-color);
  width: 100%;
  height: 12.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.6rem;
  padding: 2.4rem 5.2rem;
}
.testimonialCard .testimonialInfo .lp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 2rem;
}
.testimonialCard .testimonialInfo .lp .imgContainer {
  width: 7.4rem;
  height: 7.4rem;
  border: 1px solid white;
}
.testimonialCard .testimonialInfo .lp .imgContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonialCard .testimonialInfo .lp .testimonialContent {
  color: white;
}
.testimonialCard .testimonialInfo .lp .testimonialContent .starsRate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.testimonialCard .testimonialInfo .lp .testimonialContent .name {
  font-weight: 600;
  font-size: 2rem;
}
.testimonialCard .testimonialInfo .lp .testimonialContent .testimonialLocation {
  font-size: 1.4rem;
}
.testimonialCard .testimonialInfo .rp .quoteIcon {
  width: 7rem;
  height: 5.5rem;
}
@media screen and (max-width: 768px) {
  .testimonialCard {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: auto;
  }
  .testimonialCard .para {
    height: auto;
  }
  .testimonialCard .testimonialInfo {
    height: auto;
  }
}
@media screen and (max-width: 420px) {
  .testimonialCard .para {
    padding: 4.4rem 2.4rem;
  }
  .testimonialCard .testimonialInfo {
    padding: 2.4rem 2.4rem;
  }
}

.benefitsCardsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3.5rem 10.5rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 4.2rem;
}
@media screen and (max-width: 768px) {
  .benefitsCardsContainer {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.benefitCard {
  width: 33rem;
  height: 27.8rem;
}
.benefitCard .iconContainer {
  border: 1px dashed var(--main-color);
  padding: 0.8rem;
  width: 9rem;
  height: 9rem;
  border-radius: 1.6rem;
}
.benefitCard .iconContainer .iconWrapper {
  background-color: var(--active-color);
  display: grid;
  place-content: center;
  height: 100%;
  border-radius: 0.8rem;
}
.benefitCard .title {
  margin: 2rem 0 1rem;
  font-family: var(--george-font);
  font-weight: 500;
  letter-spacing: 0.2rem;
  font-size: 3.2rem;
}

.blogCardsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 4.4rem;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .blogCardsContainer {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.blogCard {
  max-width: 37rem;
  width: 100%;
  overflow: hidden;
  border-radius: 1.6rem;
  height: 57.9rem;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.blogCard:hover {
  -webkit-box-shadow: 0 0 16px rgba(34, 34, 34, 0.25);
          box-shadow: 0 0 16px rgba(34, 34, 34, 0.25);
}
.blogCard .imgContainer {
  display: inline-block;
  width: 100%;
  height: 32.5rem;
}
.blogCard .imgContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blogCard .blogCardContentContainer {
  padding: 3rem 0.8rem;
}
.blogCard .blogCardContentContainer .blogCardContent {
  max-width: 31.8rem;
  width: 100%;
  margin: 0 auto;
}
.blogCard .blogCardContentContainer .blogCardContent .dateName {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  color: var(--active-color);
  font-size: 1.4rem;
  font-weight: 600;
}
.blogCard .blogCardContentContainer .blogCardContent .dateName .divider {
  width: 1.4rem;
  height: 0.2rem;
  background-color: var(--shade1-black);
}
.blogCard .blogCardContentContainer .blogCardContent .blogTitle {
  font-size: 3.2rem;
  line-height: 3.6rem;
  font-family: var(--george-font);
  font-weight: 550;
  letter-spacing: 0.1rem;
  margin: 1.6rem 0;
}
.blogCard .blogCardContentContainer .blogCardContent .paraDesc {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.valueCardsContainer {
  max-width: 65.9rem;
  margin: 4.5rem auto 0;
}

.valueCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 3.2rem;
  padding: 3.2rem 0;
  border-bottom: 1px solid var(--border-color);
}
.valueCard .iconContainer {
  background-color: var(--shade1-active-color);
  display: grid;
  place-content: center;
  border: 1px solid var(--main-color);
  width: 10rem;
  height: 10rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.valueCard .iconContainer .iconHolder {
  background-color: var(--shade2-main-color);
  width: 7.2rem;
  height: 7.2rem;
}
.valueCard .iconContainer .imgHolder {
  width: 7.2rem;
  height: 7.2rem;
}
.valueCard .cardContent {
  max-width: 45.8rem;
}
.valueCard .cardContent .valueTitle {
  font-size: 3.2rem;
  font-family: var(--george-font);
  font-weight: 500;
}
.valueCard .cardContent .valueDesc {
  line-height: 2.8rem;
  margin-top: 0.8rem;
  font-size: 1.8rem;
  color: var(--shade0-black);
}

.methodologyCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
  margin-bottom: 2.5rem;
}
.methodologyCard .iconContainer {
  width: 3.2rem;
  height: 3.2rem;
}
.methodologyCard .content .methodTitle {
  font-size: 1.9rem;
  margin-bottom: 0.8rem;
}

.testimonialsSec.testimonialsSecBg {
  background-image: url(../../../assets/imgs/TestimonialsBg.png);
  background-size: cover;
  background-attachment: fixed;
}

.portraitImgContainer {
  max-width: 50.5rem;
  width: 100%;
  height: 56.1rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.portraitImgContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wideImgContainer {
  max-width: 64.4rem;
  width: 100%;
  height: 48rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.wideImgContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.titleSecContainer {
  background-color: var(--main-color);
  min-height: 49rem;
  display: grid;
  place-content: center;
  background-image: url(../../assets/imgs/aboutp-texture.png);
  background-position: center;
  background-size: cover;
}
.titleSecContainer .sec1Wrapper {
  padding-top: 16rem;
  gap: 2.4rem;
}
.titleSecContainer .sec1Wrapper .secTitleDesc {
  font-size: 5rem;
  max-width: 64.9rem;
  text-align: center;
}
.titleSecContainer .sec1Wrapper .sec1Btn {
  margin-top: 3.2rem;
  height: 6.7rem;
  max-width: 28rem;
  width: 100%;
  font-size: 1.8rem;
}

.inputContainer {
  position: relative;
  width: 100%;
  height: 6.5rem;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 0 0 1.5px var(--active-color);
          box-shadow: 0 0 0 1.5px var(--active-color);
  margin: 2rem 0;
  padding: 1.8rem 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
}
.inputContainer input, .inputContainer textarea, .inputContainer select {
  border: none;
  background-color: unset;
  width: 100%;
  height: 100%;
  outline: none;
}
.inputContainer:has(textarea) {
  height: 13.6rem;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.inputContainer:has(textarea) textarea {
  resize: none;
  font-family: var(--publicsans-font);
}

.inputContainerWithLabel {
  margin-bottom: 3.6rem;
}
.inputContainerWithLabel label {
  font-size: 1.3rem;
  font-weight: 600;
}
.inputContainerWithLabel .inputContainer {
  margin: 0.8rem 0;
  padding: 1.4rem 1.7rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0 1.5px #D5DAE2;
          box-shadow: 0 0 0 1.5px #D5DAE2;
}
.inputContainerWithLabel .inputContainer:not(:has(textarea)) {
  height: unset;
}

.fileInputContainer {
  position: relative;
}
.fileInputContainer input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.fileInputContainer .iconContainer {
  width: 4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  display: grid;
  place-content: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.fileInputContainer .txtSpan {
  font-size: 1.4rem;
  color: var(--shade2-gray);
}

.rdir .fileInputContainer .iconContainer {
  right: unset;
  left: 0;
}

.rowSystem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  /* Small screens */
  /* Medium screens */
  /* Large screens */
  /* Extra large screens */
}
.rowSystem [class*=col-] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
}
.rowSystem .col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33%;
      -ms-flex: 0 0 8.33%;
          flex: 0 0 8.33%;
  max-width: 8.33%;
}
.rowSystem .col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66%;
      -ms-flex: 0 0 16.66%;
          flex: 0 0 16.66%;
  max-width: 16.66%;
}
.rowSystem .col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.rowSystem .col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33%;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  max-width: 33.33%;
}
.rowSystem .col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66%;
      -ms-flex: 0 0 41.66%;
          flex: 0 0 41.66%;
  max-width: 41.66%;
}
.rowSystem .col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.rowSystem .col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33%;
      -ms-flex: 0 0 58.33%;
          flex: 0 0 58.33%;
  max-width: 58.33%;
}
.rowSystem .col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66%;
      -ms-flex: 0 0 66.66%;
          flex: 0 0 66.66%;
  max-width: 66.66%;
}
.rowSystem .col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.rowSystem .col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33%;
      -ms-flex: 0 0 83.33%;
          flex: 0 0 83.33%;
  max-width: 83.33%;
}
.rowSystem .col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66%;
      -ms-flex: 0 0 91.66%;
          flex: 0 0 91.66%;
  max-width: 91.66%;
}
.rowSystem .col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .rowSystem {
    /* Repeat for other columns */
  }
  .rowSystem .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33%;
        -ms-flex: 0 0 8.33%;
            flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .rowSystem .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66%;
        -ms-flex: 0 0 16.66%;
            flex: 0 0 16.66%;
    max-width: 16.66%;
  }
}
@media (min-width: 768px) {
  .rowSystem {
    /* Repeat for other columns */
  }
  .rowSystem .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33%;
        -ms-flex: 0 0 8.33%;
            flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .rowSystem .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66%;
        -ms-flex: 0 0 16.66%;
            flex: 0 0 16.66%;
    max-width: 16.66%;
  }
}
@media (min-width: 992px) {
  .rowSystem {
    /* Repeat for other columns */
  }
  .rowSystem .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33%;
        -ms-flex: 0 0 8.33%;
            flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .rowSystem .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66%;
        -ms-flex: 0 0 16.66%;
            flex: 0 0 16.66%;
    max-width: 16.66%;
  }
}
@media (min-width: 1200px) {
  .rowSystem {
    /* Repeat for other columns */
  }
  .rowSystem .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33%;
        -ms-flex: 0 0 8.33%;
            flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .rowSystem .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66%;
        -ms-flex: 0 0 16.66%;
            flex: 0 0 16.66%;
    max-width: 16.66%;
  }
}

.inputContainer2 {
  max-width: 106rem;
  margin: 0 auto;
  border: 1px solid white;
  height: 7rem;
  position: relative;
  border-radius: 20rem;
  overflow: hidden;
}
.inputContainer2 input {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: white;
  background-color: transparent;
  padding: 0 27rem 0 2.4rem;
}
.inputContainer2 button {
  width: 26.3rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--active-color);
  color: white;
  font-weight: 600;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .inputContainer2 input {
    padding: 0 10rem 0 2.4rem;
  }
  .inputContainer2 button {
    width: 10rem;
    font-size: 1.6rem;
  }
}

.rdir .inputContainer2 input {
  padding: 0 2.4rem 0 10rem;
}
.rdir .inputContainer2 button {
  right: unset;
  left: 0;
}

.scheduleFormContainer {
  margin: 4.8rem 0;
  padding: 8.3rem 0;
  border-radius: 1.6rem;
  -webkit-box-shadow: 0 2rem 4rem hsla(193, 28%, 23%, 0.13);
          box-shadow: 0 2rem 4rem hsla(193, 28%, 23%, 0.13);
}
.scheduleFormContainer .scheduleForm {
  max-width: 81rem;
  margin: 0 auto;
}
.scheduleFormContainer .scheduleForm.d-grid-2 .inputContainer:has(textarea) {
  height: 6.5rem;
}
.scheduleFormContainer .scheduleForm .inputContainer {
  margin: 0.5rem 0;
}
.scheduleFormContainer .scheduleForm .formBtn {
  height: 6.5rem;
  margin: 0.5rem 0;
  border-radius: 0.8rem;
}
.scheduleFormContainer .infoPrivacy {
  max-width: 39.8rem;
  margin: 3.5rem auto 0;
  line-height: 2.8rem;
  color: var(--active-color);
}
.scheduleFormContainer .infoPrivacy a {
  text-decoration: underline;
}

.contactCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.contactCard .iconContainer {
  width: 6.5rem;
  height: 6.5rem;
  display: grid;
  place-content: center;
  border: 1px solid var(--active-color);
  border-radius: 1.6rem;
}
.contactCard .iconContainer .iconHolder {
  background-color: var(--shade1-black);
}
.contactCard .contactContent a {
  font-family: var(--george-font);
  font-size: 2.2rem;
}

.contactCard2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 2.4rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.contactCard2 .iconContainer {
  width: 6.5rem;
  height: 6.5rem;
  display: grid;
  place-content: center;
  border: 1px solid var(--active-color);
}
.contactCard2 .iconContainer .iconHolder {
  background-color: var(--active-color);
  width: 2.6rem;
  height: 2.6rem;
}
.contactCard2 .iconContainer .iconHolder.whatsappIcon {
  width: 4rem;
  height: 4rem;
}
.contactCard2 .contactContent .contactTitle {
  font-size: 2.4rem;
  font-weight: 600;
  margin-top: 0.4rem;
}
.contactCard2 .contactContent .contactDesc {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 0.8rem;
}

.downloadApp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
}
.downloadApp a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.downloadApp a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.locationCardsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1rem 0.4rem;
  margin-top: 4rem;
}
.locationCardsContainer.rowView {
  gap: 1.6rem;
}
.locationCardsContainer.rowView .locationCard {
  width: 100%;
  height: auto;
}
.locationCardsContainer.rowView .locationCard .locationCardContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.locationCardsContainer.rowView .locationCard .locationCardContent .imgContainer {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 18rem;
}
.locationCardsContainer.rowView .locationCard .locationCardContent .locationInfo {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0.8rem;
}

.locationCard {
  width: 39.6rem;
  height: 48.8rem;
  padding: 1rem;
  border-radius: 1.6rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(36, 36, 36, 0.1);
          box-shadow: 0 0.4rem 1.6rem rgba(36, 36, 36, 0.1);
}
.locationCard .locationCardContent .imgContainer {
  width: 100%;
  height: 31rem;
  border-radius: 1.6rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 1rem;
}
.locationCard .locationCardContent .imgContainer img, .locationCard .locationCardContent .imgContainer iframe {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  z-index: 1;
}
.locationCard .locationCardContent .imgContainer iframe {
  opacity: 0;
}
.locationCard .locationCardContent .imgContainer:hover img {
  opacity: 0;
  z-index: 0;
}
.locationCard .locationCardContent .imgContainer:hover iframe {
  opacity: 1;
  z-index: 1;
}
.locationCard .locationCardContent .locationInfo {
  padding: 0 1rem;
}
.locationCard .locationCardContent .locationInfo .clinicName, .locationCard .locationCardContent .locationInfo .clinicLocation, .locationCard .locationCardContent .locationInfo .clinicWorkHours {
  margin-bottom: 0.4rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.locationCard .locationCardContent .locationInfo .clinicLocation a {
  font-size: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.locationCard .locationCardContent .locationInfo .clinicLocation .iconHolder {
  width: 1.7rem;
  height: 1.7rem;
}
.locationCard .locationCardContent .locationInfo .activeBtn3 {
  max-width: 14rem;
  width: 100%;
  padding: 0.4rem;
  border-radius: 1rem;
  gap: 0.8rem;
}

.reasonsCards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.6rem;
  margin: 4.2rem 0;
}
@media screen and (max-width: 768px) {
  .reasonsCards {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.reasonCard {
  max-width: 38rem;
  width: 100%;
  min-height: 24rem;
  padding: 0 1rem;
}
.reasonCard .iconContainer {
  width: 7.4rem;
  height: 7.4rem;
  border-radius: 3px;
  display: grid;
  place-content: center;
  -webkit-box-shadow: 0 3px 1px 0px rgba(14, 14, 14, 0.3);
          box-shadow: 0 3px 1px 0px rgba(14, 14, 14, 0.3);
  margin: 0 auto;
}
.reasonCard .iconContainer .iconHolder {
  width: 2.7rem;
  height: 2.7rem;
}
.reasonCard .reasonTitle {
  text-align: center;
  font-family: var(--george-font);
  font-weight: 500;
  font-size: 2.4rem;
  margin-top: 6rem;
  margin-bottom: 1.1rem;
}
.reasonCard .reasonpara {
  text-align: center;
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--shade2-gray);
  line-height: 2.4rem;
}

.openJobsCardsContainer {
  margin: 12rem 0 6rem;
}

.openJobCard {
  padding: 2rem 2.5rem;
  margin-bottom: 2.5rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1rem;
}
.openJobCard:nth-of-type(odd) .job-NameLetters {
  background-color: var(--main-color);
  color: white;
}
.openJobCard:nth-of-type(even) .job-NameLetters {
  background-color: var(--active-color);
  color: white;
}
.openJobCard .job-Name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  -webkit-box-flex: 4;
  -webkit-flex: 4;
      -ms-flex: 4;
          flex: 4;
}
.openJobCard .job-Name .job-NameLetters {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 3px;
  font-size: 1.8rem;
  display: grid;
  place-content: center;
}
.openJobCard .job-Name .job-FullName {
  font-weight: 500;
  font-size: 2rem;
}
.openJobCard .job-Type {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.openJobCard .job-Actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.openJobCard .job-Actions .applyBtn {
  width: 18.2rem;
  height: 6.7rem;
  font-size: 2rem;
}
@media screen and (max-width: 420px) {
  .openJobCard .job-Actions .applyBtn {
    font-size: 1.6rem;
    width: 14rem;
    height: 5rem;
  }
}
.openJobCard .job-Actions .favBtn {
  background: transparent;
  padding: 1.6rem;
}

.shareWrapper .content {
  gap: 5.2rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 420px) {
  .shareWrapper .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.shareWrapper .content .col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4.6rem;
}
.shareWrapper .content .col .row {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.shareWrapper .content .col-1 .row1 .secTitleDesc {
  margin-bottom: 2.4rem;
  max-width: 24rem;
  margin-top: 1.6rem;
}
.shareWrapper .contactBtn {
  max-width: 24.9rem;
  height: 6.5rem;
  margin: 0 auto;
}

.contactWrapper {
  max-width: 54.7rem;
  width: 100%;
}

.inputContainerWithIcon {
  width: 100%;
  height: 5.2rem;
  position: relative;
  padding: 0.8rem;
  background-color: white;
  border-radius: 0.3rem;
}
.inputContainerWithIcon input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 0.8rem 4.5rem 0.8rem 0.8rem;
  background-color: transparent;
}
.inputContainerWithIcon .iconContainer {
  width: 4rem;
  height: 4rem;
  position: absolute;
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: grid;
  place-content: center;
  border-radius: 0.3rem;
  cursor: pointer;
}

.bg-greenGradient {
  background: linear-gradient(135deg, #9AB69A, #DCF3DC);
}

.chatSec {
  position: fixed;
  bottom: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  padding: 0 3.2rem;
}
.chatSec .chatIconContainer {
  margin-bottom: 2.4rem;
  position: absolute;
  z-index: 1;
  right: 2.4rem;
  bottom: 2.4rem;
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  background-color: var(--main-color);
  -webkit-box-shadow: 0 8px 16px rgba(33, 113, 33, 0.42);
          box-shadow: 0 8px 16px rgba(33, 113, 33, 0.42);
  -webkit-transition: 250ms all ease-in-out;
  transition: 250ms all ease-in-out;
  cursor: pointer;
}
.chatSec .chatIconContainer .iconHolder {
  width: 4rem;
  height: 4rem;
  -webkit-transition: 250ms all ease-in-out;
  transition: 250ms all ease-in-out;
}
.chatSec .chatIconContainer:hover {
  background-color: white;
}
.chatSec .chatIconContainer:hover .iconHolder {
  background-color: var(--main-color);
}
.chatSec .chatBox {
  opacity: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  max-height: 0;
  height: 100%;
  margin-left: auto;
  margin-right: 16.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 40rem;
  width: 100%;
  background: white;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: 0 0 20px rgba(60, 60, 60, 0.36);
          box-shadow: 0 0 20px rgba(60, 60, 60, 0.36);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.chatSec .chatBox .chatHead {
  background-color: var(--shade0-main-color);
  padding: 1.6rem;
  height: 6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chatSec .chatBox .chatHead .chatTitle {
  font-size: 2rem;
  font-weight: 600;
}
.chatSec .chatBox .chatHead .closeIconContainer {
  display: grid;
  place-content: center;
  padding: 8px;
  cursor: pointer;
}
.chatSec .chatBox .chatHead .closeIconContainer .iconHolder {
  width: 2.4rem;
  height: 2.4rem;
}
.chatSec .chatBox .chatBody {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  padding: 1.6rem;
  overflow-y: auto;
  height: 26rem;
}
.chatSec .chatBox .chatBody .chatUser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  margin-bottom: 1.6rem;
  width: 100%;
}
.chatSec .chatBox .chatBody .chatUser.sender {
  direction: rtl;
}
.chatSec .chatBox .chatBody .chatUser .chatUserIcon {
  width: 4rem;
  height: 4rem;
  display: grid;
  place-content: center;
  -webkit-box-shadow: 0 0 0 1px var(--main-color);
          box-shadow: 0 0 0 1px var(--main-color);
  border-radius: 50%;
}
.chatSec .chatBox .chatBody .chatUser .chatUserIcon .iconHolder {
  width: 2.8rem;
  height: 2.8rem;
}
.chatSec .chatBox .chatBody .chatUser .msgContent {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chatSec .chatBox .chatBody .chatUser .msgContent .msg {
  margin-bottom: 4px;
}
.chatSec .chatBox .chatBody .chatUser .msgContent .msg .content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.8rem;
  padding: 8px 10px;
  background: var(--shade1-main-color);
  border-radius: 6px;
}
.chatSec .chatBox .chatBody .chatUser .msgContent .msg .trashIcon {
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.chatSec .chatBox .chatBody .chatUser .msgInfo .date {
  font-size: 1.4rem;
}
.chatSec .chatBox .chatFooter {
  height: 10rem;
  padding: 1.6rem;
  background-color: #fafafa;
}
.chatSec .chatBox .chatFooter form {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
  gap: 8px;
}
.chatSec .chatBox .chatFooter form .inputContainer {
  height: 100% !important;
  margin: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.chatSec .chatBox .chatFooter form .sendBtnContainer {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: grid;
  place-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 4px;
  background-color: var(--main-color);
}
.chatSec .chatBox .chatFooter form .sendBtnContainer button {
  display: grid;
  place-content: center;
  background-color: transparent;
}
.chatSec .chatBox .chatFooter form .sendBtnContainer .iconHolder {
  width: 2.4rem;
  height: 2.4rem;
  background-color: white;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
@media screen and (max-width: 768px) {
  .chatSec .chatIconContainer {
    bottom: 100%;
  }
}

.opacity {
  opacity: 0;
}

.showChat {
  -webkit-animation: slideUpChat 500ms ease-in-out 100ms forwards;
          animation: slideUpChat 500ms ease-in-out 100ms forwards;
}

@-webkit-keyframes slideUpChat {
  0% {
    opacity: 0;
    max-height: 0rem;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    max-height: 42rem;
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes slideUpChat {
  0% {
    opacity: 0;
    max-height: 0rem;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    max-height: 42rem;
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
/********************* ANIMATIONS CLASSES & KEYFRAMES **********************/
.slideDown {
  -webkit-animation: slideDown 1s ease-in-out forwards 250ms;
          animation: slideDown 1s ease-in-out forwards 250ms;
}

@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  70% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  90% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  70% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  90% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.slideUp {
  -webkit-animation: slideUp 1s ease-in-out forwards 250ms;
          animation: slideUp 1s ease-in-out forwards 250ms;
}

@-webkit-keyframes slideUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  70% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  90% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes slideUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  70% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  90% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.slideLeft {
  -webkit-animation: slideLeft 1.2s ease-in-out forwards 250ms;
          animation: slideLeft 1.2s ease-in-out forwards 250ms;
}

.rdir .slideLeft {
  -webkit-animation: slideRight 1.2s ease-in-out forwards 250ms;
          animation: slideRight 1.2s ease-in-out forwards 250ms;
}

@-webkit-keyframes slideLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  70% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  90% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  70% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  90% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.slideRight {
  -webkit-animation: slideRight 1.2s ease-in-out forwards 250ms;
          animation: slideRight 1.2s ease-in-out forwards 250ms;
}

.rdir .slideRight {
  -webkit-animation: slideLeft 1.2s ease-in-out forwards 250ms;
          animation: slideLeft 1.2s ease-in-out forwards 250ms;
}

@-webkit-keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  70% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
  90% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  70% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
  90% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.fadeIn {
  -webkit-animation: fadeIn 1.2s ease-in-out forwards 250ms;
          animation: fadeIn 1.2s ease-in-out forwards 250ms;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.rdir {
  direction: rtl;
}
.rdir .pl-32 {
  padding-left: unset;
  padding-right: 32px;
}
.rdir .ml-auto {
  margin-left: unset;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .rdir header .headerWrapper nav {
    right: 0;
    left: unset;
    -webkit-transform: translateX(104%);
        -ms-transform: translateX(104%);
            transform: translateX(104%);
  }
  .rdir header .headerWrapper nav.showNav {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }
}
.rdir main .heroSection .flower {
  left: unset;
  right: -2.4rem;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
      transform: scaleX(-1);
}
.rdir main .heroSection .sec1-content .lp {
  padding-left: 6.2rem;
  padding-right: unset;
}
.rdir main .heroSection .sec1-content .lp .heroBtn {
  width: 28rem;
}
.rdir main .heroSection .sec1-content .rp .rpWrapper {
  margin-left: unset;
  margin-right: 4.8rem;
}
.rdir main .heroSection .sec1-content .rp .rpWrapper .heroImgContainer .heroBorderContainer .border {
  margin-right: -2rem;
  margin-left: unset;
}
.rdir main .heroSection .sec1-content .rp .rpWrapper .heroImgContainer .rpHeroBg {
  left: unset;
  right: -4rem;
}
.rdir .chatIconContainer {
  left: 2.4rem;
  right: unset;
}
.rdir .chatBox {
  margin-left: 16.4rem;
  margin-right: auto;
}
.rdir .chatUser.receiver {
  direction: ltr;
}
.rdir .inputContainerWithIcon input {
  padding: 0.8rem 0.8rem 0.8rem 4.5rem;
}
.rdir .inputContainerWithIcon .iconContainer {
  right: unset;
  left: 0.8rem;
}

/*# sourceMappingURL=global.css.map */