/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

html {
  font-size: 16px;
  overflow-x: clip;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

body {
  position: relative;
  /* font-family: 'Poppins', sans-serif; */
  font-family: "Raleway", sans-serif;
  background: #fff;
  overflow-x: clip;
  margin: 0 !important;
}

/*.container {
    max-width: 1170px;
}*/

:root {
  --white: #ffffff;
  --black: #000;
  --gary-color: #727272;
  --lightgary-color: #b2b9bd;
  --theme-color: #00407b;
  --primary-color: #61ad4e;
}

p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 2;
  color: var(--white);
}

h1,
h2,
h3,
h4 {
  color: #000;
  font-family: "Chapaza";
}

.img-auto {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

a,
button {
  text-decoration: none !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover,
button:hover {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

figure {
  margin: 0;
}

section {
  padding: 5rem 0;
}

@font-face {
  font-family: "Chapaza";
  src: url("../fonts/Chapaza-Regular.eot");
  src: url("../fonts/Chapaza-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Chapaza-Regular.woff2") format("woff2"),
    url("../fonts/Chapaza-Regular.woff") format("woff"),
    url("../fonts/Chapaza-Regular.ttf") format("truetype"),
    url("../fonts/Chapaza-Regular.svg#Chapaza-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* loader */

#preloader {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #000;
  margin: auto;
  overflow: hidden;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1111;
}

#preloader .loaderLottie {
  width: 500px;
}

#preloader>span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-align: center;
  visibility: hidden;
  font-size: 8rem;
  color: #fff8;
  width: 100%;
}

#preloader>span:last-of-type {
  color: #fff;
}

/* loader */

/* Cursor Start */

#cursor-follow {
  width: 10px;
  height: 10px;
  border: 0;
  background: #fff;
  box-shadow: 0 0 80px 45px #0093fd;
  border-radius: 100%;
  position: fixed;
  transition-duration: 50ms;
  transition-timing-function: linear;
  pointer-events: none;
  z-index: 11;
}

/* Cursor End */

/* btn css */

.themeBtn {
  background: var(--theme-color);
  font-size: 14px;
  color: var(--white);
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  padding: 1em 1.21em;
  border-radius: 50px;
  line-height: normal;
}

.themeBtn.borderBtn {
  background: transparent;
  border: 1px solid #fff;
  padding: 1.04em 2em;
}

/* btn css */

/* mouse animation css  */

.bounce-element {
  animation: bounce 0.9s infinite alternate;
  -webkit-animation: bounce 0.9s infinite alternate;
}

@keyframes bounce {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-15px);
  }
}

.mouse {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 11;
  text-align: center;
}

/* mouse animation css  */

/* navigation css */

header {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
  padding: 1.5rem 0;
}

header .container-fluid {
  padding: 0 3rem;
}

.navbar-nav {
  align-items: center;
  justify-content: space-between;
  /* width: 100%; */
  gap: 1rem;
  margin-right: 2.5rem;
}

.navbar-nav .nav-item .nav-link {
  font-size: 14px;
  color: var(--white);
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 0;
  display: inline-block;
  background: var(--theme-color);
  padding: 1em 1.21em;
  border-radius: 50px;
}

.navbar-nav .nav-item :is(.nav-link:hover, .nav-link.active) {
  background: var(--primary-color);
}

/* navigation css */

/* slider css */

.mainSlider {
  height: 1016px;
  position: relative;
  z-index: 1;
  background: url(../images/slidebg.webp) no-repeat top center/ cover;
}

.homeSlider.swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.homeSlider.swiper-container .swiper-slide {
  /* overflow: hidden; */
}

.homeSlider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.slideContent {
  text-align: left;
}

.slideImg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* flex-direction: column; */
}

.slideImg figure {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  gap: 1.3rem;
}

.radius1 {
  border-radius: 127px 135px 20px 128px;
  transform: translate(-50px, -50px);
}

.radius2 {
  border-radius: 168px 168px 168px 25px;
  transform: translate(50px, -50px);
}

.radius3 {
  border-radius: 112px 20px 114px 114px;
  display: table;
  margin-left: auto;
  transform: translate(-50px, 50px);
}

.radius4 {
  border-radius: 20px 128px 127px 135px;
  transform: translate(50px, 50px);
}

.slideImg>figure img {
  opacity: 0;
  visibility: hidden;
}

.slideImg figure+figure {
  align-items: flex-start;
}

.slideContent h5 {
  font-size: 1.625rem;
  color: var(--primary-color);
  opacity: 0;
  visibility: hidden;
}

.slideContent h3 {
  font-size: 5rem;
  color: var(--white);
  margin: 0;
}

.slideContent h3 .word .char {
  transform: translateX(-50px);
  opacity: 0;
  visibility: hidden;
}

.circle {
  width: 500px;
  height: 500px;
  background: rgb(217 241 232 / 10%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scale(5);
}

.circle.circleTop {
  top: -10rem;
  left: -7rem;
  /* transform-origin: top left; */
}

.circle.circleBottom {
  top: inherit;
  bottom: -11rem;
  right: -18rem;
  left: inherit;
  /* transform-origin: bottom right; */
}

/* slider css */

.chooseMain {
  background: var(--theme-color);
  position: relative;
  padding: 2rem 0;
  z-index: 1;
  margin-top: 0;
}

.choseImg figure {
  border-radius: 50px;
  overflow: hidden;
  height: 593px;
  width: 100%;
}

.choseImg figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shape1 {
  margin-top: -227px;
}

.subHeading {
  font-size: 1.625rem;
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 1rem;
}

.smallHeading {
  font-size: 1.625rem;
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 1rem;
}

.subHeading span {
  width: 16px;
  height: 16px;
  /* background: var(--white); */
  display: inline-block;
  border-radius: 50%;
  animation: pulse 2s linear infinite forwards;
}

.heading {
  font-size: 2.78rem;
  color: var(--white);
  margin: 0 0 1.5rem;
}

.chooseContent figure {
  width: 153px;
  height: 147px;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 114px 114px 112px 20px;
  margin: 0 0 1.8rem;
}

.chooseContent h3 {
  font-size: 2.125rem;
  color: var(--white);
}

.themeBtn.greenBtn {
  background: #61ad4e;
  padding: 1.13em 2.11em;
  font-size: 1rem;
}

.shape2 {
  margin-bottom: -15rem;
}

.dotImg {
  position: absolute;
  left: -23rem;
  width: 27%;
  top: 6rem;
}

.aboutMain {
  background: var(--black);
  padding-top: 14rem;
  padding-bottom: 10rem;
  position: relative;
  overflow: hidden;
}

.chooseContent.aboutContent ul {
  display: flex;
  margin: 20px 0 10px;
}

.chooseContent.aboutContent ul li h2 {
  font-size: 1.875rem;
  color: var(--white);
  margin: 0 0 4px;
}

.chooseContent.aboutContent ul li p {
  line-height: 1.75;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}

.abtImg figure {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
}

.abtImg figure img {
  border-radius: 158px;
  margin-right: -8rem;
  position: relative;
  z-index: 111;
  margin-bottom: -7rem;
}

.abtImg figure img+img {
  border-radius: 261px 265px 25px 262px;
  margin: 0;
  z-index: 1;
}

.chooseContent.aboutContent .heading {
  margin: 0 0 0.3rem;
}

.aboutMain .dotImg {
  top: inherit;
  bottom: 8rem;
  left: -20rem;
  /* opacity: 16%; */
}

.chooseContent.aboutContent .subHeading span {
  /*background: var(--primary-color);*/
  animation: pulse 2s linear infinite forwards;
}

@keyframes pulse {
  0% {
    background: var(--primary-color);
  }

  50% {
    background: var(--white);
  }

  100% {
    background: var(--primary-color);
  }
}

.partnerMain {
  /* background-image: url(../images/partnerimg1.webp);
  background-repeat: no-repeat;
  background-size: 47%;
  background-position: top right; */
  padding: 0;
  position: relative;
  z-index: 1;
}

.partnerMain::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(../images/partnerbg.webp) center center;
  background-size: cover;
  z-index: -1;
}

.partnerImg {
  margin-right: -18rem;
  text-align: right;
}


.partnerMain .shade {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(97 173 78 / 88%);
  /*width: 53%;*/
  height: 100%;
  z-index: -1;
}

.chooseContent.partnerContent .heading {
  margin: 0 0 0.5rem;
}

.chooseContent.partnerContent .themeBtn.greenBtn {
  background: var(--white);
  color: var(--primary-color);
}

.partnerMain .dotImg {
  top: inherit;
  bottom: 2rem;
  left: -19rem;
}

.dotImg {
  transform: rotate(-20deg);
}

.realMain {
  background: var(--black);
  position: relative;
  padding-bottom: 13rem;
}

.realImg {
  position: relative;
}

.realImg .circleImg {
  position: absolute;
  left: 0;
}

.circleShape {
  margin-left: -2.2rem;
  margin-top: -35px;
  animation: rotateText 10s linear infinite;
}

@keyframes rotateText {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.chooseContent.realContent .subHeading span {
  background: var(--primary-color);
}

.chooseContent.realContent .heading {
  width: 70%;
  margin: 0 0 1.5rem;
}

ul.counter {
  display: flex;
  gap: 1.2rem;
}

ul.counter li {
  width: 192px;
  height: 122px;
  border: 1px solid #00407b;
  border-radius: 22px;
  padding: 23px 1.3rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

ul.counter li h2 {
  font-size: 3.125rem;
  color: var(--white);
  margin: 0;
  line-height: 1;
}

ul.counter li p {
  font-size: 14px;
  margin: 0;
  line-height: 1.8;
  white-space: nowrap;
}

ul.counter li:hover {
  border-color: var(--primary-color);
}

.realMain .dotImg {
  left: inherit;
  right: -20.8rem;
  top: 4rem;
  transform: rotate(5deg);
}

.serviceMain {
  background: var(--theme-color);
  position: relative;
  padding-top: 1rem;
  padding-bottom: 0rem;
}

.serviceMain figure {
  text-align: center;
}

.angerContent.collapseCont .heading {
  margin: 0 0 0.5rem;
}

.serviceMain .themeBtn {
  background: var(--white);
  color: var(--primary-color);
}

.serviceMain .shape1 {
  margin-top: -207px;
}

.serviceMain .shape2 {
  margin-bottom: -10rem;
}

.reviewMain {
  padding-top: 12rem;
  background: var(--black);
  padding-bottom: 6rem;
}

.reviewContent {
  position: relative;
}

.reviewContent img {
  position: absolute;
  top: 115px;
}

.reviewContent .heading {
  margin: 0 0 4rem;
}

.stars i {
  color: #dbd523;
  font-size: 1.8rem;
}

.stars {
  margin: 0 0 1rem;
}

.reviewContent p {
  font-size: 26px;
  font-style: italic;
  line-height: 1.9;
  margin: 0 0 1.5rem;
}

.reviewContent h3 {
  font-size: 1.875rem;
  color: var(--white);
}

.reviewContent h4 {
  font-size: 1.125rem;
  color: var(--white);
  margin: 0;
}

.mySwiper {
  margin-top: 1.5rem;
}

.reviewUser {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.reviewUser h2 {
  font-size: 1.25rem;
  color: var(--white);
  margin: 0;
}

.reviewUser p {
  font-size: 12px;
  margin: 0;
}

.reviewUser figure img {
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mySwiper .swiper-slide .reviewUser {
  opacity: 50%;
}

.mySwiper .swiper-slide-thumb-active .reviewUser {
  opacity: 1;
}

.mySwiper .swiper-slide-thumb-active .reviewUser figure img {
  border-color: var(--white);
}

.clientImg figure {
  display: flex;
  align-items: center;
  gap: 1.7rem;
  margin-left: 3rem;
}

.clientImg figure img {
  border-radius: 20px;
}

.clientImg figure img+img {
  margin-top: 0;
}

.clientImg figure img.center {
  margin-top: -4rem;
}

.blogMain {
  background: url(../images/blogbg.webp) no-repeat top center/ cover;
  position: relative;
  z-index: 1;
  padding-bottom: 14rem;
}

.blogMain:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(97 173 78 / 83%);
  z-index: -1;
}

.blogSlider {
  margin-right: -29rem;
}

.blogSlider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--white);
}

.blogSlider .swiper-pagination {
  bottom: 1.5rem;
  top: auto;
  background: linear-gradient(0deg,
      transparent 20%,
      #72727c 40%,
      transparent 80%);
  left: 1rem;
}

.blogSlider .swiper-button-prev,
.blogSlider .swiper-button-next {
  width: 49px;
  height: 49px;
  border: 3px solid var(--white);
  border-radius: 50%;
  top: auto;
  bottom: 0;
  transition: 0.5s ease;
}

.blogSlider .swiper-button-prev::after,
.blogSlider .swiper-button-next::after {
  font-size: 1rem;
  color: var(--white);
  transition: 0.5s ease;
}

.blogSlider .swiper-button-prev::after {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
}

.blogSlider .swiper-button-next::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
}

.blogSlider .swiper-button-prev {
  left: 17px;
}

.blogSlider .controls-slider {
  padding-left: 8px;
  position: relative;
  margin-top: 5rem;
}

.blogCard figure img {
  border-radius: 20px 20px 0 0;
}

.blogContent {
  background: var(--white);
  padding: 1.3rem 1.8rem;
  border-radius: 0 0 20px 20px;
}

.blogContent h2 {
  font-size: 1.325rem;
  line-height: 1.4;
}

.blogContent p {
  font-size: 1rem;
  color: var(--black);
  line-height: 1.8;
  margin: 0 0 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.blogContent a {
  font-size: 14px;
  color: #6caf5a;
  font-weight: 400;
  text-transform: uppercase;
}

/* Footer Css Start */

footer {
  padding-top: 0rem;
  background: #000;
  position: relative;
  z-index: 1;
}

footer h3 {
  font-size: 1.75rem;
  margin-bottom: 1.2rem;
  color: var(--white);
}

footer ul li a {
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
}

footer ul li a:hover {
  color: var(--secondary);
}

.links li a {
  text-transform: uppercase;
}

.links li+li {
  padding-top: 10px;
}

.contactLinks li a {
  font-size: 1.125rem;
  display: inline-flex;
  align-items: flex-start;
  gap: 14px;
}

.contactLinks li:nth-child(1) a {
  font-size: 1.375rem;
}

.contactLinks li+li {
  padding-top: 1.5rem;
}

.footForm input {
  height: 55px;
  border-radius: 50px;
  border: transparent;
  background: #fff;
  width: 100%;
  padding-left: 1.5rem;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 500;
}

.footForm input::placeholder {
  color: #dbdbdb;
}

.footForm {
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: column;
}

.footForm a {
  position: absolute;
  right: 1.5rem;
  font-size: 1.25rem;
  color: var(--primary);
}

.socialLinks {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  margin-top: 0.8rem;
}

.socialLinks li a {
  border: 1px solid var(--white);
  width: 53px;
  height: 53px;
  display: grid;
  place-items: center;
  border-radius: 50px;
  background: var(--white);
  color: #000000;
}

.socialLinks li a img {
  width: 20px;
}

.socialLinks li a:hover img {
  filter: brightness(0) invert(1);
}

.socialLinks li a:hover {
  border: 1px solid var(--secondary);
}

.copyRight {
  border-top: 1px solid rgb(255 255 255 / 20%);
  margin-top: 3rem;
  padding: 1.2rem 0;
}

.copyRight ul {
  gap: 1rem;
}

.footPara {
  font-size: 15px;
  line-height: 1.5;
}

.copyRight p {
  margin: 0;
  font-size: 1rem;
}

ul.contactLinks li h5 {
  font-size: 1rem;
  text-transform: uppercase;
  margin: 0 0 4px;
}

ul.contactLinks li h6 {
  margin: 0;
  padding-right: 0;
  line-height: 1.7;
  font-family: var(--font-family-monospace);
}

.footForm button {
  background: #1a6aac;
  width: 100%;
  border: 0;
  border-radius: 50px;
  font-size: 1rem;
  color: var(--white);
  font-weight: 600;
  padding: 14px 0;
}

.footForm input::placeholder {
  color: #000000;
}

.contactLinks li a span {
  flex-shrink: 0;
}

.ftrPara {
  font-size: 14px;
  margin: 20px 0 0;
  font-weight: 600;
}

.themeBtn:hover {
  background: var(--primary-color);
  color: var(--white);
}

.themeBtn.greenBtn:hover {
  background: var(--black);
}

.chooseContent.aboutContent .themeBtn.greenBtn {
  background: var(--theme-color);
}

.chooseContent.partnerContent .themeBtn.greenBtn:hover {
  background: var(--theme-color);
  color: var(--white);
}

.footForm button:hover {
  background: var(--primary-color);
}

.socialLinks li a:hover {
  background: var(--theme-color);
  color: var(--white);
  border-color: var(--theme-color);
}

footer .shape1 {
  margin-top: -177px;
}

/* Footer Css End */

.chooseSlider {
  margin-left: 16.5rem;
}

.chooseMain .sliderBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #333;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: grid;
  place-items: center;
  color: var(--primary-color);
  font-size: 1.5rem;
  z-index: 111;
  cursor: pointer;
  transition: all 0.3s linear;
}

.chooseMain .sliderBtn:hover {
  background: var(--primary-color);
  color: #333;
}

.sliderBtn.chooseSwiperNextBtn {
  left: 90%;
  transform: translate(-90%, -50%);
}

.sliderBtn.chooseSwiperPrevBtn {
  left: 10%;
  transform: translate(-10%, -50%);
}

.chooseSlider .swiper-slide {
  overflow: hidden;
}

.subHeading .char {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-280px) rotate(-45deg);
}

.serviceMain .cards {
  position: relative;
}

.serviceMain .cards .stackCard {
  position: sticky;
  top: 15%;
}

.serviceMain .cards .stackCard+.stackCard {
  margin-top: 50px;
}

.stackCard figure img,
.stackCard .heading,
.stackCard .heading+p {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}

.stackCard.active figure img,
.stackCard.active .heading,
.stackCard.active .heading+p {
  opacity: 1;
  visibility: visible;
}

/* INNER PAGES */

.inner-main {
  overflow: hidden;
}

.inner-main .radius1 {
  border-radius: 20px 135px 20px 128px;
  transform: translate(-50px, -50px);
}

.inner-main .radius2 {
  border-radius: 168px 20px 168px 25px;
  transform: translate(50px, -50px);
}

.inner-main .radius3 {
  border-radius: 112px 20px 114px 20px;
  display: table;
  margin-left: auto;
  transform: translate(-50px, 50px);
}

.inner-main .radius4 {
  border-radius: 20px 128px 20px 135px;
  transform: translate(50px, 50px);
}

.over-floow {
  overflow: hidden;
}

/* About PAGE */

#inner-about {
  background-color: var(--theme-color);
  position: relative;
  padding: 2rem 0;
  overflow: visible;
}

#inner-about .shape1,
#inner-about .shape2 {
  position: relative;
  z-index: 2;
}

.about-services {
  background-color: var(--black);
  padding: 15.625rem 0 13.5rem;
  text-align: center;
  position: relative;
}

.about-services::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 610px;
  background-color: var(--primary-color);
  z-index: 0;
}

.video-box {
  border-radius: 1.875rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.video-box> :is(img, video) {
  width: 100%;
  object-fit: cover;
}

.video-box--about video {
  height: 370px;
}

.video-box .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.videotext-link {
  font-size: 8rem;
  -webkit-text-stroke: 1px var(--black);
  background: var(--white);
  background: linear-gradient(to bottom, var(--black) 50%, transparent 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: -4.8rem;
  position: relative;
  user-select: none;
  z-index: 2;
}

/* CONTACT PAGE */

.contact-section {
  margin-top: -9.125rem;
  padding: 9.125rem 0 5rem;
  background: url("../images/green-bg.webp") top center no-repeat;
  position: relative;
  z-index: 1;
}

.contactForm .row {
  gap: 3.125rem 0;
}

.contactForm .form-control {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--white);
  border-radius: 0;
  padding: 0;
  height: 70px;
  color: var(--white);
}

.contactForm .form-control:focus {
  box-shadow: none;
}

.contactForm .form-control::placeholder {
  color: var(--white);
}

.contact--item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2.25rem;
}

.contact--item figure {
  width: 118px;
  height: 118px;
  background-color: var(--white);
  border-radius: 50%;
  border: 2px solid #00203e;
  display: grid;
  place-items: center;
}

.contact--item div {
  display: flex;
  flex-direction: column;
}

.contact--item div p {
  color: var(--white);
  margin: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.contact--item div a {
  color: var(--white);
  font-family: "Poppins", sans-serif;
}

.map iframe {
  width: 100%;
  height: 689px;
  display: block;
}

#inner-about1 {
  background: url("../images/sm-green-bg.webp");
  margin: -150px 0;
  padding: 10rem 0 9rem;
  position: relative;
  z-index: 1;
}

.employee-section {
  position: relative;
  padding: 15.625rem 0;
  background: linear-gradient(to bottom, var(--black) 0%, #00407b 80%);
}

.title {
  font-size: 6.25rem;
  color: var(--white);
}

.employmentform .row {
  gap: 1.875rem 0;
}

.employmentform .form-control {
  border-radius: 2.75rem;
  padding: 1rem 1.5rem;
  border: 1px solid #b9b9b9;
}

.employmentform input.form-control {
  height: 70px;
}

.employmentform textarea.form-control {
  border-radius: 2rem;
  padding: 1.875rem 1.5rem;
}

/* Communities PAGE */

.aboutMain1 {
  background-color: var(--black);
  padding: 20rem 0 15rem;
  position: relative;
  margin-top: -15rem;
}

/* Health Providers Page */

.healthBanner .radius1 {
  border-radius: 127px 135px 127px 20px;
}

.healthBanner .radius3 {
  border-radius: 20px 114px 114px 114px;
}

.healthBanner .radius2 {
  border-radius: 168px 168px 25px 168px;
}

.healthBanner .radius4 {
  border-radius: 127px 20px 127px 135px;
}

#inner-about2 {
  background: url(../images/green-bg.webp) center center no-repeat;
  margin: -150px 0;
  padding: 12rem 0 13.5rem;
  z-index: 1;
}

#inner-about2 .realImg {
  display: flex;
  gap: 0.75rem;
}

#inner-about2 .realImg img:first-child {
  border-radius: 261px 265px 25px 262px;
}

#inner-about2 .realImg img:last-child {
  border-radius: 25px 265px 261px 262px;
}

#inner-about2 .dotImg {
  bottom: 15rem;
}

.ourVideo {
  background: var(--black);
  padding: 9rem 0 15rem;
}

.ourVideo .videotext-link {
  -webkit-text-stroke: 1px var(--white);
  background: linear-gradient(to top, var(--white) 50%, transparent 50%);
  -webkit-background-clip: text;
}

.ourVideo .video-box>img {
  width: 100%;
  height: 775px;
  object-fit: cover;
}

/* Services Page */

.servicesInner {
  padding: 6rem 0 16rem;
  background: var(--black);
}

.servicesInner::before {
  content: "";
  width: 100%;
  height: 860px;
  background: url(../images/sm-green-bg.webp) no-repeat center center;
  position: absolute;
  top: -4%;
  left: 0;
  z-index: 1;
}

.servicesInner::after {
  content: "";
  width: 100%;
  height: 860px;
  /* background: url(../images/sm-blue-bg.webp) no-repeat; */
  position: absolute;
  top: 50%;
  left: 0;
}

.servicesInner .chooseContent {
  position: relative;
  z-index: 1;
}

.servicesInner .cards {
  position: relative;
  margin-top: 2rem;
  z-index: 1;
}

.servicesList {
  display: flex;
  align-items: center;
  color: #fff;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.servicesList .line {
  width: 6px;
  background: #fff;
}

.servicesList .line+.count+.line {
  height: 425px;
}

.servicesList .line:is(:first-child, :last-child) {
  height: 200px !important;
}

.servicesList .count {
  width: 50px;
  height: 50px;
  font-size: 1.5rem;
  font-weight: 600;
  background: var(--white);
  color: var(--black);
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/*  */

.communitiesTabsWrapper {
  position: relative;
  z-index: 2;
  /* margin-top: -10rem; */
  background: var(--black);
}

.communitiesTabsWrapper .nav {
  height: 400px;
  overflow-y: auto;
  flex-wrap: nowrap;
}

.communitiesTabsWrapper .nav::-webkit-scrollbar {
  width: 5px;
}

.communitiesTabsWrapper .nav::-webkit-scrollbar-track {
  background: #bbcde4;
}

.communitiesTabsWrapper .nav::-webkit-scrollbar-thumb {
  background: var(--theme-color);
}

.communitiesTabsWrapper .nav::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}

.communitiesTabsWrapper .nav-pills .nav-link {
  color: var(--white);
  margin-bottom: 0.5rem;
  transition: all 300ms ease;
}

.communitiesTabsWrapper .nav-pills .nav-link.active,
.communitiesTabsWrapper .nav-pills .show>.nav-link,
.communitiesTabsWrapper .nav-pills .nav-link:hover {
  color: var(--primary-color);
  background-color: transparent;
  font-weight: 600;
  border-right: 1px solid var(--primary-color);
  border-radius: 0;
}

.communitiesTabs__content .heading {
  font-size: 2rem;
  color: var(--primary-color);
  font-weight: 500;
  margin-bottom: 0.25rem;
  text-transform: capitalize;
}

.communitiesTabs__list {
  display: flex;
  gap: 1rem;
}

.communitiesTabs__list ul {
  padding-left: 1.25rem;
}

.communitiesTabs__list ul li {
  list-style: disc;
  color: var(--white);
}

.communitiesTabs__list ul li p {
  font-size: 0.9rem;
}

.communitiesTabs__list ul li::marker {
  color: var(--white);
}

.communitiesTabs__content p {
  color: var(--white);
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.communities--shape2 {
  margin-bottom: -35rem;
}

/* privacy-section */

.privacy-section,
.blogDetails__sec {
  background-color: var(--black);
  padding: 15rem 0;
}

.privacy-content p a {
  color: var(--white);
  font-weight: 600;
  text-decoration: underline !important;

  &:hover {
    color: var(--primary-color);
  }
}

/* blogDetails__sec */

.blogDetails__sec img {
  height: 500px;
  object-fit: cover;
  object-position: top;
}

.blogDetails__sec .blogContent h2 {
  font-size: 1.75rem;
}

.navbar-brand img {
  width: 300px;
  filter: drop-shadow(0px 0px 1px #fff);
}

/* services list */
.services-list {
  background-color: var(--black);
  padding: 10rem 0;
}

.services-list__content li {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 3rem;
}

.services-list__content li::before {
  content: "\f00c";
  color: var(--primary-color);
  font-family: "Font Awesome 5 Pro";
  font-size: 1.75rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.services-list__content .title {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
  color: var(--primary-color);
}

.services-list__content p {
  line-height: 1.65;
}

/* Community List */
.communityList {
  background: var(--black);
  padding: 15rem 0 1rem;
}

.communityList__content ul {
  column-count: 3;
  color: var(--white);
  list-style: disc;
  padding-left: 1rem;
}

.communityList__content ul li {
  margin-bottom: 1rem;
}

.termlink {
  justify-content: end;
}

.newco {
  padding: 2rem 0 12rem;
}

.communities--shape2 {
  margin-bottom: -14rem;
}

.list-link {
  color: var(--primary-color);
  font-size: inherit !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

.list-link:hover {
  color: var(--theme-color);
}