:root {
  --SecondColor: #378146 !important;
}
.body_sticky{
  overflow: hidden !important;
  position: fixed;
}
.BgPrimary {
  background-color: var(--PrimaryColor);
}

.award-content sub {
  bottom: 0px !important;
  color: #575656;
}

.contactus h3 {
  font-size: 22px !important;
  font-weight: 700 !important;
}

.border-1 {
  border: 1px solid #8abd00 !important;
}

.gas_bg_img {
  z-index: 0;
  background-size: auto;
  position: relative;
}

.image_setting_12 {
  height: 452px;
  display: flex;
  align-items: end;
}

.contactus p {
  font-size: 14px !important;
  margin-right: 2em !important;
  margin-bottom: 0px !important;
}

.utilites_slide_box {
  width: 305.2px;
  height: 204.62px;
  border-radius: 10px 10px 10px 100px;
  vertical-align: middle;
  padding: 30px 35px 25px 50px;
  position: absolute;
  z-index: 112;
  bottom: -50px;
  left: -6px;
}

.utilites_slide_box_12 {
  width: 305.2px;
  height: 204.62px;
  border-radius: 10px 10px 10px 100px;
  vertical-align: middle;
  padding: 30px 35px 25px 50px;
  /* margin-top: 200px; */
  margin-left: -16px;
}

.BgPrimarySecond {
  background-color: var(--SecondColor) !important;
}

.font-14 {
  font-size: 14px !important;
}

.owl-dots button.active {
  background-color: var(--SecondColor) !important;
  border: 1px solid var(--SecondColor);
}

.utilities_arrows {
  width: 69px;
  z-index: 12121212;
  height: 69px;
  background-color: gray;
  top: 225px;
  left: 210px;
  position: absolute;
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}

.utilities_arrows button i {
  font-size: 20px;
  color: white;
}

#carouselExampleIndicators .carousel-inner .carousel-item .container-fluid {
  padding: 0px 17px !important;
}

#carouselExampleIndicators .carousel-control-prev {
  left: 15px !important;
}

#carouselExampleIndicators .carousel-control-next {
  right: 15px !important;
}

.utilities_arrows button {
  opacity: 1 !important;
}

#carouselExampleIndicators .owl-dots button {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
  background-color: white;
  padding: 0px !important;
  z-index: 123213;
  border-radius: 3px 0px !important;
  border: 1px solid white;
}

#carouselExampleIndicators .carousel-indicators {
  position: relative !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}

#carouselExampleIndicators .carousel-indicators [data-bs-target] {
  width: 10px !important;
  height: 10px !important;
  border: none !important;
  opacity: 1 !important;
}

#utilities_spark_owl.owl-carousel .owl-stage-outer {
  overflow: inherit !important;
}

#carouselExampleIndicators .owl-dots {
  left: 197px;
  position: absolute;
  top: 420px;
  z-index: 1315355;
}

.font-18 {
  font-size: 18px !important;
}

.font-22 {
  font-size: 22px !important;
}

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

.radius-section {
  border-radius: 10px 10px 100px 10px !important;
}

.utilite_right_side_section {
  padding: 50px 37px;
  z-index: 12312131231321;
  position: absolute;
  right: 0px;
  width: 60%;
  top: 72px;
  display: block;
}

.utilite_right_side_section_12 {
  padding: 50px 37px;
  width: 100%;
  margin-top: 72px;
}

.utilitie_sect_height {
  min-height: 960px;
  height: unset !important;
  max-height: unset !important;
}

.utilite_right_side_section h6 {
  line-height: 27px !important;
}

.graded-box {
  background: #8abd00;
  border: 1px solid #ffffff;
  border-radius: 10px;
  min-height: 160px;
  height: 100%;
  display: grid;
  vertical-align: middle;
  align-items: center;
  padding: 28px 40px;
  margin-bottom: 15px;
}

.utilite_right_side_section_12 .graded-box h6 {
  margin-bottom: 0px !important;
  font-size: 16px !important;
  margin-top: 15px !important;
  line-height: 22px !important;
}

.utilite_right_side_section .graded-box h6 {
  margin-bottom: 0px !important;
  font-size: 16px !important;
  margin-top: 15px !important;
  line-height: 22px !important;
}

.contactus {
  transition: all 2s ease;
}

.utilitie_section_height {
  transition: all 4s ease;
}

.utilite_right_side_section ul {
  column-count: 2;
  align-items: center;
  padding-left: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}

.utilite_right_side_section ul li {
  margin-top: 0px !important;
  margin-bottom: 10px;
  list-style: none;
}

.utilite_right_side_section_12 ul {
  column-count: 2;
  align-items: center;
  padding-left: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}

.utilite_right_side_section_12 ul li {
  margin-top: 0px !important;
  margin-bottom: 10px;
  list-style: none;
}

.w-auto {
  width: auto !important;
}

.graded-box_1 {
  background: #8abd00;
  border: 1px solid #ffffff;
  border-radius: 10px;
  height: 100%;
  min-height: 160px;
  display: grid;
  vertical-align: middle;
  align-items: center;
  padding: 28px 20px;
}

.utilite_right_side_section .graded-box_1 h6 {
  margin-bottom: 0px !important;
  font-size: 16px !important;
  margin-top: 15px !important;
  line-height: 22px !important;
}

.utilite_right_side_section_12 .graded-box_1 h6 {
  margin-bottom: 0px !important;
  font-size: 16px !important;
  margin-top: 15px !important;
  line-height: 22px !important;
}

.utilitie_section_height {
  min-height: unset !important;
}

.utilitie_section_item_height {
  min-height: 930px !important;
}

.contactus form select:after {
  content: "<";
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  position: absolute;
  pointer-events: none;
}

.contactus {
  background-repeat: no-repeat !important;
  padding: 100px 0px !important;
  background-size: 100% 100% !important;
  margin-right: 130px;
  border-radius: 0px 100px 0px 0px !important;
}

.contactus form input[type="text"].form-control,
.contactus form input[type="email"].form-control,
.contactus form input[type="number"].form-control,
.contactus form select.form-control {
  height: 47px;
  margin-top: 20px;
}

.contactus form textarea.form-control {
  height: 152px;
  margin-top: 20px;
}

.contactus form .form-control {
  border: 1px solid var(--SecondColor);
  border-radius: 10px;
  background: #f8f8f8 !important;
}

.contactus form select.form-control {
  font-size: 15px !important;
  color: #b5b5b5 !important;
  font-weight: 500 !important;
}

.contactus form .form-control::placeholder {
  font-size: 15px !important;
  color: #b5b5b5 !important;
  font-weight: 500 !important;
}

.contactus form button {
  margin-top: 30px !important;
}

.BtnPrimary {
  background-color: var(--SecondColor);
  border: 1px solid var(--SecondColor);
  color: white;
  text-align: left !important;
  font-size: 14px;
  height: 47px;
  border-radius: 10px;
  padding: 13px 15px !important;
}

.contactus .BtnPrimary:hover {
  background-color: transparent !important;
  color: white !important;
  border-color: white !important;
}

.graded-box_2 {
  margin-bottom: 25px !important;
}

.utilite_section_third p {
  font-size: 18px !important;
}

.utilites_slide_box h4 {
  font-size: 22px !important;
  font-weight: 700 !important;
}

.utilites_slide_box_12 h4 {
  font-size: 22px !important;
  font-weight: 700 !important;
}

.utilite_right_side_section p {
  font-size: 14px !important;
}

.utilite_right_side_section_12 p {
  font-size: 14px !important;
}

.sub_listing ul li {
  display: flex;
  margin-top: 10px !important;
}

.sub_listing ul {
  padding-left: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  column-count: 1 !important;
  padding-bottom: 0px !important;
}

.sub_listing ul li img {
  margin-right: 1em !important;
  width: auto !important;
}

.sub_listing ul li a {
  color: white !important;
}

.sub_listing ul li a span {
  border-bottom: 1px solid white;
}

.utilites_slide_box h4 {
  font-size: 22px !important;
  font-weight: 700 !important;
}

.utilites_slide_box_12 h4 {
  font-size: 22px !important;
  font-weight: 700 !important;
}

.utilite_right_side_section .row {
  margin-top: 2em;
  padding-top: 1em;
}

.utilite_right_side_section_12 .row {
  margin-top: 2em;
  padding-top: 1em;
}

.utilite_right_side_section b,
.utilite_right_side_section strong {
  display: block !important;
  margin: 1.5em 0px !important;
}

.utilite_right_side_section_12 b,
.utilite_right_side_section_12 strong {
  display: block !important;
  margin: 1.5em 0px !important;
}

.graded-box img,
.graded-box_1 img {
  margin: 0 auto !important;
  width: auto !important;
}

.utilite_right_side_section h6 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-top: 2em;
  padding-top: 1em;
}

.utilite_right_side_section_12 h6 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-top: 2em;
  padding-top: 1em;
}

.utilites_slide_box p {
  font-size: 14px !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.utilites_slide_box_12 p {
  font-size: 14px !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.contactus button[type="submit"] i {
  background-color: var(--PrimaryColor);
  display: flex;
  align-items: center;
  height: 21.25px;
  width: 21.25px;
  border-radius: 100%;
  padding-left: 2px !important;
  text-align: center;
  justify-content: center;
}

.vision_section_digital_hub::after {
  position: absolute;
  content: "";
  background-image: url(../images/path_right.png);
  width: 140px;
  height: 1026px;
  background-size: 100%;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
  top: 80%;
}

.utilitie_section_height::after {
  position: absolute;
  content: "";
  background-image: url(../images/path_right.png);
  width: 140px;
  height: 1026px;
  background-size: 100%;
  right: 0;
  z-index: -18;
  background-repeat: no-repeat;
  top: 28%;
}

.utilitie_section_height::before {
  position: absolute;
  content: "";
  background-image: url(../images/utilitie_path_left.png);
  width: 140px;
  height: 890px;
  background-size: 100%;
  left: 0;
  background-repeat: no-repeat;
  top: 45%;
}

.clear-both {
  clear: both !important;
}

/* master plan page css */

.banner_text {
  padding: 50px;
  border-radius: 10px;
  margin-top: -67px;
  z-index: 12312;
}

/* .main_banner {

  z-index: -1;

} */

.master_breadcrumbs {
  bottom: 77px !important;
}

.pb-120 {
  padding-bottom: 120px;
}

.banner_text p {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 16px !important;
  line-height: 25.5px;
  margin-bottom: 0px !important;
}

.master_plan_content_area .BtnPrimary:hover {
  background-color: transparent !important;
  color: var(--SecondColor) !important;
  border-color: var(--SecondColor) !important;
}

.spark_content_bg_image {
  padding: 35px 0 0 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  margin-top: 15px;
}

.tabs_section_master_plan {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-left: 60px;
  padding: 60px 130px 101px 130px;
  border-radius: 100px 10px 10px 10px;
  margin-top: 50px;
  /* overflow: hidden !important; */
  min-height: 680px;
}

.master_plan_heading h2 {
  max-width: 100%;
  width: 100%;
}

.master_plan_content_padding {
  padding: 0px 59px 0px 112px !important;
}

.master_plan_content_area img {
  width: 104px !important;
  height: 104px;
}

.master_plan_content_area p {
  font-size: 14px;
  line-height: 21px !important;
  margin-top: 20px;
  color: #575656;
  max-width: 90%;
}

.master_plan_video_image a {
  position: absolute;
  top: 31px;
  left: 33px;
}

.master_plan_video_image a span {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.6px;
  color: white !important;
  margin-left: 14px;
}

.master_plan_content_area button i {
  background-color: var(--PrimaryColor);
  height: 21.57px;
  width: 21.57px;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ride_range_master_plan h3 {
  font-weight: 500;
  font-size: 50px;
  line-height: 40px;
  color: var(--PrimaryColor);
}

.master_plan_video_image img {
  width: 100%;
}

.master_plan_video_image a img {
  width: auto !important;
  height: auto !important;
}

.ride_range_master_plan p {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: black !important;
  margin-top: 10px;
}

.ride_range_master_plan_1 p,
.ride_range_master_plan p {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: black !important;
}

.ride_range_master_plan_1 h3 {
  font-weight: 500;
  font-size: 50px;
  line-height: 61px;
  color: var(--PrimaryColor);
}

.tabs_section_master_plan .nav-tabs {
  border-bottom: none !important;
}

.tabs_section_master_plan .nav-tabs .nav-item .nav-link {
  color: white !important;
  font-size: 18px;
  line-height: 27px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  margin-right: 65px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.tabs_section_master_plan .nav-tabs .nav-item .nav-link:hover,
.tabs_section_master_plan .nav-tabs .nav-item .nav-link:focus,
.tabs_section_master_plan .nav-tabs .nav-item .nav-link:focus-visible {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-bottom: 3px solid var(--SecondColor) !important;
}

.tabs_section_master_plan .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid var(--SecondColor) !important;
  font-weight: bold;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.card_slider {
  width: 100%;
  padding: 19px 28px 40px 28px;
  position: relative;
  background: white !important;
}

.card_slider p {
  font-size: 14px !important;
  margin-bottom: 0px !important;
  margin-top: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.master_plan_miles {
  width: 79px;
  height: 74px;
  border-radius: 10px 20px;
  position: absolute;
  top: 2px;
  z-index: 12312312312312;
  left: 2px;
}

.interested_master_plan {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 190px;
  color: white;
  padding: 70px 110px;
}

.master_plan_owl_slide_position img {
  width: 100%;
  height: 312px;
}

.master_plan_owl_slide_position .carousel-inner {
  overflow-y: inherit !important;
}

.master_plan_owl_slide_position
  .carousel-inner
  .carousel-item
  .container-fluid {
  padding: 20px !important;
}

.master_plan_owl_slide_position {
  position: absolute;
  width: 92% !important;
  min-height: 642px;
}

.master_plan_slider_arrows {
  background-color: var(--SecondColor);
  width: 69px;
  height: 69px;
  position: absolute;
  top: 222px;
  right: 13px;
  border-radius: 100%;
}

.master_plan_slider_arrows .carousel-control-next,
.master_plan_slider_arrows .carousel-control-prev {
  width: 37% !important;
  opacity: 1 !important;
}

.master_plan_owl_slide_position .carousel-indicators [data-bs-target] {
  background: var(--SecondColor) !important;
  opacity: 1 !important;
  border: none !important;
  height: 6px !important;
  width: 45px;
}

.master_plan_owl_slide_position .carousel-indicators button.active {
  background: var(--PrimaryColor) !important;
  height: 12px !important;
}

.master_plan_slider_arrows .carousel-control-prev {
  left: 10px;
}

.master_plan_slider_arrows .carousel-control-next {
  right: 10px;
}

.master_plan_owl_slide_position .carousel-indicators {
  top: 315px !important;
  align-items: baseline;
  bottom: auto !important;
  margin-right: 50px !important;
  left: auto !important;
}

.card_slider::before {
  content: "";
  background: #e4e4e4;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -6px;
  z-index: -1;
  left: 6px;
}

.listing_master_plan_section p {
  color: white !important;
  font-size: 14px !important;
}

.listing_master_plan_section h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.6px;
  color: white;
  margin-bottom: 0px !important;
}

.BtnPrimaryColor {
  background-color: var(--PrimaryColor);
  border: 1px solid var(--PrimaryColor);
  color: white !important;
  height: 50px;
  border-radius: 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 29px;
}

.BtnPrimaryColor:hover {
  background-color: transparent !important;
  border-color: white !important;
}

.BtnPrimaryColor i {
  background-color: var(--SecondColor) !important;
  height: 21.57px;
  width: 21.57px;
  border-radius: 100%;
  text-align: center;
  display: flex;
  font-size: 13px;
  margin-top: 3px;
  padding-left: 2px;
  align-items: center;
  justify-content: center;
}

.listing_master_plan_section ul {
  padding-left: 10px !important;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 20px;
}
.listing_master_plan_section p{
  margin-top: 20px;
  margin-bottom: 0px !important;
}
.listing_master_plan_section ul li {
  list-style: none;
  color: white;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  line-height: 21px;
}

.listing_master_plan_section ul li::before {
  content: "\2022";
  color: white;
  font-weight: bold;
  display: inline-block;
  margin-right: 7px;
  width: 0.7em;
}

.interested_master_plan h4 {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
}

.interested_master_plan p {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 21px !important;
}

/*Become investor*/

.investor_detial_section {
  text-align: center;
  padding: 40px 35px 10px 35px;
}

.investor_detial_section p {
  margin-bottom: 0px !important;
  margin-top: 30px !important;
  color: black !important;
}

.investor_detial_section img {
  width: auto !important;
}

.investor_heading_roadmap {
  font-size: 14px !important;
  /*color: black !important;*/
  padding: 44px 0px 60px 0px;
}

.investor_heading_roadmap li.nav-item {
  width: 16.64%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 177px;
}

.investor_heading_roadmap .nav-item .nav-link {
  width: 100%;
  height: 100%;
}

.bg-gray {
  background-color: #f3f3f3;
}

.rounded-left-bottom {
  border-radius: 100px 10px 100px 10px !important;
}

.rounded-right-bottom {
  border-radius: 10px 100px 10px 100px !important;
}

.utilitie_sect_height .image_setting_section {
  border-radius: 10px 100px 10px 100px !important;
}

.image_setting_section {
  border-radius: 10px 100px 10px 100px !important;
}

.image_changer_class_1 {
  display: none !important;
}

.investor_heading_roadmap .nav-pills .nav-link:hover .image_changer_class,
.investor_heading_roadmap .nav-pills .nav-link.active .image_changer_class {
  opacity: 0;
  display: none !important;
}

.investor_heading_roadmap .nav-pills .nav-link:hover,
.investor_heading_roadmap .nav-pills .nav-link.active,
.investor_heading_roadmap .nav-pills .show > .nav-link {
  background-color: #f2f8e4 !important;
  color: #8abd00 !important;
  border-radius: 0px;
}

.investor_heading_roadmap .nav-pills .nav-link.active:after {
  display: block;
  position: absolute;
  bottom: -39px;
  width: 40px;
  height: 40px;
  left: 50%;
  content: "";
  border-top: solid 20px transparent;
  border-bottom: solid 20px transparent;
  border-right: solid 20px #f2f8e4;
  transform: translateX(-50%) rotate(-90deg);
}

.investor_heading_roadmap .nav-link:hover .image_changer_class_1,
.investor_heading_roadmap .nav-pills .nav-link.active .image_changer_class_1,
.nav-pills .show > .nav-link .image_changer_class_1 {
  opacity: 1 !important;
  display: block !important;
}

.investor_heading_roadmap .nav-pills .nav-link.active,
.investor_heading_roadmap .nav-pills .show > .nav-link {
  background-color: #f2f8e4 !important;
  color: #8abd00 !important;
  position: relative;
}

.investor_heading_roadmap .nav-pills .nav-link {
  background: #8abd00;
  color: white;
  border-radius: 0px;
  font-size: 16px;
  padding: 0px !important;
  font-weight: 700;
  display: grid;
  align-items: center;
  border: none !important;
}

.investor_heading_roadmap .nav-pills {
  display: flex;
  align-items: center;
}

.investor_heading_roadmap ul {
  margin-bottom: 0px !important;
}

.investor_heading_roadmap #pills-tabContent {
  background-color: white;
}

.investor_heading_roadmap img {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: -30px;
}

.investor_text_setting {
  padding: 65px 45px;
}

.investor_text_setting ol {
  margin-left: 0px !important;
  padding-left: 18px !important;
  margin-top: -10px !important;
}

.investor_text_setting p {
  font-size: 14px !important;
  line-height: 21px;
  font-weight: 500;
  max-width: 90%;
}

.investor_text_setting p strong:nth-child(2) {
  margin-top: 10px;
  display: block;
}

.investory_contact_us {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 40px 0px !important;
  margin: 67px 75px 50px 75px !important;
  border-radius: 100px 10px 0px 10px !important;
}

.digital_contact_us {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 40px 100px !important;
  margin: 67px 75px 50px 0px !important;
  border-radius: 0px 100px 10px 0px !important;
}

.upload-btn-wrapper_investor {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.btn_uploads_investor i {
  background: none !important;
  color: #8abd00 !important;
}

.upload-btn-wrapper_investor .btn_uploads_investor {
  height: 47px;
  margin-top: 20px;
  font-size: 15px;
  margin-top: 20px !important;
  color: #b5b5b5;
  padding-left: 18px;
  letter-spacing: 0.2px;
  border: 1px solid var(--SecondColor);
  border-radius: 10px;
  background: #f8f8f8 !important;
  width: 100%;
  text-align: left;
}

.investory_contact_us .inventory_submit_bitton {
  margin-top: 17px !important;
}

.upload-btn-wrapper_investor input[type="file"] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#pills-tab .nav-item:first-child,
#pills-tab .nav-item:first-child button {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

#pills-tab .nav-item:last-child,
#pills-tab .nav-item:last-child button {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

/* digitul hub page css */

.digital_hub_section_text p {
  font-size: 14px !important;
  line-height: 21px;
  font-weight: 500;
}

.potential_services {
  margin-top: 20px !important;
}

.selector_icon::before {
  content: "";
  background-image: url(../images/arrow_down_select.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute !important;
  color: black !important;
  height: 20px;
  width: 20px;
  right: 20px;
  top: 50%;
}

.digital_listing_section h4 {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.2px;
  color: #575656;
  font-weight: 700;
  margin-bottom: 15px;
}

.digital_listing_section p {
  max-width: 90%;
}

.digital_listing_section ul li {
  font-size: 14px !important;
  line-height: 21px !important;
  font-weight: 500;
}

.digital_banner_image_setting {
  background-size: 100% 97%;
}

.vision_section_digital_hub {
  padding: 78px 0px !important;
}

.digital_listing_section_1 ul li {
  max-width: 78%;
}

/* career detail page css */

.career_detail_text_editors h4 {
  font-size: 16px !important;
  letter-spacing: 0.2px !important;
  line-height: 25px !important;
  font-weight: bold !important;
  color: #575656 !important;
  margin-top: 50px !important;
  margin-bottom: 20px !important;
}

.career_detail_text_editors p:nth-child(3) {
  margin-top: 40px !important;
}

.career_detail_text_editors p {
  margin-bottom: 0px !important;
  font-size: 14px;
  font-weight: 500;
  color: #575656;
  line-height: 21px;
}

.career_detail_apply_form form input[type="text"].form-control,
.career_detail_apply_form form input[type="email"].form-control,
.career_detail_apply_form form input[type="number"].form-control {
  height: 47px;
  margin-top: 20px;
}

.career_detail_apply_form form .form-control {
  border: 1px solid var(--SecondColor);
  border-radius: 10px;
  background: #f8f8f8 !important;
}

.career_detail_apply_form form .form-control::placeholder {
  font-size: 15px !important;
  color: #b5b5b5 !important;
  font-weight: 500 !important;
}

.career_detail_apply_form {
  padding: 72px 22px 82px;
  margin-top: 50px !important;
}

.career_detail_apply_form h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.2px;
  margin-left: 10px;
  color: white !important;
}

.banner_career_setting p {
  color: white !important;
  font-size: 14px;
  font-weight: 500;
  padding-right: 20px;
}

.banner_button_apply:hover {
  color: white !important;
}

.banner_button_apply {
  height: 65px;
  width: 222.03px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.banner_career_setting {
  height: 100vh;
}

.banner_button_apply_icon {
  background-color: #8abd00;
  height: 21.57px;
  width: 21.57px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
  border-radius: 100%;
}

.career_image_text_editor {
  padding: 55px;
  position: relative;
  margin-left: -100px;
  border-radius: 10px 10px 100px 10px;
  margin-top: 75px;
}

.arrow_vector_career {
  position: absolute;
  right: 50px;
  bottom: -125px;
}

.career_card_section {
  padding-right: 5px;
}

.career_card_section img {
  min-height: 65px !important;
}
.short-detail-content h6{
  color: white !important;
}
.career_card_section h5 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700 !important;
  min-height: 60px;
  color: #575656 !important;
  max-width: 88%;
  margin: 17px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.Heading_career_setting h5 {
  max-width: 100% !important;
}

.Heading_career_setting_1 h5 {
  max-width: 90% !important;
}

.career_card_section p {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 21px;
}

.career_image_text_editor p {
  font-weight: 500 !important;
  font-size: 14px !important;
}

.career_development {
  padding: 67px 52px 67px 62px;
  color: white;
}

.career_development h4 {
  font-size: 30px !important;
  font-weight: 700 !important;
}

.career_development p {
  font-size: 16px;
  line-height: 25.5px;
  letter-spacing: 0.2px;
  margin-top: 20px;
}

.career_development {
  margin-bottom: 65px;
}

.testimonial_box_slider_career {
  padding: 60px 90px !important;
  color: white;
  margin-bottom: -175px;
  border-radius: 0px 100px 10px 0px;
}

.testimonial_box_slider_career h4 {
  font-weight: bold;
  font-size: 30px;
  line-height: 39px;
}

.testimonial_box_slider_career p {
  max-width: 80%;
  font-size: 14px;
  line-height: 21px;
}

.testimonial_career_slider {
  margin-left: 104px;
  border-radius: 10px 0px 0px 100px;
  padding: 100px 0px !important;
}
.testimonial_career_slider .carousel-item img{
  width: 214px;
  height: 214px;
  border-radius: 50%;
  /*border: 5px solid #ffffff;*/
}
#testimonialcarouselCaptions {
  width: 100%;
  position: relative;
  margin-top: 100px;
}

#testimonialcarouselCaptions .carousel-caption {
  position: revert !important;
  max-width: 58%;
  margin: 20px auto 25px;
}

#testimonialcarouselCaptions .carousel-caption p {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 27px !important;
}

#testimonialcarouselCaptions .carousel-caption h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 27px !important;
  margin-top: 35px;
}

#form_career .Message-Sent {
  margin-top: 25px !important;
}

#testimonialcarouselCaptions::before {
  content: "";
  background-image: url("../images/coma_career_1.png");
  background-repeat: no-repeat;
  position: absolute;
  left: 200px;
  z-index: 1232131;
  width: 75px;
  height: 132px;
  top: 50%;
  transform: translateY(-70%);
}

#testimonialcarouselCaptions::after {
  content: "";
  background-image: url("../images/coma_career.png");
  background-repeat: no-repeat;
  position: absolute;
  right: 175px;
  z-index: 1232131;
  width: 75px;
  height: 132px;
  bottom: -11%;
}

#testimonialcarouselCaptions .carousel-indicators [data-bs-target] {
  width: 10px !important;
  height: 10px !important;
  background: #ffffff;
  border-radius: 3px 0px;
  opacity: 1 !important;
  border: none !important;
}

#testimonialcarouselCaptions .carousel-indicators .active {
  background: var(--SecondColor) !important;
}

#testimonialcarouselCaptions .career_arrows {
  width: 69px;
  height: 69px;
  background-color: gray;
  top: 0px;
  right: 220px;
  position: absolute;
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
}

#testimonialcarouselCaptions .career_arrows button {
  opacity: 1 !important;
}

#testimonialcarouselCaptions .career_arrows .carousel-control-prev {
  left: 15px !important;
}

#testimonialcarouselCaptions .career_arrows .carousel-control-next {
  right: 15px !important;
}

.career_detail_click_section {
  background: #eeeeee;
  padding: 15px 30px;
  border: 1px solid #8abd00;
  border-radius: 10px;
  margin-bottom: 20px;
}

.career_detail_click_section a:hover {
  color: var(--PrimaryColor) !important;
  border-color: var(--PrimaryColor) !important;
  background: transparent !important;
}

.career_detail_click_section h4 {
  margin-bottom: 0px !important;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-left: 10px;
}

.companies_box_1 {
  margin-bottom: 25px !important;
}

.career_detail_btn {
  padding-left: 35px;
}

.career_detail_apply_form .error_msg,
.career_detail_apply_form #email-error {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: white !important;
}

.spark_footer_nav {
  margin-bottom: 20px !important;
}

@media (min-width: 1810px) {
  .utilitie_sect_height .image_setting_section {
    width: 100% !important;
  }
}

@media (min-width: 1400px) and (max-width: 1440px) {
  .utilitie_sect_height {
    min-height: 1030px !important;
  }
}

@media (min-width: 1366px) {
  .banner_career_setting h1 {
    font-size: 58px !important;
    line-height: 70px;
    letter-spacing: 1px;
  }
}

@media (min-width: 1100px) {
  .utilite_right_side_section_12 .graded-box h6 {
    max-width: 80%;
    margin: 0 auto;
  }
  .comman-user-list.comman_user_list_1 {
    max-width: 260px;
  }
  /*.card_slider {
    min-height: 310px;
  }*/
  .rounded-left-8 {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .rounded-right-8 {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .investor_heading_roadmap #pills-tabContent {
    background-color: white;
  }
}

@media (max-width: 1366px) {
  .utilitie_sect_height {
    min-height: 1073px !important;
  }
}
@media (min-width: 1280px) {
  .comman-user-list h3 {
    max-width: 73%;
  }
}
@media (max-width: 1280px) {
  .graded-box,
  .graded-box_1 {
    padding: 28px 5px !important;
  }
}

@media (max-width: 1199px) {
  .master_plan_heading h2 {
    max-width: 100% !important;
  }
  .ride_range_master_plan h3 {
    font-size: 35px !important;
    line-height: 25px;
  }
  .ride_range_master_plan_1 h3 {
    font-size: 35px !important;
    line-height: 30px;
  }
}

@media (max-width: 1100px) {
  .graded-box h6,
  .graded-box_1 h6 {
    font-size: 13px !important;
    line-height: 16px !important;
  }
  .master_plan_owl_slide_position {
    position: absolute;
    width: 100% !important;
    min-height: 100% !important;
  }
  .investor_detial_section {
    padding: 40px 0px 80px 0px !important;
  }
  .utilitie_sect_height {
    min-height: 1200px !important;
  }
  .utilitie_sect_height_1 {
    min-height: 570px !important;
  }
  .tabs_section_master_plan .nav-tabs .nav-item .nav-link {
    margin-right: 40px !important;
  }
}

@media (max-width: 992px) {
  .contactus {
    padding: 0px 0px !important;
  }
}

@media (max-width: 991px) {
  .ride_range_master_plan {
    margin-top: 40px;
  }
  .career_detail_btn {
    padding-left: 10px !important;
  }
  #testimonialcarouselCaptions::before {
    left: 40px !important;
  }
  #testimonialcarouselCaptions::after {
    right: 40px;
  }
  #testimonialcarouselCaptions .career_arrows {
    right: 60px !important;
  }
  .banner_career_setting {
    height: 100% !important;
    padding: 60px 0px !important;
  }
  #testimonialcarouselCaptions .carousel-caption {
    max-width: 83% !important;
  }
  .testimonial_box_slider_career {
    padding: 60px !important;
    margin-bottom: -100px !important;
  }
  .banner_career_setting h1 {
    font-size: 30px !important;
    max-width: 60%;
  }
  .banner_career_setting p {
    max-width: 60%;
  }
  .career_image_text_editor {
    margin-top: 20px !important;
  }
  .master_plan_owl_slide_position {
    position: revert !important;
    margin-bottom: 20px;
  }
  .interested_master_plan {
    margin-top: 75px !important;
  }
}

@media screen and (max-width: 880px) and (min-width: 769px) {
  .companies_setup {
    padding: 0px 60px !important;
    max-width: 80%;
  }
  .usage_module_body_hm img {
    margin-right: auto !important;
    margin-left: 70px !important;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .digital_listing_section h4 {
    max-width: 90%;
  }
  .career_detail_click_section .BtnPrimary {
    padding: 13px 10px !important;
  }
}

@media (max-width: 850px) {
  .digital_listing_section h4 {
    margin-top: 10px !important;
  }
  .News-Box{
    min-height: 600px !important;
  }
  .utilitie_sect_height .image_setting_section {
    border-radius: 0px 100px 0px 0px !important;
  }
  .investory_contact_us {
    margin: 50px !important;
  }
  .investor_text_setting {
    padding: 30px 20px 20px 20px;
  }
  .BgPrimarySecond.utilite_right_side_section {
    position: relative !important;
    top: 0px !important;
    width: 100%;
    margin-top: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .master_plan_owl_slide_position {
    position: revert !important;
    width: 100% !important;
  }
  .master_plan_content_padding {
    padding: 0px !important;
  }
  .investor_heading_roadmap .nav-pills .nav-link {
    font-size: 13px;
  }
  .investor_heading_roadmap img {
    width: 40px;
    margin-bottom: -60px !important;
  }
  .tabs_section_master_plan .nav-tabs .nav-item .nav-link {
    font-size: 15px !important;
    margin-right: 25px !important;
  }
  .tabs_section_master_plan {
    padding: 50px 50px 50px 50px !important;
    margin-left: 0px !important;
  }
  .short-detail-content h6 {
    color: white !important;
  }
  .utilites_slide_box {
    position: relative !important;
    bottom: 0px !important;
    left: 0px !important;
    width: 100% !important;
    min-height: 120px;
    padding: 20px 15px;
    height: auto;
    vertical-align: middle;
    border-radius: 0px !important;
  }
  .spark_footer_credits_hm {
    padding: 80px 0px 25px !important;
  }
  .utilites_slide_box p {
    margin-bottom: 0px !important;
  }
  #carouselExampleIndicators .owl-dots {
    display: none !important;
  }
  #carouselExampleIndicators .utilities_arrows {
    top: -30px !important;
    left: 75% !important;
    z-index: 1231232131;
  }
  #carouselExampleIndicators img {
    width: 100%;
  }
  .utilities_arrows {
    top: 210px !important;
  }
  #carouselExampleIndicators .owl-dots {
    top: 385px !important;
  }
  .interested_master_plan {
    padding: 30px 40px !important;
    margin-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .master_plan_video_image a {
    left: 50px !important;
    top: 50px !important;
  }
  .Spark-Content-Section .accordion .accordion-button::after{
    margin-right: 10px !important;
  }
  .carousel_mobile .master_plan_video_image {
    margin-top: 40px;
  }
  .career_detail_click_section{
    text-align: center !important;
  }
  .career_detail_click_section a.BtnPrimary {
    margin-top: 15px !important;
  }
  .image_setting_section {
    border-radius: 10px 0px 10px 0px !important;
  }
  .career_image_text_editor {
    margin-top: 50px !important;
    margin-left: 0px !important;
    border-radius: 100px 10px 100px 10px !important;
  }
  #carouselExampleCaptions607 .master_plan_video_image img {
    width: 70% !important;
  }
  .arrow_vector_career {
    display: none !important;
  }
  .testimonial_box_slider_career {
    margin-top: 50px !important;
    margin-bottom: 0px !important;
  }
  .testimonial_career_slider {
    margin-left: 0px !important;
    padding-bottom: 40px !important;
    margin-top: 50px !important;
  }
  #testimonialcarouselCaptions {
    margin-top: 0px !important;
  }
  .banner_career_setting h1,
  .banner_career_setting p {
    max-width: 83% !important;
  }
  .vision_section_digital_hub {
    padding: 40px 0px 0px !important;
  }
  .investory_contact_us {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .master_plan_content_area p {
    max-width: 100% !important;
  }
  .investor_detial_section {
    padding: 20px 0px 20px 0px !important;
  }
  .investor_heading_roadmap li.nav-item {
    width: 100% !important;
    height: 138px !important;
    border-bottom: 1px solid #f2f8e4;
  }
}

@media screen and (max-width: 700px) and (min-width: 600px) {
  
  .spark_footer_nav h2 {
    font-size: 14px !important;
  }
}

@media (max-width: 576px) {
  .spark_footer_nav h2 {
    font-size: 14px !important;
  }
  .investory_contact_us {
    margin-left: 0px !important;
  }
  .career_detail_click_section {
    text-align: center;
  }
  .career_detail_click_section a {
    margin-top: 20px;
  }
  .career_development {
    padding: 35px 50px 35px 50px !important;
  }
  .career_image_text_editor {
    padding: 35px 45px !important;
  }
  .career_image_text_editor p {
    margin-bottom: 0px !important;
  }
  .career_development h4,
  .testimonial_box_slider_career h4 {
    font-size: 22px !important;
    line-height: 30px !important;
  }
  #testimonialcarouselCaptions .carousel-caption p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}

@media (max-width: 525px) {
  .utilitie_section_height {
    padding: 55px 15px 0px 15px !important;
  }
  #carouselExampleIndicators .utilities_arrows {
    top: -15px !important;
  }
  .banner_career_setting h1,
  .banner_career_setting p {
    max-width: 100% !important;
  }
  .banner_career_setting img {
    margin-top: 30px;
  }
  .utilitie_sect_height {
    min-height: 1100px !important;
    margin-top: 50px !important;
  }
  .form_section_contactUs {
    margin: 0 auto !important;
  }
  .master_breadcrumbs {
    bottom: 35px !important;
  }
  .investor_main_section {
    padding: 0px 0px !important;
  }
  .banner_text {
    padding: 30px !important;
    margin-top: 50px !important;
  }
  .pt-7 {
    padding-top: 50px !important;
  }
  .contactus {
    margin-right: 0px !important;
  }
  .utilite_right_side_section {
    padding: 25px 15px !important;
  }
  #testimonialcarouselCaptions .career_arrows {
    top: -80px !important;
    right: 20px !important;
  }
}

@media (max-width: 414px) {
  .master_plan_content_padding {
    text-align: center !important;
  }
  .testimonial_box_slider_career {
    padding: 30px 37px !important;
  }
  .master_breadcrumbs {
    bottom: 20px !important;
  }
  .master_plan_video_image img {
    width: 100% !important;
  }
  #carouselExampleIndicators .utilities_arrows {
    top: -15px !important;
    left: 70% !important;
  }
  .tabs_section_master_plan {
    padding: 30px !important;
  }
}

@media screen and (max-width: 700px) and (max-height: 400px) {
  #testimonialcarouselCaptions .carousel-caption p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .career_detail_click_section {
    text-align: center !important;
  }
  .career_detail_click_section .BtnPrimary {
    margin-top: 10px !important;
  }
}

/* Animation properties */
.logo_Loader {
  transition-duration: 20s;
  animation: logo 4s ease-out;
}
.logo_Loader_1 {
  transition-duration: 20s;
  animation: wars 4s ease-out;
}

/* Keyframes */
@keyframes logo {
  0% {
    opacity: 0;
    transform: scale(4) rotate(-30deg);
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    transform: scale(3.5) rotate(-30deg);
  }
  50% {
    opacity: 1;
    transform: scale(2.5) rotate(-30deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

@keyframes wars {
  0% {
    opacity: 0;
    transform: scale(4) rotate(-30deg);
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    transform: scale(3.5) rotate(-30deg);
  }
  50% {
    opacity: 1;
    transform: scale(2.5) rotate(-30deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

/* Make the 3D work on the container */
.starwars-demo {
  perspective: 800px;
  transform-style: preserve3d;
}

.starwars-demo {
  height: 100vh;
  left: 50%;
  background-color: white !important;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.logo_Loader,
.logo_Loader_1 {
  position: absolute;
}

.logo_Loader {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*** Media queries for adjusting to different screen sizes ***/
.counter {
  font-size: 40px !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.counter::before {
  counter-reset: my-counter var(--num);
  content: counter(my-counter);
  animation: count 2s ease-in alternate;
}
@media only screen and (max-width: 600px) {
  .starwars-demo {
    font-size: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .starwars-demo {
    font-size: 7px;
  }
}

@property --num {
  syntax: "<integer>";
  inherits: true;
  initial-value: 0;
}

@keyframes count {
  to {
    --num: 100;
  }
}
#main-preloader{
  overflow: hidden !important;
}