/* [project]/app/styles/home/home.css [app-client] (css) */
.homeHeroSlider {
  background-color: #222;
  height: 1000px;
  overflow: hidden;
}

.homeSliderImg {
  object-fit: cover;
  object-position: center;
  height: 1000px;
}

.homeHeroSlider .col-4.ltr {
  padding-right: 13rem;
}

.homeHeroSlider .col-4.rtl {
  padding-left: 13rem;
}

.homeHeroMainText span {
  color: #3a3a3a;
  font-size: 500px;
  font-weight: 300;
  line-height: 1;
}

.slideWrapper:after {
  content: "";
  z-index: 1;
  background-color: #00000026;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.homeHeroContent {
  z-index: 4;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 6.5%;
}

.heroHeader {
  color: #f1f1f1;
  width: 72%;
  font-size: 55px;
  font-weight: 600;
  line-height: 140%;
}

.heroDescription {
  color: #acacac;
  width: 19%;
}

.socialMediaWrapper li a {
  color: #c4c4c4;
  background-color: #191919;
  width: 48px;
  height: 48px;
}

.socialMediaWrapper li svg {
  width: 22.5px;
  height: 21.78px;
}

.custom-swiper-button-prev, .custom-swiper-button-next {
  z-index: 10;
  cursor: pointer;
  background: none;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 90%;
  transform: translateY(-50%);
}

.custom-swiper-button-prev svg, .custom-swiper-button-next svg {
  color: #fff;
  background-color: #0000;
}

.swiper-button-disabled {
  background-color: #fff;
}

.swiper-button-disabled svg {
  color: #000;
}

.custom-swiper-button-prev {
  right: 12%;
}

.custom-swiper-button-next {
  right: 7.5%;
}

.homeAboutHeader {
  color: #f1f1f1;
}

.homeAboutWrapper {
  color: #f1f1f1;
  background-color: #1a1a1a;
}

.aboutImgDescriotion {
  background-color: #222;
}

.homeAbout1 {
  object-fit: fill;
  object-position: center;
}

.homeAboutLogo {
  border-radius: 50%;
  width: 145px;
  height: 145px;
  position: absolute;
  top: 54.5%;
}

.homeAboutLogo.ltr {
  left: 69.5%;
}

.homeAboutLogo.rtl {
  right: 69.5%;
}

.homeAboutValue {
  background-color: #222;
}

.homeAboutValueContent, .highlightContent, .blogsContent {
  z-index: 34;
  position: relative;
}

.homeAboutcontent {
  z-index: 34;
  background-color: #1a1a1a;
  position: relative;
}

.logo-layer:before {
  content: "";
  z-index: 5;
  background-image: url("/assets/images/icons/logo-layer.svg");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 655px;
  height: 760px;
  position: absolute;
  top: 24%;
  left: 0;
}

.serviceSlider {
  background-image: url("/assets/images/services-img.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.serviceSlider:after {
  content: "";
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.service-slide {
  border-right: 1px solid #cfcfcf;
}

.service-card {
  z-index: 1;
  height: 600px;
  position: relative;
}

.service-title {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  max-height: 580px;
  font-size: 1.5rem;
  overflow: hidden;
  transform: rotate(180deg);
}

.service-title.multi-line {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: normal;
  word-break: break-word;
  hyphens: auto;
  text-align: start;
  max-height: 580px;
  overflow: hidden;
  transform: rotate(180deg);
}

.homeBanner img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 280px;
}

.appointemnt-img {
  object-fit: fill;
  object-position: center;
  height: 645px;
}

.homeMapImg {
  height: 700px;
}

.higlightCardImg {
  object-fit: cover;
  object-position: center;
  height: 448px;
}

.higlightCardContent:after {
  content: "";
  z-index: 5;
  background-color: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.higlightCardHeader {
  z-index: 10;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 5px;
  left: 0;
}

.higlightSlider .custom-swiper-button-prev, .higlightSlider .custom-swiper-button-next {
  top: 99%;
}

.higlightSlider .custom-swiper-button-prev.ltr {
  right: 6%;
}

.higlightSlider .custom-swiper-button-prev.rtl {
  right: 94%;
}

.higlightSlider .custom-swiper-button-next.ltr {
  right: .5%;
}

.higlightSlider .custom-swiper-button-next.rtl {
  right: 88.5%;
}

.homeBlogCardImg {
  object-fit: cover;
  height: 360px;
}

.logo-layer2:before {
  content: "";
  z-index: 5;
  background-image: url("/assets/images/icons/logo-layer2.svg");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 780px;
  position: absolute;
  top: 21.5%;
  left: 63.5%;
  width: 726px !important;
}

.homeAbout2 {
  transition: transform .8s ease-in-out;
}

.homeAbout2.ltr {
  transform: perspective(1000px)rotateY(0);
}

.homeAbout2.rtl {
  transform: perspective(1000px)rotateY(180deg);
}

@media (width <= 1400px) {
  .homeAboutLogo {
    width: 125px;
    height: 125px;
    top: 56%;
  }

  .homeAboutLogo.ltr {
    left: 70%;
  }

  .homeAboutLogo.rtl {
    right: 70%;
  }
}

@media (width <= 1200px) {
  .homeHeroSlider {
    height: 900px;
  }

  .homeHeroSlider .col-4.ltr {
    padding-right: 12rem;
  }

  .homeHeroSlider .col-4.rtl {
    padding-left: 12rem;
  }

  .homeHeroMainText span {
    font-size: 450px;
  }

  .homeHeroContent {
    top: 40%;
  }

  .custom-swiper-button-prev, .custom-swiper-button-next {
    top: 92%;
  }

  .homeAboutLogo {
    width: 100px;
    height: 100px;
    top: 56%;
  }

  .homeAboutLogo.ltr {
    left: 70%;
  }

  .homeAboutLogo.rtl {
    right: 70%;
  }

  .custom-swiper-button-prev {
    right: 14%;
  }

  .logo-layer:before {
    width: 600px;
    height: 760px;
    top: 23%;
    left: 0;
  }

  .logo-layer2:before {
    height: 661px;
    top: 21.5%;
    left: 59%;
    width: 697px !important;
  }

  .homeBanner img {
    height: 260px;
  }

  .appointemnt-img {
    height: 580px;
  }

  .homeMapImg {
    height: 600px;
  }

  .service-card {
    height: 550px;
  }

  .service-title.multi-line, .service-title {
    max-height: 510px;
  }

  .higlightCardImg {
    height: 400px;
  }

  .higlightSlider .custom-swiper-button-prev.ltr {
    right: 7.5%;
  }

  .higlightSlider .custom-swiper-button-prev.rtl {
    right: 92.5%;
  }

  .higlightSlider .custom-swiper-button-next.rtl {
    right: 85.5%;
  }

  .homeBlogCardImg {
    height: 420px;
  }
}

@media (width <= 992px) {
  .homeHeroSlider {
    height: 800px;
  }

  .homeHeroSlider .col-4.ltr {
    padding-right: 10rem;
  }

  .homeHeroSlider .col-4.rtl {
    padding-left: 10rem;
  }

  .homeHeroMainText span {
    font-size: 450px;
  }

  .homeHeroContent {
    top: 50%;
  }

  .custom-swiper-button-prev, .custom-swiper-button-next {
    top: 85%;
  }

  .heroDescription {
    width: 35%;
    padding: 0 16px;
  }

  .custom-swiper-button-prev {
    right: 15%;
  }

  .homeAboutLogo {
    width: 120px;
    height: 120px;
    top: 57%;
  }

  .logo-layer:before {
    width: 500px;
    height: 760px;
    top: 28%;
    left: 0;
  }

  .logo-layer2:before {
    height: 661px;
    top: 18%;
    left: 55%;
    width: 697px !important;
  }

  .service-card {
    height: 450px;
  }

  .service-title.multi-line, .service-title {
    max-height: 530px;
  }

  .homeBanner img {
    height: 220px;
  }

  .appointemnt-img {
    height: 500px;
  }

  .homeMapImg {
    height: 550px;
  }

  .higlightCardImg {
    height: 350px;
  }

  .higlightSlider .custom-swiper-button-prev, .higlightSlider .custom-swiper-button-next {
    top: 97%;
  }

  .higlightSlider .custom-swiper-button-prev.ltr {
    right: 9.5%;
  }

  .higlightSlider .custom-swiper-button-prev.rtl {
    right: 90.5%;
  }

  .higlightSlider .custom-swiper-button-next.rtl {
    right: 81.5%;
  }

  .homeBlogCardImg {
    height: 470px;
  }
}

@media (width <= 768px) {
  .homeHeroSlider {
    height: 700px;
  }

  .homeHeroSlider .col-4.ltr {
    padding-right: 6rem;
  }

  .homeHeroSlider .col-4.rtl {
    padding-left: 6rem;
  }

  .homeHeroMainText span {
    font-size: 400px;
  }

  .homeHeroContent {
    top: 45%;
  }

  .custom-swiper-button-prev, .custom-swiper-button-next {
    top: 85%;
  }

  .custom-swiper-button-prev {
    right: 16%;
  }

  .heroDescription {
    width: 40%;
    padding: 0 16px;
  }

  .homeAbout1 {
    height: 270px !important;
  }

  .homeAboutLogo {
    width: 90px;
    height: 90px;
    top: 56%;
  }

  .logo-layer:before {
    width: 450px;
    height: 760px;
    top: 32%;
    left: 0;
  }

  .logo-layer2:before {
    height: 550px;
    top: 16%;
    left: 54%;
    width: 697px !important;
  }

  .service-card {
    height: 350px;
  }

  .service-title.multi-line, .service-title {
    max-height: 330px;
  }

  .homeBanner img {
    height: 180px;
  }

  .appointemnt-img, .homeMapImg {
    height: 450px;
  }

  .higlightCardImg {
    height: 300px;
  }

  .higlightSlider .custom-swiper-button-prev, .higlightSlider .custom-swiper-button-next {
    top: 96%;
  }

  .higlightSlider .custom-swiper-button-prev.ltr {
    right: 12.5%;
  }

  .higlightSlider .custom-swiper-button-prev.rtl {
    right: 88.5%;
  }

  .higlightSlider .custom-swiper-button-next.rtl {
    right: 76.5%;
  }

  .homeBlogCardImg {
    height: 360px;
  }
}

@media (width <= 576px) {
  .homeHeroSlider {
    height: 650px;
  }

  .homeHeroSlider .col-4.ltr {
    padding-right: 2rem;
  }

  .homeHeroSlider .col-4.rtl {
    padding-left: 2rem;
  }

  .homeHeroMainText span {
    font-size: 350px;
  }

  .homeHeroContent {
    top: 35%;
  }

  .custom-swiper-button-prev, .custom-swiper-button-next {
    width: 40px;
    height: 40px;
    top: 90%;
  }

  .custom-swiper-button-prev {
    right: 18%;
  }

  .heroDescription {
    width: 80%;
    padding: 0 18px;
  }

  .heroHeader {
    width: 100%;
  }

  .homeAbout1 {
    height: 240px !important;
  }

  .homeAbout2 {
    height: 150px !important;
  }

  .homeAboutLogo {
    width: 78px;
    height: 89px;
    top: 54%;
  }

  .homeAboutLogo.ltr {
    left: 72%;
  }

  .homeAboutLogo.rtl {
    right: 72%;
  }

  .logo-layer:before {
    width: 350px;
    height: 760px;
    top: 24.5%;
    left: 0;
  }

  .logo-layer2:before {
    height: 400px;
    top: 18.6%;
    left: 54%;
    width: 697px !important;
  }

  .homeBanner img {
    height: 140px;
  }

  .appointemnt-img {
    height: 400px;
  }

  .homeMapImg {
    height: 350px;
  }

  .service-card {
    height: 300px;
  }

  .service-title.multi-line, .service-title {
    max-height: 280px;
  }

  .higlightCardImg {
    height: 250px;
  }

  .higlightSlider .custom-swiper-button-prev, .higlightSlider .custom-swiper-button-next {
    width: 40px;
    height: 40px;
    top: 95%;
  }

  .higlightSlider .custom-swiper-button-prev.ltr {
    right: 12.5%;
  }

  .higlightSlider .custom-swiper-button-prev.rtl {
    right: 88.5%;
  }

  .higlightSlider .custom-swiper-button-next.rtl {
    right: 77.5%;
  }

  .homeBlogCardImg {
    height: 300px;
  }
}

@media (width <= 500px) {
  .homeHeroSlider {
    height: 650px;
  }

  .homeHeroSlider .col-4.ltr {
    padding-right: 2rem;
  }

  .homeHeroSlider .col-4.rtl {
    padding-left: 2rem;
  }

  .homeHeroMainText span {
    font-size: 300px;
  }

  .homeHeroContent {
    top: 35%;
  }

  .custom-swiper-button-prev, .custom-swiper-button-next {
    width: 40px;
    height: 40px;
    top: 90%;
  }

  .custom-swiper-button-prev {
    right: 22%;
  }

  .heroDescription {
    width: 80%;
    padding: 0 18px;
  }

  .homeAbout1 {
    height: 220px !important;
  }

  .homeAbout2 {
    height: 130px !important;
  }

  .homeAboutLogo {
    width: 62px;
    height: 89px;
    top: 49%;
  }

  .homeAboutLogo.ltr {
    left: 72.5%;
  }

  .homeAboutLogo.rtl {
    right: 72.5%;
  }

  .logo-layer:before {
    width: 270px;
    height: 760px;
    top: 20.5%;
    left: 0;
  }

  .logo-layer2:before {
    height: 350px;
    top: 18%;
    left: 49%;
  }

  .service-card {
    height: 270px;
  }

  .service-title.multi-line, .service-title {
    max-height: 250px;
  }

  .homeBanner img {
    height: 100px;
  }

  .appointemnt-img {
    height: 350px;
  }

  .homeMapImg {
    height: 300px;
  }

  .higlightCardImg {
    height: 200px;
  }

  .higlightSlider .custom-swiper-button-prev, .higlightSlider .custom-swiper-button-next {
    top: 95%;
  }

  .higlightSlider .custom-swiper-button-prev.ltr {
    right: 13.5%;
  }

  .higlightSlider .custom-swiper-button-prev.rtl {
    right: 87.5%;
  }

  .higlightSlider .custom-swiper-button-next.rtl {
    right: 75.5%;
  }

  .homeBlogCardImg {
    height: 250px;
  }
}

@media (width <= 400px) {
  .homeHeroMainText span {
    font-size: 250px;
  }

  .custom-swiper-button-prev {
    right: 22%;
  }

  .homeAbout1 {
    height: 220px !important;
  }

  .homeAbout2 {
    height: 110px !important;
  }

  .homeAboutLogo {
    width: 52px;
    height: 89px;
    top: 41%;
  }

  .homeAboutLogo.ltr {
    left: 71.5%;
  }

  .homeAboutLogo.rtl {
    right: 71.5%;
  }

  .logo-layer:before {
    width: 220px;
    height: 760px;
    top: 18.5%;
    left: 0;
  }

  .logo-layer2:before {
    height: 280px;
    top: 21%;
    left: 49%;
  }

  .service-card {
    height: 250px;
  }

  .service-title.multi-line, .service-title {
    max-height: 230px;
  }

  .homeBanner img {
    height: 80px;
  }

  .appointemnt-img {
    height: 300px;
  }

  .homeMapImg {
    height: 230px;
  }

  .higlightCardImg {
    height: 180px;
  }

  .higlightSlider .custom-swiper-button-prev, .higlightSlider .custom-swiper-button-next {
    top: 94%;
  }

  .higlightSlider .custom-swiper-button-prev.ltr {
    right: 17%;
  }

  .higlightSlider .custom-swiper-button-prev.rtl {
    right: 83%;
  }

  .higlightSlider .custom-swiper-button-next.rtl {
    right: 67.5%;
  }

  .homeBlogCardImg {
    height: 200px;
  }
}


/* [project]/app/styles/shared/heroSection.css [app-client] (css) */
.heroCont {
  z-index: 1;
  height: 495px;
  position: relative;
  overflow: hidden;
}

.hero-title {
  color: #ddd;
  font-size: 50px;
  font-weight: 600;
}

.hero-subTitle {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

@media screen and (width <= 770px) {
  .hero-subTitle {
    font-size: 13px;
  }

  .heroCont {
    height: 450px;
  }
}

@media screen and (width <= 575px) {
  .hero-subTitle {
    font-size: 12px;
  }

  .heroCont {
    height: 400px;
  }
}

@media screen and (width <= 400px) {
  .hero-subTitle {
    font-size: 11px;
  }
}


/*# sourceMappingURL=app_styles_03f83e12._.css.map*/