/*====================================================== Home Page Styles =========================================================================================*/
.owl-carousel .owl-item img {
  width: auto;
}
.owl-carousel .owl-item img.w-100 {
  width: 100% !important;
}

.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}
.owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 0.2rem;
  justify-content: center;
  align-items: center;
  background-color: rgba(124, 124, 124, 0.3176470588) !important;
}
.owl-dots .owl-dot.active {
  background-color: var(--brand) !important;
  width: 16px;
  border-radius: 8px;
}

.header__wrapper {
  min-height: calc(100vh - 4rem);
  padding: 6rem 0;
}
.header__wrapper .content__box .btn {
  min-height: 3.5rem;
}
.header__wrapper .bg__layer {
  top: -30%;
  left: -35%;
}
.header__wrapper .bg__layer.second {
  top: -75%;
}
.header__wrapper .bg__layer img {
  min-width: 850px;
}

.carousel-indicators {
  z-index: 99;
}
.carousel-indicators [data-bs-target] {
  width: 24px;
  height: 14px;
  text-indent: inherit;
  border-radius: 14px;
  background-color: var(--brand);
}
.carousel-indicators [data-bs-target].active {
  width: 40px;
}

@media (min-width: 2000px) {
  .header__wrapper {
    min-height: 1080px;
  }
}
@media (max-width: 991px) {
  .header__wrapper .content__box::before {
    width: 100%;
    height: 34rem;
    top: -37%;
    left: -10%;
  }
  .header__wrapper .ndis {
    max-width: 10rem;
  }
}
@media (max-width: 767px) {
  .header__wrapper .content__box::before {
    width: 114%;
    height: 27rem;
    top: -37%;
    left: -8%;
  }
}
@media (max-width: 575px) {
  .header__wrapper .content__box::before {
    display: none;
  }
  .header__wrapper::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(244, 244, 244, 0.3176470588), var(--brand));
  }
  .header__wrapper .btn {
    min-width: 16rem;
  }
  .header__wrapper .ndis {
    max-width: 7rem;
  }
  .carousel-indicators [data-bs-target] {
    background-color: #fff;
  }
}
.layer_header {
  mix-blend-mode: multiply;
}

.layer {
  mix-blend-mode: multiply;
  width: 83%;
  top: 15%;
}

.shape__thumb img {
  border-radius: 65% 35% 65% 35%/73% 39% 61% 27%;
}
.shape__thumb .layer {
  mix-blend-mode: multiply;
  border-radius: 65% 35% 65% 35%/73% 39% 61% 27%;
  width: 90%;
  height: 75%;
  transition: all 0.3s ease-in-out;
}
.shape__thumb:hover .layer {
  width: 100%;
  height: 100%;
}

.service__card .caption {
  background-color: rgba(17, 115, 117, 0.753);
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  top: 1rem;
  left: 1rem;
}

@media (min-width: 992px) {
  .service__card .caption {
    transform: scaleX(0) scaleY(0);
  }
  .service__card:hover .caption {
    transform: scale(1);
  }
}
.serviceCarousel .owl-dots .owl-dot {
  background-color: rgba(244, 244, 244, 0.3176470588) !important;
}
.serviceCarousel .owl-dots .owl-dot.active {
  background-color: var(--white) !important;
}

.vacancy__card {
  box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.1607843137);
  background-color: #F0F0F0;
}

.HouseVaacancySlider .owl-stage-outer {
  height: calc(100% + 30px);
  margin: -15px;
  padding: 15px;
  width: calc(100% + 30px);
}

.blur {
  filter: blur(1px);
}

.testimonail__card {
  background-color: var(--white);
  margin-top: 3rem;
}
.testimonail__card .desc {
  color: #3C3C3C;
}
.testimonail__card .name {
  color: var(--brand);
}
.testimonail__card .thumbnail {
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: -2.5rem;
  left: 2rem;
}
.testimonail__card:hover {
  background-color: var(--brand);
}
.testimonail__card:hover .desc, .testimonail__card:hover .name {
  color: var(--white);
}

.blog__card .caption {
  background: linear-gradient(to bottom, rgba(244, 244, 244, 0.3176470588), var(--brand));
}

@media (min-width: 992px) {
  .workshop__thumbnail {
    max-width: 30%;
    margin-left: auto;
  }
  .workshop__content {
    position: absolute;
    left: 13%;
  }
}
.valuesSlider .owl-stage, .valuesSlider2 .owl-stage {
  display: flex;
}
.valuesSlider .owl-stage .owl-item, .valuesSlider2 .owl-stage .owl-item {
  display: flex;
}

.page__header .title__bg {
  max-width: 24rem;
}
.page__header .title {
  min-width: 20rem;
  padding-left: 2rem;
  text-align: center;
}

@media (max-width: 575px) {
  .page__header .title__bg {
    max-width: 14rem;
  }
  .page__header .title__bg.large {
    max-width: 18rem;
  }
  .page__header h1 {
    text-align: center;
  }
  .page__header .title {
    font-size: 1.25rem !important;
    min-width: 15rem;
    margin-top: -1rem !important;
  }
}
.contact__card {
  background-color: #F2F2F2;
  border: 1px solid #ddd;
}
.contact__card .icon {
  width: 3.5rem;
  height: 3.5rem;
}

.career__card {
  background-color: #E8E8E8;
}
.career__card:hover {
  background-color: var(--brand);
  color: var(--white);
}
.career__card:hover .text-4b {
  color: var(--white);
}
.career__card:hover .btn-primary {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--brand);
}
.career__card:hover .btn-primary:hover, .career__card:hover .btn-primary:focus, .career__card:hover .btn-primary:active {
  background-color: transparent;
  color: var(--white);
}

.m-signature-pad--body canvas {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 250px;
  border: 1px solid #CCCCCC;
}

.career__forn .form-control, .career__forn .form-select {
  background-color: rgba(129, 129, 129, 0.2431372549);
  border-color: var(--white);
  color: var(--white);
}
.career__forn .form-control::-moz-placeholder, .career__forn .form-select::-moz-placeholder {
  color: #CCCCCC;
}
.career__forn .form-control::placeholder, .career__forn .form-select::placeholder {
  color: #CCCCCC;
}
.career__forn .iti--separate-dial-code .iti__selected-flag {
  background-color: rgb(255, 255, 255);
}/*# sourceMappingURL=style.css.map */