@font-face {
  font-family: light;
  src: url("/fonts/Roboto-Light.ttf");
}
@font-face {
  font-family: Regular;
  src: url("/fonts/NeueMachina-Regular.otf");
}
@font-face {
  font-family: Ultra;
  src: url("/fonts/NeueMachina-Ultrabold.otf");
}
body {
  font-family: Regular;
  background: linear-gradient(216.14deg, #000000 21.36%, #00391e 76.84%);
  background-repeat: no-repeat;
  height: auto;
  min-height: 100vh;
  width: 100%;
}
.navbar_section {
  font-family: Regular;
  background: transparent;
  width: 100%;
}
.navlogimg {
  height: 40px;
  width: auto;
}
.navbar-dark .navbar-toggler {
  border: none;
  box-shadow: none;
}
.cards_section {
  margin-top: 15px;
  height: auto;
  min-height: 85vh;
}
.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * 0);
  margin-right: calc(var(--bs-gutter-x) * 0);
  margin-left: calc(var(--bs-gutter-x) * 0);
}
.right_side_cards_main_div {
  overflow-x: hidden;
}
.dropdown-toggle::after {
  display: none;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
  transition: all 1s;
}
/* Left_Side_Cards */
.left_side_card_body_div {
  width: 100%;
  max-width: 500px;
  background: radial-gradient(
      61.38% 61.38% at 92.39% 38.62%,
      rgba(78, 223, 154, 0.2) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    radial-gradient(
      46.27% 46.27% at 11.64% 18.44%,
      rgba(78, 223, 154, 0.6) 0%,
      rgba(255, 255, 255, 0.6) 74.88%
    ),
    linear-gradient(0deg, #ffffff, #ffffff);
  padding: 15px 40px;
  position: relative;
  z-index: -8;
  border-radius: 5px;
}
.left_side_card_inner_text_div {
  color: black;
}
.left_side_card1_body_div {
  background: radial-gradient(
      61.38% 61.38% at 92.39% 38.62%,
      rgba(78, 223, 154, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    radial-gradient(
      46.27% 46.27% at 11.64% 18.44%,
      rgba(78, 223, 154, 0.6) 0%,
      rgba(255, 255, 255, 0.6) 74.88%
    ),
    linear-gradient(0deg, #ffffff, #ffffff);
  padding: 15px 40px;
  height: auto;
  min-height: 388px;
  width: 100%;
  max-width: 335px;
  box-shadow: 0px 4px 4px 5px #00000040;
  border-radius: 5px;
}
.left_side_card1_text_div h1 {
  font-family: Ultra;
  font-weight: 900;
  font-size: 65.5px;
}
.left_side_card1_text_div h1 span {
  color: #006837;
}
.left_side_card1_text_div p {
  font-family: Ultra;
  font-size: 14px;
  position: absolute;
  color: #000;
  width: 100%;
  max-width: 390px;
}
.left_side_card2_main_div {
  display: flex;
  position: relative;
  margin-left: 50px;
}
.left_side_card2_body_div {
  background: radial-gradient(
      61.38% 61.38% at 92.39% 38.62%,
      rgba(78, 223, 154, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    radial-gradient(
      46.27% 46.27% at 11.64% 18.44%,
      rgba(78, 223, 154, 0.6) 0%,
      rgba(255, 255, 255, 0.6) 74.88%
    ),
    linear-gradient(0deg, #ffffff, #ffffff);
  padding: 15px 40px;
  height: auto;
  min-height: 400px;
  width: 100%;
  max-width: 270px;
  position: absolute;
  z-index: -5;
  left: 250px;
  box-shadow: 0px 4px 4px 5px #00000040;
  top: -75px;
  border-radius: 5px;
}
.left_side_card3_main_div {
  background: radial-gradient(
      61.38% 61.38% at 92.39% 38.62%,
      rgba(78, 223, 154, 0.2) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    radial-gradient(
      46.27% 46.27% at 11.64% 18.44%,
      rgba(78, 223, 154, 0.6) 0%,
      rgba(255, 255, 255, 0.6) 74.88%
    ),
    linear-gradient(0deg, #ffffff, #ffffff);
  width: 100%;
  max-width: 320px;
  padding: 20px 20px;
  display: none;
  border-radius: 5px;
}
.left_side_card3_main_div p {
  font-family: Regular;
  font-size: 14px;
  color: #000;
}
/* Right_Side_Cards */

/* Card1========================================*/
.scene {
  width: 400px;
  height: 220px;
  border: none;
  perspective: 600px;
  margin: auto;
}
.card1 {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
  user-select: none;
  border: none;
}
.card1.is-flipped {
  transform: rotateY(180deg);
}
.right_backside_card1_inner_div h5 {
  font-family: Ultra;
}
.card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  color: white;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 15px;
  padding-bottom: 0px;
}
.card__face--front {
  background: #2e994c;
  box-shadow: 0px 0px 4px 0px #00000040;
  border-radius: 5px;
}
.card__face--back {
  background: #2e994c;
  transform: rotateY(180deg);
  border-radius: 5px;
}
.right_back_side_card1_img_div {
  display: flex;
  justify-content: center;
}
.right_back_side_card1_img_div img {
  width: 330px;
  height: 173px;
}
/* Card1_Back_side */
.right_back_side_card1_title_div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.right_back_side_card1_title_div img {
  height: 35px;
  width: auto;
}
.card1_back_side_inner_text_div small {
  font-size: 17px;
  font-family: Regular;
}
/* Crad2====================================== */
.card2 {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}
.card2.is-flipped2 {
  transform: rotateY(180deg);
}
.card__face2--front {
  background: #29a69e;
  border-radius: 5px;
}
.card__face2 {
  position: absolute;
  width: 100%;
  height: 100%;
  color: white;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 15px;
  padding-bottom: 0px;
}
.card__face2--back {
  background: #29a69e;
  border-radius: 5px;
  transform: rotateY(180deg);
}
.scene2 {
  width: 460px;
  height: 210px;
  border: none;
  perspective: 600px;
  position: relative;
  top: -30px;
  left: 100px;
  margin: auto;
}
.right_side_card2_img_div {
  display: flex;
  justify-content: center;
}
.right_side_card2_img_div img {
  width: 300px;
  height: 163px;
}
.right_side_card2_inner_div h5 {
  font-family: Ultra;
}
/* Card2 Back */
.right_back_side_card2_title_div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.right_back_side_card2_title_div img {
  height: 38px;
  width: auto;
}
.right_back_side_card2_text_div {
  margin-top: 20px;
}
.right_back_side_card2_text_div small {
  font-family: Regular;
  font-size: 17px;
}
/* Card3===================================*/
.card3 {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}
.card3.is-flipped3 {
  transform: rotateY(180deg);
}
.scene3 {
  width: 400px;
  height: 200px;
  border: none;
  perspective: 600px;
  position: relative;
  top: -50px;
  bottom: 0px;
  margin: auto;
}
.card__face3 {
  position: absolute;
  width: 100%;
  height: 100%;
  color: white;
  font-weight: bold;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 15px;
}
.card__face3--front {
  border-radius: 5px;
  background: #1ea564;
}
.card__face3--back {
  background: #1ea564;
  border-radius: 5px;
  transform: rotateY(180deg);
}
.right_side_card3_img_div {
  display: flex;
  justify-content: end;
}
.right_side_card3_img_div img {
  height: 152px;
  width: 260px;
}
.right_side_card3_back_title_div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.right_side_card3_back_title_div img {
  height: 35px;
  width: auto;
}
.right_card3_back_text_div small {
  font-family: Regular;
  font-size: 17px;
  color: #fff;
  font-weight: 400;
}
.right_side_card_front_div h5 {
  font-family: Ultra;
}
.footer_main_div {
  margin-bottom: 15px;
  color: #fff;
  text-align: center;
}
@media (max-width: 1250px) {
  .home_container {
    width: 100%;
    max-width: none;
    padding: 0px;
    margin: 0px;
  }
  .right_back_side_card2_text_div {
    margin-top: 10px;
  }
  .card1_back_side_inner_text_div small {
    font-size: 14px;
    font-family: Regular;
  }
  .right_card3_back_text_div small {
    font-family: Regular;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
  }
  .right_back_side_card2_text_div small {
    font-family: Regular;
    font-size: 14px;
  }
  .scene {
    width: 360px;
    height: 200px;
    border: none;
    perspective: 600px;
    margin: auto;
  }
  .scene2 {
    width: 360px;
    height: 210px;
    border: none;
    perspective: 600px;
    position: relative;
    top: -30px;
    left: 50px;
    margin: auto;
  }
  .scene3 {
    width: 360px;
    height: 185px;
    border: none;
    perspective: 600px;
    margin: auto;
  }
  .right_side_card3_img_div img {
    height: 138px;
    width: 260px;
  }
  .right_back_side_card1_img_div img {
    width: 330px;
    height: 153px;
  }
}
@media (max-width: 1150px) {
  .left_side_card_body_div {
    width: 100%;
    max-width: 500px;
    background: radial-gradient(
        61.38% 61.38% at 92.39% 38.62%,
        rgba(78, 223, 154, 0.2) 0%,
        rgba(0, 0, 0, 0) 100%
      ),
      radial-gradient(
        46.27% 46.27% at 11.64% 18.44%,
        rgba(78, 223, 154, 0.6) 0%,
        rgba(255, 255, 255, 0.6) 74.88%
      ),
      linear-gradient(0deg, #ffffff, #ffffff);
    padding: 15px 40px;
    position: relative;
    z-index: -8;
  }
  .left_side_card_inner_text_div {
    color: black;
  }
  .left_side_card1_body_div {
    background: radial-gradient(
        61.38% 61.38% at 92.39% 38.62%,
        rgba(78, 223, 154, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 100%
      ),
      radial-gradient(
        46.27% 46.27% at 11.64% 18.44%,
        rgba(78, 223, 154, 0.6) 0%,
        rgba(255, 255, 255, 0.6) 74.88%
      ),
      linear-gradient(0deg, #ffffff, #ffffff);
    padding: 15px 40px;
    height: auto;
    min-height: 388px;
    width: 100%;
    max-width: 335px;
    box-shadow: 0px 4px 4px 5px #00000040;
  }
  .left_side_card1_text_div h1 {
    font-family: Ultra;
    font-weight: 900;
    font-size: 65.5px;
  }
  .left_side_card1_text_div h1 span {
    color: #006837;
  }
  .left_side_card1_text_div p {
    font-family: Ultra;
    font-size: 14px;
    position: absolute;
    color: #000;
    width: 100%;
    max-width: 390px;
  }
  .left_side_card2_main_div {
    display: flex;
    position: relative;
    margin-left: 50px;
  }
  .left_side_card2_body_div {
    background: radial-gradient(
        61.38% 61.38% at 92.39% 38.62%,
        rgba(78, 223, 154, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 100%
      ),
      radial-gradient(
        46.27% 46.27% at 11.64% 18.44%,
        rgba(78, 223, 154, 0.6) 0%,
        rgba(255, 255, 255, 0.6) 74.88%
      ),
      linear-gradient(0deg, #ffffff, #ffffff);
    padding: 15px 40px;
    height: auto;
    min-height: 400px;
    width: 100%;
    max-width: 270px;
    position: absolute;
    z-index: -5;
    left: 250px;
    box-shadow: 0px 4px 4px 5px #00000040;
    top: -75px;
  }
  .left_side_card3_main_div {
    background: radial-gradient(
        61.38% 61.38% at 92.39% 38.62%,
        rgba(78, 223, 154, 0.2) 0%,
        rgba(0, 0, 0, 0) 100%
      ),
      radial-gradient(
        46.27% 46.27% at 11.64% 18.44%,
        rgba(78, 223, 154, 0.6) 0%,
        rgba(255, 255, 255, 0.6) 74.88%
      ),
      linear-gradient(0deg, #ffffff, #ffffff);
    width: 100%;
    max-width: 320px;
    padding: 20px 20px;
    display: none;
  }
  .left_side_card3_main_div p {
    font-family: Regular;
    font-size: 14px;
    color: #000;
  }
}
@media (max-width: 768px) {
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-lg,
  .navbar > .container-md,
  .navbar > .container-sm,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    flex-direction: row-reverse;
  }
  .navlogimg {
    height: 32px;
    width: auto;
  }
}
@media (max-width: 990px) {
  .three_cards_main_div {
    margin-top: 50px;
  }
  .scene {
    width: 320px;
    height: 200px;
    margin: 0;
  }
  .right_back_side_card1_img_div img {
    width: 280px;
    height: 152px;
  }
  .scene2 {
    width: 335px;
    height: 200px;
    border: none;
    perspective: 600px;
    position: relative;
    top: -20px;
    left: 20px;
    margin: 0;
  }
  .right_side_card2_img_div img {
    width: 300px;
    height: 153px;
  }
  .scene3 {
    width: 335px;
    height: 185px;
    border: none;
    perspective: 600px;
    position: relative;
    top: -50px;
    bottom: 0px;
    margin: 0;
  }
  .right_side_card3_img_div img {
    height: 137px;
    width: 260px;
  }
  .card1_back_side_inner_text_div small {
    font-size: 12px;
    font-family: Regular;
  }
  .right_back_side_card2_text_div small {
    font-size: 12px;
  }
  .right_card3_back_text_div small {
    font-size: 13px;
    font-family: Regular;
    font-weight: 400;
  }
}
@media (max-width: 610px) {
  .left_side_card2_body_div {
    display: none;
  }
  .left_side_card1_text_div h1 {
    font-family: Ultra;
    font-weight: 900;
    font-size: 37.5px;
  }
  .left_side_card1_body_div {
    height: auto;
    min-height: 140px;
    width: 100%;
    max-width: 340px;
  }
  .left_side_card1_text_div p {
    display: none;
  }
  .left_side_card3_main_div {
    display: block;
    float: right;
    margin-top: 0px;
  }
  .left_side_card2_main_div {
    margin-left: 0px;
  }
  .left_side_card_body_div {
    width: 100%;
    max-width: 290px;
    float: right;
  }
  .left_side_card_body_div br {
    display: none;
  }
  .left_side_card2_main_div {
    margin: 0px;
    width: 100%;
  }
  .right_back_side_card1_img_div {
    display: flex;
    justify-content: center;
  }
  .scene {
    width: 300px;
    height: 200px;
    margin: 0;
  }
  .right_back_side_card1_img_div img {
    width: 250px;
    height: 131px;
  }
  .scene2 {
    width: 300px;
    height: 200px;
    border: none;
    perspective: 600px;
    position: relative;
    top: -30px;
    left: 30px;
    margin: 0;
  }
  .right_side_card2_img_div img {
    width: 245px;
    height: 148px;
  }
  .scene3 {
    width: 280px;
    height: 175px;
    border: none;
    perspective: 600px;
    position: relative;
    top: -50px;
    bottom: 0px;
    margin: 0;
  }
  .right_side_card3_img_div img {
    height: 127px;
    width: 260px;
  }
  .card1_back_side_inner_text_div small {
    font-size: 12px;
    font-family: Regular;
  }
  .right_back_side_card2_text_div small {
    font-size: 13px;
  }
  .right_card3_back_text_div small {
    font-size: 13px;
    font-family: Regular;
    font-weight: 400;
  }
}
@media (max-width: 350px) {
  .left_side_card1_text_div h1 {
    font-size: 30px;
    margin: 0;
  }
  .left_side_card1_body_div {
    height: auto;
    min-height: 85px;
    width: 100%;
    max-width: 275px;
  }
}
@media (max-width: 320px) {
  .left_side_card2_main_div {
    margin-top: 75px !important;
  }
  .scene {
    width: 260px;
    height: 200px;
    margin: 0;
  }
  .right_back_side_card1_img_div img {
    width: 250px;
    height: 151px;
  }
  .scene2 {
    width: 254px;
    height: 200px;
    border: none;
    perspective: 600px;
    position: relative;
    top: -30px;
    left: 23px;
    margin: 0;
  }
  .right_side_card2_img_div img {
    width: 220px;
    height: 154px;
  }
  .scene3 {
    width: 260px;
    height: 175px;
    border: none;
    perspective: 600px;
    position: relative;
    top: -50px;
    bottom: 0px;
    margin: 0;
  }
  .right_side_card3_img_div img {
    height: 127px;
    width: 260px;
  }
  .card1_back_side_inner_text_div small {
    font-size: 12px;
    font-family: Regular;
  }
  .right_back_side_card2_text_div small {
    font-size: 12px;
  }
  .right_card3_back_text_div small {
    font-size: 13px;
    font-family: Regular;
    font-weight: 400;
  }
}
@media (max-width: 265px) {
  .left_side_card2_main_div {
    margin-top: 126px !important;
  }
}
@media (max-width: 215px) {
  .left_side_card2_main_div {
    margin-top: 174px !important;
  }
}
@media (max-width: 180px) {
  .left_side_card2_main_div {
    margin-top: 198px !important;
  }
  .left_side_card1_text_div h1 {
    font-size: 21px;
    margin: 0;
  }
}