@charset "UTF-8";
@import url("../fonts/stylesheet.css");
@import url("../fonts/stylesheet.css");
@import url("../fonts/stylesheet.css");
@import url("../fonts/stylesheet.css");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Raleway", sans-serif;
  font-weight: normal;
  color: #000;
  background-color: #fff;
  overflow-x: hidden;
}

a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: initial;
}

input,
textarea,
select {
  background-color: transparent;
  border: 0;
  outline: transparent;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

.gap10 {
  height: 10px;
  display: block;
  width: 100%;
}

.gap20 {
  height: 20px;
  display: block;
  width: 100%;
}

.gap30 {
  height: 30px;
  display: block;
  width: 100%;
}

.gap40 {
  height: 40px;
  display: block;
  width: 100%;
}

.gap50 {
  height: 50px;
  display: block;
  width: 100%;
}

.gap60 {
  height: 60px;
  display: block;
  width: 100%;
}

.gap70 {
  height: 70px;
  display: block;
  width: 100%;
}

.gap80 {
  height: 80px;
  display: block;
  width: 100%;
}

.gap90 {
  height: 90px;
  display: block;
  width: 100%;
}

.gap100 {
  height: 100px;
  display: block;
  width: 100%;
}

.gap-y-0 {
  gap: 0 0;
}

.gap-y-10 {
  gap: 10px 0;
}

.gap-y-20 {
  gap: 20px 0;
}

.gap-y-30 {
  gap: 30px 0;
}

.gap-y-40 {
  gap: 40px 0;
}

.gap-y-50 {
  gap: 50px 0;
}

.gap-y-60 {
  gap: 60px 0;
}

.gap-y-70 {
  gap: 70px 0;
}

.gap-y-80 {
  gap: 80px 0;
}

.gap-y-90 {
  gap: 90px 0;
}

.gap-y-100 {
  gap: 100px 0;
}

.gap-y-120 {
  gap: 120px 0;
}

.gap-y-140 {
  gap: 140px 0;
}

.gap-y-150 {
  gap: 150px 0;
}

.gap-x-0 {
  gap: 0 0px;
}

.gap-x-10 {
  gap: 0 10px;
}

.gap-x-20 {
  gap: 0 20px;
}

.gap-x-30 {
  gap: 0 30px;
}

.gap-x-40 {
  gap: 0 40px;
}

.gap-x-50 {
  gap: 0 50px;
}

.gap-x-60 {
  gap: 0 60px;
}

.gap-x-70 {
  gap: 0 70px;
}

.gap-x-80 {
  gap: 0 80px;
}

.gap-x-90 {
  gap: 0 90px;
}

.gap-x-100 {
  gap: 0 100px;
}

.gap-x-120 {
  gap: 0 120px;
}

.gap-x-140 {
  gap: 0 140px;
}

.gap-x-150 {
  gap: 0 150px;
}

.flex {
  display: flex;
}

.space-between {
  justify-content: space-between;
}

.space-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.flex-start {
  justify-content: flex-start;
}

.flex-end {
  justify-content: flex-end;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.mr-0 {
  margin: 0;
}

.mr-auto {
  margin: 0 auto;
}

.mr-l-auto {
  margin-left: auto;
}

.mr-r-auto {
  margin-right: auto;
}

.mr-t-0 {
  margin-top: 0;
}

.mr-t-5 {
  margin-top: 5px;
}

.mr-t-10 {
  margin-top: 10px;
}

.mr-t-15 {
  margin-top: 15px;
}

.mr-t-20 {
  margin-top: 20px;
}

.mr-t-30 {
  margin-top: 30px;
}

.mr-t-40 {
  margin-top: 40px;
}

.mr-t-50 {
  margin-top: 50px;
}

.mr-t-60 {
  margin-top: 60px;
}

.mr-t-70 {
  margin-top: 70px;
}

.mr-t-80 {
  margin-top: 80px;
}

.mr-t-90 {
  margin-top: 90px;
}

.mr-t-100 {
  margin-top: 100px;
}

.mr-t-110 {
  margin-top: 110px;
}

.mr-t-120 {
  margin-top: 120px;
}

.mr-t-130 {
  margin-top: 130px;
}

.mr-t-140 {
  margin-top: 140px;
}

.mr-t-150 {
  margin-top: 150px;
}

.mr-b-0 {
  margin-bottom: 0;
}

.mr-b-5 {
  margin-bottom: 5px;
}

.mr-b-10 {
  margin-bottom: 10px;
}

.mr-b-15 {
  margin-bottom: 15px;
}

.mr-b-20 {
  margin-bottom: 20px;
}

.mr-b-30 {
  margin-bottom: 30px;
}

.mr-b-40 {
  margin-bottom: 40px;
}

.mr-b-50 {
  margin-bottom: 50px;
}

.mr-b-60 {
  margin-bottom: 60px;
}

.mr-b-70 {
  margin-bottom: 70px;
}

.mr-b-80 {
  margin-bottom: 80px;
}

.mr-b-90 {
  margin-bottom: 90px;
}

.mr-b-100 {
  margin-bottom: 100px;
}

.mr-b-110 {
  margin-bottom: 110px;
}

.mr-b-120 {
  margin-bottom: 120px;
}

.mr-b-130 {
  margin-bottom: 130px;
}

.mr-b-140 {
  margin-bottom: 140px;
}

.mr-b-150 {
  margin-bottom: 150px;
}

.mr-l-0 {
  margin-left: 0;
}

.mr-l-5 {
  margin-left: 5px;
}

.mr-l-10 {
  margin-left: 10px;
}

.mr-l-15 {
  margin-left: 15px;
}

.mr-l-20 {
  margin-left: 20px;
}

.mr-l-30 {
  margin-left: 30px;
}

.mr-l-40 {
  margin-left: 40px;
}

.mr-l-50 {
  margin-left: 50px;
}

.mr-l-60 {
  margin-left: 60px;
}

.mr-l-70 {
  margin-left: 70px;
}

.mr-l-80 {
  margin-left: 80px;
}

.mr-l-90 {
  margin-left: 90px;
}

.mr-l-100 {
  margin-left: 100px;
}

.mr-l-110 {
  margin-left: 110px;
}

.mr-l-120 {
  margin-left: 120px;
}

.mr-l-130 {
  margin-left: 130px;
}

.mr-l-140 {
  margin-left: 140px;
}

.mr-l-150 {
  margin-left: 150px;
}

.mr-r-0 {
  margin-right: 0;
}

.mr-r-5 {
  margin-right: 5px;
}

.mr-r-10 {
  margin-right: 10px;
}

.mr-r-15 {
  margin-right: 15px;
}

.mr-r-20 {
  margin-right: 20px;
}

.mr-r-30 {
  margin-right: 30px;
}

.mr-r-40 {
  margin-right: 40px;
}

.mr-r-50 {
  margin-right: 50px;
}

.mr-r-60 {
  margin-right: 60px;
}

.mr-r-70 {
  margin-right: 70px;
}

.mr-r-80 {
  margin-right: 80px;
}

.mr-r-90 {
  margin-right: 90px;
}

.mr-r-100 {
  margin-right: 100px;
}

.mr-r-110 {
  margin-right: 110px;
}

.mr-r-120 {
  margin-right: 120px;
}

.mr-r-130 {
  margin-right: 130px;
}

.mr-r-140 {
  margin-right: 140px;
}

.mr-r-150 {
  margin-right: 150px;
}

.pd-0 {
  padding: 0;
}

.pd-auto {
  padding: 0 auto;
}

.pd-l-auto {
  padding-left: auto;
}

.pd-r-auto {
  padding-right: auto;
}

.pd-t-0 {
  padding-top: 0;
}

.pd-t-5 {
  padding-top: 5px;
}

.pd-t-10 {
  padding-top: 10px;
}

.pd-t-15 {
  padding-top: 15px;
}

.pd-t-20 {
  padding-top: 20px;
}

.pd-t-30 {
  padding-top: 30px;
}

.pd-t-40 {
  padding-top: 40px;
}

.pd-t-50 {
  padding-top: 50px;
}

.pd-t-60 {
  padding-top: 60px;
}

.pd-t-70 {
  padding-top: 70px;
}

.pd-t-80 {
  padding-top: 80px;
}

.pd-t-90 {
  padding-top: 90px;
}

.pd-t-100 {
  padding-top: 100px;
}

.pd-t-110 {
  padding-top: 110px;
}

.pd-t-120 {
  padding-top: 120px;
}

.pd-t-130 {
  padding-top: 130px;
}

.pd-t-140 {
  padding-top: 140px;
}

.pd-t-150 {
  padding-top: 150px;
}

.pd-b-0 {
  padding-bottom: 0;
}

.pd-b-5 {
  padding-bottom: 5px;
}

.pd-b-10 {
  padding-bottom: 10px;
}

.pd-b-15 {
  padding-bottom: 15px;
}

.pd-b-20 {
  padding-bottom: 20px;
}

.pd-b-30 {
  padding-bottom: 30px;
}

.pd-b-40 {
  padding-bottom: 40px;
}

.pd-b-50 {
  padding-bottom: 50px;
}

.pd-b-60 {
  padding-bottom: 60px;
}

.pd-b-70 {
  padding-bottom: 70px;
}

.pd-b-80 {
  padding-bottom: 80px;
}

.pd-b-90 {
  padding-bottom: 90px;
}

.pd-b-100 {
  padding-bottom: 100px;
}

.pd-b-110 {
  padding-bottom: 110px;
}

.pd-b-120 {
  padding-bottom: 120px;
}

.pd-b-130 {
  padding-bottom: 130px;
}

.pd-b-140 {
  padding-bottom: 140px;
}

.pd-b-150 {
  padding-bottom: 150px;
}

.pd-l-0 {
  padding-left: 0;
}

.pd-l-5 {
  padding-left: 5px;
}

.pd-l-10 {
  padding-left: 10px;
}

.pd-l-15 {
  padding-left: 15px;
}

.pd-l-20 {
  padding-left: 20px;
}

.pd-l-30 {
  padding-left: 30px;
}

.pd-l-40 {
  padding-left: 40px;
}

.pd-l-50 {
  padding-left: 50px;
}

.pd-l-60 {
  padding-left: 60px;
}

.pd-l-70 {
  padding-left: 70px;
}

.pd-l-80 {
  padding-left: 80px;
}

.pd-l-90 {
  padding-left: 90px;
}

.pd-l-100 {
  padding-left: 100px;
}

.pd-l-110 {
  padding-left: 110px;
}

.pd-l-120 {
  padding-left: 120px;
}

.pd-l-130 {
  padding-left: 130px;
}

.pd-l-140 {
  padding-left: 140px;
}

.pd-l-150 {
  padding-left: 150px;
}

.pd-r-0 {
  padding-right: 0;
}

.pd-r-5 {
  padding-right: 5px;
}

.pd-r-10 {
  padding-right: 10px;
}

.pd-r-15 {
  padding-right: 15px;
}

.pd-r-20 {
  padding-right: 20px;
}

.pd-r-30 {
  padding-right: 30px;
}

.pd-r-40 {
  padding-right: 40px;
}

.pd-r-50 {
  padding-right: 50px;
}

.pd-r-60 {
  padding-right: 60px;
}

.pd-r-70 {
  padding-right: 70px;
}

.pd-r-80 {
  padding-right: 80px;
}

.pd-r-90 {
  padding-right: 90px;
}

.pd-r-100 {
  padding-right: 100px;
}

.pd-r-110 {
  padding-right: 110px;
}

.pd-r-120 {
  padding-right: 120px;
}

.pd-r-130 {
  padding-right: 130px;
}

.pd-r-140 {
  padding-right: 140px;
}

.pd-r-150 {
  padding-right: 150px;
}

.container-900 {
  max-width: 900px;
  margin: 0 auto;
}

.container-1200 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.container-1600 {
  max-width: 1600px;
  margin: 0 auto;
}

.container-1680 {
  max-width: 1680px;
  margin: 0 auto;
}

.container-fluid {
  width: 100%;
  padding: 0 30px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
::-webkit-scrollbar {
  width: 5px;
  border-radius: 20px;
}

::-webkit-scrollbar-track {
  background: color(black);
}

::-webkit-scrollbar-thumb {
  background-color: #232222;
  border-radius: 30px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #272727;
}

input {
  width: 100%;
  height: 40px;
  border: 0;
  outline: transparent;
  background-color: #fff;
  border-radius: 0px;
  border-bottom: solid 1px #272727;
  padding: 0 15px;
  color: #000;
  font-size: 16px;
  font-weight: normal;
}
input:focus {
  outline: transparent;
}
input::-moz-placeholder {
  font-size: 16px;
  color: #000;
}
input::placeholder {
  font-size: 16px;
  color: #000;
}

select {
  width: 100%;
  height: 40px;
  border: 0;
  outline: transparent;
  background-color: #fff;
  border-radius: 0px;
  border-bottom: solid 1px #272727;
  padding: 0 15px;
  color: #000;
  font-size: 16px;
  font-weight: normal;
}
select:focus {
  outline: transparent;
}
select::-moz-placeholder {
  font-size: 16px;
  color: #000;
}
select::placeholder {
  font-size: 16px;
  color: #000;
}
select option {
  color: #000;
  font-size: 16px;
  font-weight: normal;
}

textarea {
  width: 100%;
  height: 100px;
  border: 0;
  outline: transparent;
  background-color: #fff;
  border-radius: 0px;
  border-bottom: solid 1px #272727;
  padding: 0 15px;
  color: #000;
  font-size: 16px;
  font-weight: normal;
}
textarea:focus {
  outline: transparent;
}
textarea::-moz-placeholder {
  font-size: 16px;
  color: #000;
}
textarea::placeholder {
  font-size: 16px;
  color: #000;
}

.formLine {
  position: relative;
  margin-bottom: 30px;
}

.fieldError {
  position: absolute;
  left: 0;
  bottom: -25px;
  font-size: 12px;
  color: #f00;
}

.buttonFill {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  line-height: 100%;
  width: initial;
  padding: 14px 32px;
  border-radius: 60px;
  background: rgb(70, 185, 120);
  background: linear-gradient(96deg, rgb(70, 185, 120) 0%, rgb(0, 113, 185) 100%);
  transition: all 0.2s ease-in-out;
  font-weight: bold;
  text-align: center;
  border: 0px;
}
.buttonFill:hover {
  opacity: 0.8;
  color: #fff;
}

.buttonBorder {
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
  line-height: 100%;
  width: initial;
  padding: 14px 32px;
  border-radius: 60px;
  background-color: transparent;
  border: 0;
  text-align: center;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
  position: relative;
  box-shadow: 1px 1px 0px 1px rgb(0, 113, 185), inset 1px 1px 0px 1px rgb(70, 185, 120);
}
.buttonBorder::before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: rgb(70, 185, 120);
  background: linear-gradient(96deg, rgb(70, 185, 120) 0%, rgb(0, 113, 185) 100%) !important;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 60px;
  z-index: -1;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.buttonBorder span {
  display: block;
  color: #000;
  transition: all 0.2s ease-in-out;
  font-size: 40px;
}
.buttonBorder:hover {
  color: #fff;
  box-shadow: none;
}
.buttonBorder:hover::before {
  opacity: 1 !important;
  background: rgb(70, 185, 120);
  background: linear-gradient(96deg, rgb(70, 185, 120) 0%, rgb(0, 113, 185) 100%) !important;
}

.buttonBorder {
  transition: all 0.2s ease-in-out;
}
.buttonBorder:hover {
  background: rgb(70, 185, 120);
  background: linear-gradient(96deg, rgb(70, 185, 120) 0%, rgb(0, 113, 185) 100%) !important;
  transition: all 0.2s ease-in-out;
}
.buttonBorder:hover span {
  color: #fff;
}

.buttonBorderWhite {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  line-height: 100%;
  width: initial;
  padding: 14px 32px;
  border-radius: 60px;
  background-color: transparent;
  border: 0;
  text-align: center;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
  border: solid 2px #fff;
}
.buttonBorderWhite:hover {
  background: #fff;
  color: #000;
}
.buttonBorderWhite:hover span {
  color: #000;
}
.buttonBorderWhite span {
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out;
  font-size: 40px;
}

.buttonGreen {
  font-size: 16px;
  color: #fff !important;
  text-transform: uppercase;
  line-height: 100%;
  width: initial;
  padding: 14px 32px;
  border-radius: 60px;
  background-color: rgb(70, 185, 120);
  border: 0px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  font-weight: bold;
}
.buttonGreen:hover {
  background-color: rgb(0, 0, 0);
}

.sectionHeadingLargeGradient {
  font-size: 100px;
  background: -webkit-linear-gradient(#46B978, #0071B9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: "Hanson";
  line-height: 100%;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
@media (max-width: 1366px) {
  .sectionHeadingLargeGradient {
    font-size: 80px;
  }
}
@media (max-width: 1024px) {
  .sectionHeadingLargeGradient {
    font-size: 70px;
  }
}
@media (max-width: 992px) {
  .sectionHeadingLargeGradient {
    font-size: 60px;
  }
}

.sectionHeadingLargedark {
  font-size: 50px;
  color: #272727;
  font-weight: bold;
  font-family: "Hanson";
  line-height: 100%;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}

.sectionHeadingGradient {
  font-size: 72px;
  background: -webkit-linear-gradient(#46B978, #0071B9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: "Hanson";
  line-height: 100%;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .sectionHeadingGradient {
    font-size: 70px;
  }
}
@media (max-width: 992px) {
  .sectionHeadingGradient {
    font-size: 60px;
  }
}
@media (max-width: 600px) {
  .sectionHeadingGradient {
    font-size: 32px;
  }
}

.sectionHeadingGradientSm {
  font-size: 50px;
  background: -webkit-linear-gradient(#46B978, #0071B9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: "Hanson";
  line-height: 100%;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .sectionHeadingGradientSm {
    font-size: 50px;
  }
}
@media (max-width: 992px) {
  .sectionHeadingGradientSm {
    font-size: 40px;
  }
}
@media (max-width: 600px) {
  .sectionHeadingGradientSm {
    font-size: 32px;
  }
}

.sectionHeadingGradientXs {
  font-size: 30px;
  background: -webkit-linear-gradient(#46B978, #0071B9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: "Hanson";
  line-height: 100%;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .sectionHeadingGradientXs {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  .sectionHeadingGradientXs {
    font-size: 30px;
  }
}
@media (max-width: 600px) {
  .sectionHeadingGradientXs {
    font-size: 30px;
  }
}

.sectionHeadingBlack {
  font-size: 30px;
  color: #272727;
  font-weight: bold;
  font-family: "Hanson";
  line-height: 100%;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .sectionHeadingBlack {
    font-size: 28px;
  }
}

.paragraph {
  font-weight: 500;
  font-size: 20px;
  color: #272727;
}

.colorWhite {
  color: #fff;
}

.bgWhite {
  background-color: #fff;
}

.bgLightGreen {
  background-color: #edf8f2;
}

.sectionPadding {
  padding: 100px 0;
}
@media (max-width: 992px) {
  .sectionPadding {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.headingSection {
  margin-bottom: 50px;
  width: 100%;
  text-align: center;
}
@media (max-width: 600px) {
  .headingSection {
    margin-bottom: 40px;
  }
}

.owl-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: linear-gradient(to right, rgb(70, 185, 120), rgb(0, 113, 185)) !important;
  border: 0 !important;
  transition: all 0.2s ease-in-out;
}
.owl-next::before {
  content: "";
  position: absolute;
  width: 58px;
  height: 58px;
  left: 1px;
  top: 1px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}
@media (max-width: 600px) {
  .owl-next::before {
    width: 38px;
    height: 38px;
  }
}
.owl-next::after {
  content: "";
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  background-image: url("../images/nav-arrow-right.svg");
  top: 12px;
  left: 12px;
  position: absolute;
  left: 20px;
  top: 18px;
  z-index: 10;
}
.owl-next span {
  display: none;
}
.owl-next:hover::before {
  background-color: transparent;
}
.owl-next:hover::after {
  filter: brightness(0) invert(1);
}
@media (max-width: 600px) {
  .owl-next {
    width: 40px;
    height: 40px;
  }
}

.owl-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: linear-gradient(to right, rgb(70, 185, 120), #0071b9) !important;
  border: 0 !important;
  transition: all 0.2s ease-in-out;
}
.owl-prev::before {
  content: "";
  position: absolute;
  width: 58px;
  height: 58px;
  left: 1px;
  top: 1px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 600px) {
  .owl-prev::before {
    width: 38px;
    height: 38px;
  }
}
.owl-prev::after {
  content: "";
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  background-image: url("../images/nav-arrow-left.svg");
  top: 12px;
  left: 12px;
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 10;
}
.owl-prev span {
  display: none;
}
.owl-prev:hover::before {
  background-color: transparent;
}
.owl-prev:hover::after {
  filter: brightness(0) invert(1);
}
@media (max-width: 600px) {
  .owl-prev {
    width: 40px;
    height: 40px;
  }
}

.wastCard {
  width: 100%;
  position: relative;
  transform-style: preserve-3d;
  border-radius: 16px;
  background-color: #fff;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.wastCard::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: conic-gradient(from 90deg at 40% -25%, #46B978, #0071B9);
  filter: blur(0px);
  transform: translate3d(0px, 0px, -1px);
  border-radius: inherit;
  pointer-events: none;
}
.wastCard img {
  width: 100%;
  border-radius: 16px;
  margin-bottom: 15px;
}
.wastCard h5 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 500;
}
.blogCard {
  width: 100%;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.blogCard .blLink {
  text-decoration: none;
  color: #272727 !important;
  transition: all 0.2s ease-in-out;
}
.blogCard .blLink:hover {
  opacity: 0.8;
}
.blogCard .blLink img {
  width: 100%;
  border-radius: 16px;
  margin-bottom: 15px;
  transition: all 0.2s ease-in-out;
}
.blogCard .blLink h2 {
  font-size: 26px;
  margin-bottom: 15px !important;
  text-align: center;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  color: #272727;
}
@media (max-width: 992px) {
  .blogCard .blLink h2 {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  .blogCard .blLink h2 {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  .blogCard .blLink h2 {
    margin-bottom: 5px;
  }
}
.blogCard .blogContentShow {
  font-size: 16px;
  color: #7D7D7D;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blogCard .blFtLink {
  font-size: 20px;
  font-weight: 600;
  background: -webkit-linear-gradient(#46B978, #0071B9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.2s ease-in-out;
}
.blogCard .blFtLink:hover {
  opacity: 0.8;
}

.owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.owl-carousel .owl-dots button {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #f2f2f2;
  box-shadow: 0px 0px 11px -6px rgba(0, 0, 0, 0.18);
  border: solid 1px #d7d7d7;
}
.owl-carousel .owl-dots button.active {
  background: rgb(70, 185, 120);
  background: linear-gradient(96deg, rgb(70, 185, 120) 0%, rgb(0, 113, 185) 100%);
}

.centerTextCard {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.centerTextCard p {
  font-size: 20px;
  color: #272727;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 600px) {
  .centerTextCard p {
    font-size: 18px;
  }
}
.centerTextCard h2 {
  font-size: 20px;
  color: #272727;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Hanson";
  text-align: center;
}

.centerImageCard {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.centerImageCard img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 600px) {
  .centerImageCard {
    margin-bottom: 20px;
  }
}

.divStreach {
  justify-content: stretch;
  align-items: center;
}

.formRow {
  width: 100%;
  background-color: #F9F9F9;
  border-radius: 6px;
  padding: 0 10px;
  margin-bottom: 20px;
  border: solid 1px transparent;
}
.formRow.error {
  border: solid 1px rgb(255, 157, 157);
}
.formRow input {
  width: 100%;
  height: 60px;
  background-color: transparent;
  border: none;
  color: #272727;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.formRow input::-moz-placeholder {
  color: #7D7D7D;
}
.formRow input::placeholder {
  color: #7D7D7D;
}
@media (max-width: 600px) {
  .formRow input::-moz-placeholder {
    font-size: 12px;
  }
  .formRow input::placeholder {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .formRow input {
    font-size: 12px;
  }
}
.formRow textarea {
  width: 100%;
  max-width: 100%;
  height: 200px;
  background-color: transparent;
  border: none;
  color: #272727;
  font-size: 16px;
  text-transform: uppercase;
  padding-top: 10px;
  font-weight: 500;
}
@media (max-width: 600px) {
  .formRow textarea {
    font-size: 12px;
  }
}
.formRow textarea::-moz-placeholder {
  color: #7D7D7D;
}
.formRow textarea::placeholder {
  color: #7D7D7D;
}
@media (max-width: 600px) {
  .formRow textarea::-moz-placeholder {
    font-size: 12px;
  }
  .formRow textarea::placeholder {
    font-size: 12px;
  }
}

.formRowSelect {
  width: 100%;
  height: 60px;
  background-color: #F9F9F9;
  border-radius: 6px;
  margin-bottom: 20px;
  position: relative;
}

.formLabel {
  font-size: 20px;
  font-weight: 600;
  color: #272727;
  margin-bottom: 20px;
  padding-left: 20px;
}
@media (max-width: 600px) {
  .formLabel {
    font-size: 14px;
  }
}

.setting-description {
  background-color: transparent;
  border-radius: 0;
  min-width: 100%;
  width: 100% !important;
  max-width: 100%;
}

.setting-description-text {
  padding-top: 18px !important;
  color: #81828b;
  font-family: Gilroy-Regular !important;
}

.wrapper-dropdown {
  position: relative;
  display: inline-block;
  min-width: 100%;
  width: 100% !important;
  max-width: 100%;
  padding: 0px 0px 0px 0px;
  min-height: 42px;
  border-radius: 0px 0px 15px 15px;
  background: #f9f9f9;
  text-align: left;
  color: #717171;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .wrapper-dropdown {
    font-size: 12px;
  }
}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

.arrow {
  margin-left: 10px;
  margin-right: 10px;
  float: right;
  rotate: 180deg;
}

.selected-display {
  margin-left: 20px;
  font-weight: 500;
  text-transform: uppercase;
}

svg {
  transition: all 0.3s;
}

.wrapper-dropdown::before {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -2px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #fff transparent;
}

.rotated {
  transform: rotate(-180deg);
}

.wrapper-dropdown .dropdown {
  transition: 0.3s;
  position: absolute;
  top: 120%;
  right: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 99;
  border-radius: 15px;
  box-shadow: inherit;
  background: inherit;
  transform-origin: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
}

.wrapper-dropdown .dropdown li {
  padding: 0 15px;
  line-height: 45px;
  overflow: hidden;
}

.wrapper-dropdown .dropdown li:last-child {
  border-bottom: none;
}

.dropdown {
  padding: 0.5rem !important;
}

.wrapper-dropdown .dropdown li:hover {
  background-color: #46B978;
  border-radius: 10px;
  color: #fff;
}

.wrapper-dropdown.active .dropdown {
  opacity: 1;
  visibility: visible;
  border-radius: 15px;
}

.fileUpload {
  width: 100%;
  height: initial;
  position: relative;
  margin-bottom: 20px;
}

.file {
  position: relative;
  max-width: 100%;
  font-size: 1.0625rem;
  font-weight: 600;
}

.file__input, .file__value {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  margin-bottom: 0.875rem;
  color: rgba(255, 255, 255, 0.3);
  padding: 0.9375rem 1.0625rem;
  display: inline-block;
}

.file__input--file {
  position: absolute;
  opacity: 0;
  width: 150px !important;
}

.file__input--label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  width: 150px;
}

.file__input--label:after {
  content: attr(data-text-btn);
  border-radius: 3px;
  background-color: #EDEDED;
  padding: 0.9375rem 1.0625rem;
  margin: -0.9375rem -1.0625rem;
  padding-right: 50px;
  color: #272727;
  cursor: pointer;
  background-image: url("../images/upload.svg");
  -o-object-fit: contain;
     object-fit: contain;
  background-repeat: no-repeat;
  background-position: 92%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #777;
  font-weight: normal;
}
@media (max-width: 600px) {
  .file__input--label:after {
    font-size: 12px;
  }
}

.file__value {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  color: #272727;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 600px) {
  .file__value {
    font-size: 12px;
  }
}

.file__value:hover:after {
  color: #000;
}

.file__value:after {
  content: "X";
  cursor: pointer;
}

.file__value:after:hover {
  color: #000;
}

.file__remove {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
}

.buttonWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.headerSection {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 600px) {
  .headerSection {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.headerSection.headerBg {
  background-color: #fff;
  box-shadow: 0px 10px 28px 0px rgba(0, 0, 0, 0.13);
}
.headerSection.headerBg .menuTriger {
  background: linear-gradient(to right, rgb(70, 185, 120), rgb(0, 113, 185));
  height: 50px !important;
  width: 50px !important;
  transition: all 0.2s ease-in-out;
}
.headerSection.headerBg .menuTriger:hover {
  opacity: 0.8;
}
.headerSection.headerBg .menuTriger img {
  filter: invert(1);
  transform: scale(0.8);
}
@media (max-width: 992px) {
  .headerSection.headerBg .menuTriger img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 992pz) {
  .headerSection.headerBg .menuTriger {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (max-width: 600px) {
  .headerSection.headerBg .menuTriger {
    width: 40px !important;
    height: 40px !important;
  }
}
.headerSection.headerBg .topQuote {
  color: #fff !important;
  background: linear-gradient(to right, rgb(70, 185, 120), rgb(0, 113, 185));
  font-size: 14px !important;
  letter-spacing: 1.2px !important;
  font-weight: bold !important;
  padding: 15px 20px !important;
  transition: all 0.2s ease-in-out;
}
.headerSection.headerBg .topQuote:hover {
  opacity: 0.8;
}
@media (max-width: 992px) {
  .headerSection.headerBg .topQuote {
    padding: 8px 15px !important;
    font-size: 14px !important;
  }
}
@media (max-width: 600px) {
  .headerSection.headerBg .topQuote {
    display: none;
  }
}
.headerSection.headerBg .topQuote.macBtnStyles {
  padding: 13px 20px 13px !important;
}
@media (max-width: 992px) {
  .headerSection.headerBg .topQuote.macBtnStyles {
    padding: 13px 20px 13px !important;
  }
}
.headerSection .headerWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease-in-out;
  max-width: 1800px;
}
.headerSection .headerWrapper .logo {
  padding: 20px 20px;
  padding-top: 35px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}
.headerSection .headerWrapper .logo.logoTopFixed {
  padding-top: 20px;
}
.headerSection .headerWrapper .logo img {
  width: initial;
  height: 30px;
}
@media (max-width: 992px) {
  .headerSection .headerWrapper .logo img {
    height: 25px;
  }
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .logo img {
    height: 15px;
  }
}
@media (max-width: 992px) {
  .headerSection .headerWrapper .logo {
    padding: 14px 14px;
    padding-top: 21px;
  }
}
.headerSection .headerWrapper .headerRight {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .headerRight {
    gap: 10px;
  }
}
.headerSection .headerWrapper .headerRight .menuTriger {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.headerSection .headerWrapper .headerRight .menuTriger img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 992px) {
  .headerSection .headerWrapper .headerRight .menuTriger img {
    width: 20px;
    height: 20px;
  }
}
.headerSection .headerWrapper .headerRight .menuTriger:hover {
  background: linear-gradient(to right, rgb(70, 185, 120), rgb(0, 113, 185));
}
.headerSection .headerWrapper .headerRight .menuTriger:hover img {
  filter: invert(1);
}
@media (max-width: 992px) {
  .headerSection .headerWrapper .headerRight .menuTriger {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .headerRight .menuTriger {
    width: 40px;
    height: 40px;
  }
}
.headerSection .headerWrapper .headerRight .topQuote {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  padding: 20px 40px;
  border-radius: 50px;
  background-color: #fff;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
  cursor: pointer;
}
.headerSection .headerWrapper .headerRight .topQuote:hover {
  background: linear-gradient(to right, rgb(70, 185, 120), rgb(0, 113, 185));
  color: #fff;
}
@media (max-width: 992px) {
  .headerSection .headerWrapper .headerRight .topQuote {
    padding: 8px 15px !important;
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .headerSection .headerWrapper .headerRight .topQuote {
    font-family: "Raleway", sans-serif;
    font-size: 10px;
    padding: 8px 10px !important;
    display: none;
  }
}
.headerSection .headerWrapper .headerRight .topQuote.macBtnStyles {
  padding: 13px 20px 13px !important;
}
@media (max-width: 992px) {
  .headerSection .headerWrapper .headerRight .topQuote.macBtnStyles {
    padding: 13px 20px 13px !important;
  }
}

.menuSection {
  width: 100%;
  position: fixed;
  top: 0;
  left: initial;
  right: -120%;
  bottom: 0;
  z-index: 10000;
  background: rgb(70, 185, 120);
  background: linear-gradient(0deg, rgb(70, 185, 120) 0%, rgb(0, 113, 185) 100%);
  transition: all 1s cubic-bezier(0.54, 0.05, 0.15, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 60px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .menuSection {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.menuSection::before {
  content: "";
  position: absolute;
  top: 0px;
  right: -150px;
  width: 600px;
  height: 600px;
  z-index: 1;
  background-image: url("../images/menu-leaf-top.png");
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  .menuSection::before {
    width: 300px;
    height: 300px;
    right: 0px;
    top: 0;
  }
}
.menuSection::after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: -50px;
  width: 600px;
  height: 600px;
  z-index: 1;
  background-image: url("../images/menu-leaf-bottom.png");
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  .menuSection::after {
    width: 300px;
    height: 300px;
    left: -100px;
    bottom: 0;
  }
}
.menuSection.menuSectionActive {
  right: 0%;
}
.menuSection .menuSectionTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  z-index: 10;
}
@media (max-width: 600px) {
  .menuSection .menuSectionTop {
    left: 20px;
    right: 20px;
  }
}
.menuSection .menuSectionTop .menuLogo {
  padding: 35px 20px 15px;
  background-color: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
@media (max-width: 600px) {
  .menuSection .menuSectionTop .menuLogo {
    padding: 20px 10px 10px;
  }
}
.menuSection .menuSectionTop .menuLogo img {
  height: 30px;
  width: initial;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 600px) {
  .menuSection .menuSectionTop .menuLogo img {
    height: 20px;
  }
}
.menuSection .menuSectionTop .closeBtn {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 600px) {
  .menuSection .menuSectionTop .closeBtn {
    width: 40px;
    height: 40px;
  }
}
.menuSection .menuSectionTop .closeBtn img {
  width: 20px;
  height: 20px;
  transition: all 0.2s ease-in-out;
}
.menuSection .menuSectionTop .closeBtn:hover {
  background-color: #46B978;
}
.menuSection .menuSectionTop .closeBtn:hover img {
  filter: invert(1);
}
.menuSection .menuWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  position: relative;
  z-index: 100;
}
.menuSection .menuWrapper .menuLeftCard {
  max-width: 480px;
  width: 100%;
  padding: 30px 40px;
  border-radius: 40px;
  border: solid 4px rgba(255, 255, 255, 0.5);
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3113620448) 0%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 600px) {
  .menuSection .menuWrapper .menuLeftCard {
    padding: 30px 15px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%);
  }
}
.menuSection .menuWrapper .menuLeftCard ul {
  width: 100%;
  height: initial;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 600px) {
  .menuSection .menuWrapper .menuLeftCard ul {
    gap: 20px;
  }
}
@media (max-height: 600px) {
  .menuSection .menuWrapper .menuLeftCard ul {
    gap: 20px;
  }
}
.menuSection .menuWrapper .menuLeftCard ul li {
  width: 100%;
}
@media (min-width: 600px) {
  .menuSection .menuWrapper .menuLeftCard ul li:hover a {
    color: #324739;
    letter-spacing: 1px;
  }
}
.menuSection .menuWrapper .menuLeftCard ul li.menuActive a {
  color: #324739;
}
.menuSection .menuWrapper .menuLeftCard ul li.menuActive a img {
  filter: invert(1);
  opacity: 0.6;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.menuSection .menuWrapper .menuLeftCard ul li a {
  display: block;
  text-align: left;
  font-size: 24px;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Base Neue Med";
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  letter-spacing: 1.5px;
  line-height: 120%;
}
@media (max-width: 600px) {
  .menuSection .menuWrapper .menuLeftCard ul li a {
    font-size: 18px;
  }
}
.menuSection .menuWrapper .menuLeftCard ul li a img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: 20px;
  display: inline-block;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
@media (max-width: 600px) {
  .menuSection .menuWrapper .menuLeftCard ul li a img {
    width: 18px;
    height: 18px;
  }
}
.menuSection .menuWrapper .menuLeftCard ul li .resSubMenu {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.menuSection .menuWrapper .menuLeftCard ul li .resSubMenu.resSubMenuShow {
  max-height: 1000px;
  padding: 10px 0;
}
@media (max-width: 600px) {
  .menuSection .menuWrapper .menuLeftCard ul li .resSubMenu {
    gap: 15px;
  }
}
.menuSection .menuWrapper .menuLeftCard ul li .resSubMenu li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.menuSection .menuWrapper .menuLeftCard ul li .resSubMenu li:first-child {
  margin-top: 10px;
}
.menuSection .menuWrapper .menuLeftCard ul li .resSubMenu li:last-child {
  margin-bottom: 10px;
}
.menuSection .menuWrapper .menuLeftCard ul li .resSubMenu li a {
  font-size: 16px;
  color: #fff !important;
}
@media (max-width: 600px) {
  .menuSection .menuWrapper .menuLeftCard ul li .resSubMenu li a {
    font-size: 14px;
  }
}
.menuSection .menuWrapper .menuLeftCard ul li .resSubMenu li img {
  width: 20px !important;
  height: 20px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.menuSection .menuWrapper .menuLeftCard ul li .resSubMenu li:hover img {
  filter: invert(1);
}
.menuSection .menuWrapper .menuRightCard {
  max-width: 0px;
  width: 100%;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.menuSection .menuWrapper .menuRightCard.rightmenuShow {
  max-width: 390px;
}
.menuSection .menuWrapper .menuRightCard > div {
  display: none;
}
.menuSection .menuWrapper .menuRightCard h3 {
  font-size: 30px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
  font-family: "Base Neue Med";
  text-transform: uppercase;
}
.menuSection .menuWrapper .menuRightCard ul {
  width: 100%;
  height: initial;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 25px;
}
.menuSection .menuWrapper .menuRightCard ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.menuSection .menuWrapper .menuRightCard ul li:hover a {
  color: #324739;
}
.menuSection .menuWrapper .menuRightCard ul li a {
  display: block;
  text-align: left;
  font-size: 20px;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Base Neue Med";
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  letter-spacing: 1.2px;
  line-height: 110%;
}
.menuSection .menuWrapper .menuRightCard ul li img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: 20px;
  display: inline-block;
}
@media (max-width: 600px) {
  .menuSection .menuWrapper .menuRightCard {
    display: none !important;
  }
}

.homeBannerSection {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  padding: 0px 20px;
  padding-top: 230px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  gap: 250px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .homeBannerSection {
    gap: 100px;
  }
}
@media (max-width: 600px) {
  .homeBannerSection {
    padding: 0px 20px;
    padding-top: 110px;
  }
}
.homeBannerSection::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100px;
  position: absolute;
  top: initial;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(237, 248, 242) 0%, rgba(237, 248, 242, 0.8771883754) 18%, rgba(255, 255, 255, 0) 100%);
}
.homeBannerSection .banTopContent {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.homeBannerSection .banTopContent h1 {
  font-size: 70px;
  color: #fff !important;
  background-color: transparent !important;
  -webkit-text-fill-color: currentColor !important;
}
@media (max-width: 992px) {
  .homeBannerSection .banTopContent h1 {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  .homeBannerSection .banTopContent h1 {
    font-size: 19px;
  }
}
.homeBannerSection .banTopContent h2 {
  color: #fff !important;
  background-color: transparent !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 130px;
}
@media (max-width: 1366px) {
  .homeBannerSection .banTopContent h2 {
    font-size: 100px;
  }
}
@media (max-width: 992px) {
  .homeBannerSection .banTopContent h2 {
    font-size: 80px;
  }
}
@media (max-width: 600px) {
  .homeBannerSection .banTopContent h2 {
    font-size: 40px;
  }
}
.homeBannerSection .banTopContent p {
  max-width: 615px;
  color: #fff;
  text-align: center;
}
@media (max-width: 600px) {
  .homeBannerSection .banTopContent p {
    font-size: 16px;
  }
}
.homeBannerSection .banBottomContent {
  width: 1000px;
  height: 500px;
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  border: solid 20px #fff;
  padding-top: 100px;
  border-bottom: 0px;
}
@media (max-width: 600px) {
  .homeBannerSection .banBottomContent {
    width: 470px;
    height: 380px;
  }
}
.homeBannerSection .banBottomContent h1 {
  font-weight: 130px;
  color: #fff !important;
  background-color: transparent !important;
  -webkit-text-fill-color: currentColor !important;
}
@media (max-width: 600px) {
  .homeBannerSection .banBottomContent h1 {
    font-size: 55px;
  }
}
.homeBannerSection .banBottomContent h2 {
  font-size: 70px;
  color: #fff !important;
  background-color: transparent !important;
  -webkit-text-fill-color: currentColor !important;
}
@media (max-width: 600px) {
  .homeBannerSection .banBottomContent h2 {
    font-size: 30px;
  }
}

.solutonSliderSection {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(248, 255, 251) 0%, rgb(237, 248, 242) 100%);
  overflow: hidden;
}
.solutonSliderSection .solutionSliderWrap {
  width: 100%;
}
@media (max-width: 992px) {
  .solutonSliderSection .solutionSliderWrap {
    overflow: hidden;
  }
}
@media (max-width: 600px) {
  .solutonSliderSection .solutionSliderWrap {
    padding: 0 20px;
    overflow: hidden;
    width: 85%;
    overflow: visible;
  }
  .solutonSliderSection .solutionSliderWrap .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
}
.solutonSliderSection .solutionSliderWrap .solutionSlideCard {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  background: rgb(5, 209, 94);
  background: linear-gradient(0deg, rgba(5, 209, 94, 0.1) 0%, rgba(0, 156, 255, 0.1) 100%);
}
@media (max-width: 992px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard {
    flex-direction: column-reverse;
  }
}
.solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText {
  width: 50%;
  position: relative;
  padding: 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1440px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText {
    min-height: 430px;
  }
}
@media (max-width: 1280px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText {
    min-height: 450px;
  }
}
@media (max-width: 1080px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText {
    min-height: 400px;
  }
}
@media (max-width: 992px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText {
    min-height: 300px;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText {
    width: 100%;
    gap: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 280px;
  }
}
.solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText > div {
  display: block;
}
.solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText h4 {
  font-size: 24px;
  color: #272727;
  margin-bottom: 10px;
  font-weight: 600;
}
@media (max-width: 600px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText h4 {
    font-size: 18px;
    text-align: center;
  }
}
.solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText p {
  font-size: 16px;
  color: #272727;
  margin-bottom: 10px;
  opacity: 0.8;
  line-height: 24px;
}
@media (max-width: 1366px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText p {
    font-size: 14px;
  }
}
.solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText a {
  position: absolute;
  left: 25px;
  bottom: 25px;
}
@media (max-width: 1440px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText a {
    left: 0;
    bottom: 0;
    position: relative;
  }
}
@media (max-width: 600px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartText a {
    position: relative;
    left: 0;
    bottom: 0;
  }
}
.solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartImg {
  width: 50%;
  height: initial;
}
@media (max-width: 992px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartImg {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
  }
}
@media (max-width: 600px) {
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartImg {
    width: 100%;
  }
  .solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartImg img {
    max-height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
.solutonSliderSection .solutionSliderWrap .solutionSlideCard .slidecartImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.solutonSliderSection .solutionSliderWrap .owl-item {
  opacity: 0.4;
}
.solutonSliderSection .solutionSliderWrap .owl-item.center {
  opacity: 1;
}
@media (max-width: 1080px) {
  .solutonSliderSection .solutionSliderWrap .owl-item {
    opacity: 1;
  }
}
.solutonSliderSection .solutionSliderWrap .owl-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 600px) {
  .solutonSliderSection .solutionSliderWrap .owl-nav {
    display: none;
  }
}
@media (max-width: 600px) {
  .solutonSliderSection .solutionSliderWrap .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
  }
}

.blubSectio {
  width: 100%;
  padding: 200px 20px 100px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .blubSectio {
    padding: 200px 20px 50px;
  }
}
@media (max-width: 600px) {
  .blubSectio {
    padding: 50px 0px 0px;
    display: block;
  }
}
.blubSectio .buldLeafSection {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.blubSectio .buldLeafSection img {
  width: 100%;
}
.blubSectio .managementSection {
  aspect-ratio: 1/1;
  height: 750px;
  border-radius: 50%;
  position: relative;
  background: linear-gradient(to right, rgb(70, 185, 120), rgb(0, 113, 185));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 150px;
}
@media (max-width: 600px) {
  .blubSectio .managementSection {
    width: 450px;
    height: 450px;
    margin: 0 auto;
    margin-top: 150px;
  }
}
.blubSectio .managementSection::before {
  content: "";
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background-color: #fff;
  position: absolute;
  left: 20px;
  top: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 1;
  border-radius: 50%;
}
@media (max-width: 600px) {
  .blubSectio .managementSection::before {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
  }
}
.blubSectio .managementSection .manageTextWrap {
  text-align: center;
  position: absolute;
  z-index: 1;
  bottom: 22%;
  padding: 0 60px;
}
@media (max-width: 1440px) {
  .blubSectio .managementSection .manageTextWrap {
    padding: 0 60px;
  }
}
@media (max-width: 600px) {
  .blubSectio .managementSection .manageTextWrap {
    max-width: 300px;
    padding: 0 0px;
  }
}
.blubSectio .managementSection .manageTextWrap h5 {
  font-size: 22px;
  color: #272727;
  font-family: "Hanson";
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .blubSectio .managementSection .manageTextWrap h5 {
    font-size: 18px;
    max-width: 98%;
  }
}
.blubSectio .managementSection .manageTextWrap p {
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .blubSectio .managementSection .manageTextWrap p {
    font-size: 14px;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .blubSectio .managementSection .manageTextWrap p {
    font-size: 18px;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
.blubSectio .managementSection .bulbLg {
  width: 350px;
  height: initial;
  position: relative;
  z-index: 2;
  top: -210px;
}
.blubSectio .managementSection .bulbLg img {
  width: 100%;
}
@media (max-width: 600px) {
  .blubSectio .managementSection .bulbLg {
    width: 170px;
  }
}

.clientelSection {
  width: 100%;
  padding: 60px 20px 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 992px) {
  .clientelSection {
    padding: 60px 20px 50px;
  }
}
.clientelSection .clientDiv {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px 60px;
  flex-wrap: wrap;
  display: none;
}
@media (max-width: 600px) {
  .clientelSection .clientDiv {
    display: flex;
  }
}
.clientelSection .clientDiv img {
  width: initial;
  height: 60px;
}
@media (max-width: 600px) {
  .clientelSection .clientDiv img {
    width: 38%;
    height: initial;
  }
}
@media (max-width: 600px) {
  .clientelSection .sectionHeadingBlack {
    font-size: 30px;
  }
}

.quoteSection {
  width: 100%;
  padding: 50px 20px;
  background-color: #ecf0ea;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .quoteSection {
    padding: 30px 20px 100px;
  }
}
.quoteSection .quoteSecWrap {
  max-width: 950px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.quoteSection .quoteSecWrap .mariaImg {
  width: 627px;
  height: 627px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 100px;
  left: 0;
}
@media (max-width: 992px) {
  .quoteSection .quoteSecWrap .mariaImg {
    width: 450px;
    height: 450px;
    top: 200px;
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .quoteSection .quoteSecWrap .mariaImg {
    width: 300px;
    height: 300px;
    top: initial;
    bottom: -80px;
    border: solid 4px #fff;
    left: 50%;
    margin-left: -150px;
    z-index: 100;
  }
}
.quoteSection .quoteSecWrap .mariaImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quoteSection .quoteSecWrap .lageQuoteWrap {
  width: 470px;
  position: relative;
  z-index: 10;
}
@media (max-width: 992px) {
  .quoteSection .quoteSecWrap .lageQuoteWrap {
    width: 400px;
  }
}
@media (max-width: 600px) {
  .quoteSection .quoteSecWrap .lageQuoteWrap {
    width: initial;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
}
.quoteSection .quoteSecWrap .lageQuoteWrap p {
  max-width: 380px;
  color: #fff;
  position: absolute;
  z-index: 12;
  top: 100px;
  left: 50px;
}
@media (max-width: 992px) {
  .quoteSection .quoteSecWrap .lageQuoteWrap p {
    top: 70px;
    left: 25px;
  }
}
@media (max-width: 600px) {
  .quoteSection .quoteSecWrap .lageQuoteWrap p {
    font-size: 17px;
    max-width: 266px;
    line-height: 25px;
    top: 40px;
  }
}
.quoteSection .quoteSecWrap .lageQuoteWrap img {
  width: 100%;
  height: initial;
  position: relative;
  z-index: 10;
}
.quoteSection .quoteSecWrap .mariaInfocard {
  width: 230px;
  height: 230px;
  background-color: #fff;
  border-radius: 50%;
  padding: 20px;
  position: absolute;
  right: 0;
  bottom: 100px;
  z-index: 15;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 600px) {
  .quoteSection .quoteSecWrap .mariaInfocard {
    display: none;
  }
}
.quoteSection .quoteSecWrap .mariaInfocard h5 {
  font-size: 22px;
  color: #000;
  font-family: "Hanson";
}
.quoteSection .quoteSecWrap .mariaInfocard p {
  font-size: 16px;
  color: #000;
  text-align: center;
}

.homeClientSection {
  width: 100%;
  padding: 70px 20px;
  background-color: #edf8f2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .homeClientSection {
    padding: 50px 20px;
    overflow: hidden;
  }
}
.homeClientSection .homeClientWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px 20px;
}
.homeClientSection .homeClientWrap img {
  height: 60px;
  width: initial;
  filter: grayscale(1);
  opacity: 0.7;
}
@media (max-width: 600px) {
  .homeClientSection .homeClientWrap img {
    height: 40px;
  }
}

.testimonialSection {
  width: 100%;
  padding: 100px 20px;
  background-color: #ecf0ea;
  overflow: hidden;
}
@media (max-width: 992px) {
  .testimonialSection {
    padding: 50px 20px;
  }
}
.testimonialSection .homeTextimoniWrap {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 10px;
}
@media (max-width: 600px) {
  .testimonialSection .homeTextimoniWrap {
    width: 80%;
  }
  .testimonialSection .homeTextimoniWrap .owl-stage-outer {
    overflow: visible;
  }
}
.testimonialSection .homeTextimoniWrap .homeTesticard {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
  box-shadow: inset 1px 1px 0px 1px rgb(0, 113, 185), inset -1px -1px 0px 1px rgb(70, 185, 120);
}
@media (max-width: 600px) {
  .testimonialSection .homeTextimoniWrap .homeTesticard {
    min-height: 350px;
  }
}
.testimonialSection .homeTextimoniWrap .homeTesticard p {
  font-size: 16px;
  min-height: 170px;
}
.testimonialSection .homeTextimoniWrap .homeTesticard .sliDeCardFt {
  width: 100%;
}
.testimonialSection .homeTextimoniWrap .homeTesticard .sliDeCardFt h6 {
  font-size: 20px;
  font-weight: 700;
}
.testimonialSection .homeTextimoniWrap .homeTesticard .sliDeCardFt span {
  font-size: 14px;
  color: #272727;
  display: block;
}
.testimonialSection .homeTextimoniWrap .owl-stage {
  padding-bottom: 10px;
}
.testimonialSection .homeTextimoniWrap .owl-stage-outer {
  padding-right: 5px;
}
.testimonialSection .homeTextimoniWrap .owl-dots {
  display: flex !important;
  margin-top: 40px;
}

.recyclingSection {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 100px 20px;
}
@media (max-width: 992px) {
  .recyclingSection {
    padding: 50px 20px;
  }
}
.recyclingSection .recyclingWrap {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  align-items: flex-start;
  margin-bottom: 50px;
}
@media (max-width: 600px) {
  .recyclingSection .recyclingWrap {
    flex-direction: column;
  }
}
.recyclingSection .recyclingWrap > div {
  position: relative;
}
.recyclingSection .recyclingWrap > div::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ecf0ea;
  position: absolute;
  top: 0;
  right: -15px;
}
.recyclingSection .recyclingWrap > div:last-child::after {
  display: none;
}
.recyclingSection .recyclingWrap .footerBlogWrap {
  width: 100%;
  width: 66.67%;
}
@media (max-width: 600px) {
  .recyclingSection .recyclingWrap .footerBlogWrap {
    width: 100%;
  }
}
.recyclingSection .recyclingWrap .footerBlogWrap .footerBlogCont {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  gap: 30px;
}
@media (max-width: 600px) {
  .recyclingSection .recyclingWrap .footerBlogWrap .footerBlogCont {
    flex-direction: column;
  }
}
.recyclingSection .recyclingWrap .footerBlogWrap .footerBlogCont > div {
  position: relative;
}
.recyclingSection .recyclingWrap .footerBlogWrap .footerBlogCont > div::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ecf0ea;
  position: absolute;
  top: 0;
  right: -15px;
}
.recyclingSection .recyclingWrap .footerBlogWrap .footerBlogCont > div:last-child::after {
  display: none;
}
.recyclingSection .recyclingWrap .wastCard {
  width: 33.33%;
}
@media (max-width: 600px) {
  .recyclingSection .recyclingWrap .wastCard {
    width: 100%;
  }
}

.footerSection {
  width: 100%;
  height: initial;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 992px) {
  .footerSection {
    padding: 50px 20px;
  }
}
.footerSection .provideSection {
  width: 100%;
  max-width: 1200px;
  padding: 50px 0 100px;
  padding-right: 20%;
  position: relative;
  z-index: 10;
}
@media (max-width: 992px) {
  .footerSection .provideSection {
    padding: 50px 50px;
  }
}
@media (max-width: 600px) {
  .footerSection .provideSection {
    padding: 0px 0 150px;
  }
}
.footerSection .provideSection h6 {
  font-size: 24px;
  color: #000;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .footerSection .provideSection h6 {
    font-size: 16px;
  }
}
.footerSection .provideSection h2 {
  font-size: 75px;
  color: #000;
  font-family: "Hanson";
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 1280px) {
  .footerSection .provideSection h2 {
    font-size: 60px;
  }
}
@media (max-width: 1024px) {
  .footerSection .provideSection h2 {
    font-size: 40px;
  }
}
@media (max-width: 600px) {
  .footerSection .provideSection h2 {
    font-size: 32px;
  }
}
.footerSection .commonFooter {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 50px;
  position: relative;
  z-index: 10;
}
@media (max-width: 600px) {
  .footerSection .commonFooter {
    gap: 20px;
  }
}
.footerSection .commonFooter .footerLogo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footerSection .commonFooter .footerLogo a {
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.footerSection .commonFooter .footerLogo a:hover {
  opacity: 0.8;
}
.footerSection .commonFooter .footerLogo img {
  height: 40px;
}
@media (max-width: 600px) {
  .footerSection .commonFooter .footerLogo img {
    height: 25px;
  }
}
.footerSection .commonFooter .copySection {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .footerSection .commonFooter .copySection {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .footerSection .commonFooter .copySection {
    font-size: 14px;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .footerSection .commonFooter .copySection {
    font-size: 14px;
    text-align: center;
    padding-bottom: 24px;
    flex-direction: column;
  }
}
.footerSection .commonFooter .copySection a {
  display: inline-block;
  margin-left: 5px;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
  font-weight: 700;
  color: #272727;
  text-transform: capitalize;
}
.footerSection .commonFooter .copySection a:hover {
  opacity: 0.7;
}
.footerSection .commonFooter .footerNav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 1024px) {
  .footerSection .commonFooter .footerNav {
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .footerSection .commonFooter .footerNav .footerinfo {
    width: 100%;
    margin-bottom: 30px;
  }
}
.footerSection .commonFooter .footerNav .footerinfo ul li {
  margin-bottom: 15px;
}
.footerSection .commonFooter .footerNav .footerinfo ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .footerSection .commonFooter .footerNav .footerinfo ul li {
    margin-bottom: 25px;
  }
}
.footerSection .commonFooter .footerNav .footerinfo ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 600;
  color: #272727;
  line-height: 100%;
  word-break: break-all;
  transition: all 0.2s ease-in-out;
}
.footerSection .commonFooter .footerNav .footerinfo ul li a:hover {
  opacity: 0.7;
}
.footerSection .commonFooter .footerNav .footerinfo ul li a img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  top: -5px;
  margin-right: 10px;
}
@media (max-width: 600px) {
  .footerSection .commonFooter .footerNav .footerinfo ul li a {
    font-size: 14px;
  }
}
.footerSection .commonFooter .footerNav .footerinfo ul li.footerSocial a {
  display: inline-block;
  margin-right: 20px;
  width: 30px;
  height: 30px;
  transition: all 0.2s ease-in-out;
}
.footerSection .commonFooter .footerNav .footerinfo ul li.footerSocial a:hover {
  opacity: 0.8;
}
.footerSection .commonFooter .footerNav .footerinfo ul li.footerSocial a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1024px) {
  .footerSection .commonFooter .footerNav .footerMenu {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .footerSection .commonFooter .footerNav .footerMenu {
    width: 100%;
  }
}
.footerSection .commonFooter .footerNav .footerMenu ul li {
  margin-bottom: 15px;
}
.footerSection .commonFooter .footerNav .footerMenu ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .footerSection .commonFooter .footerNav .footerMenu ul li {
    margin-bottom: 25px;
  }
}
.footerSection .commonFooter .footerNav .footerMenu ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 600;
  color: #272727;
  line-height: 100%;
  transition: all 0.2s ease-in-out;
}
.footerSection .commonFooter .footerNav .footerMenu ul li a:hover {
  opacity: 0.7;
}
@media (max-width: 600px) {
  .footerSection .commonFooter .footerNav .footerMenu ul li a {
    font-size: 16px;
  }
}
.footerSection .largetree {
  position: absolute;
  bottom: 0;
  right: 0;
  top: initial;
  width: 650px;
  height: 120%;
  z-index: 0;
  overflow-x: hidden;
}
.footerSection .largetree img {
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media (max-width: 1440px) {
  .footerSection .largetree img {
    right: -170px;
  }
}
@media (max-width: 1280px) {
  .footerSection .largetree img {
    right: -250px;
  }
}
@media (max-width: 1024px) {
  .footerSection .largetree img {
    top: initial;
    width: 400px;
    right: -100px;
  }
}
@media (max-width: 992px) {
  .footerSection .largetree img {
    top: initial;
    width: 300px;
    right: -100px;
  }
}
@media (max-width: 600px) {
  .footerSection .largetree img {
    top: initial;
    width: 250px;
    right: -100px;
  }
}

.getQuoteButton {
  position: fixed;
  z-index: 1000;
  bottom: 30px;
  right: 0;
  border-radius: 60px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 10px 25px;
  font-size: 14px;
  color: #000;
  font-weight: 700;
  background-color: #fff;
  box-shadow: -4px 0px 21px 0px rgba(0, 0, 0, 0.07);
  display: none;
}

.manageWrap {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}

.infoTextarea {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 33px 60px;
  text-align: center;
  display: none;
}
.infoTextarea h3 {
  font-size: 20px;
  font-family: "Hanson";
  color: #000;
  margin-bottom: 5px;
}
.infoTextarea p {
  font-size: 12px;
  color: #000;
  margin-bottom: 0px;
}
@media (max-width: 600px) {
  .infoTextarea {
    display: block;
  }
}

.innerBannerOne {
  width: 100%;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 250px 20px 150px;
  position: relative;
  z-index: 0;
}
@media (max-width: 600px) {
  .innerBannerOne {
    padding: 150px 20px 150px;
  }
}
.innerBannerOne .innerBannerCont {
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  position: relative;
  z-index: 10;
}
.innerBannerOne .innerBannerCont .innerbannerHeading {
  font-size: 70px;
  color: #fff;
  font-family: "Hanson";
  line-height: 140%;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1080px) {
  .innerBannerOne .innerBannerCont .innerbannerHeading {
    font-size: 50px;
  }
}
@media (max-width: 1080px) {
  .innerBannerOne .innerBannerCont .innerbannerHeading {
    font-size: 40px;
  }
}
@media (max-width: 600px) {
  .innerBannerOne .innerBannerCont .innerbannerHeading {
    font-size: 32px;
  }
}
.innerBannerOne .innerBannerCont .innerbannerHeadingSm {
  font-size: 40px;
  color: #fff;
  font-family: "Hanson";
  line-height: 140%;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1080px) {
  .innerBannerOne .innerBannerCont .innerbannerHeadingSm {
    font-size: 50px;
  }
}
@media (max-width: 1080px) {
  .innerBannerOne .innerBannerCont .innerbannerHeadingSm {
    font-size: 32px;
  }
}
@media (max-width: 600px) {
  .innerBannerOne .innerBannerCont .innerbannerHeadingSm {
    font-size: 32px;
  }
}
.innerBannerOne .innerBannerCont h3 {
  font-size: 40px;
  font-family: "Hanson";
  color: #fff;
  text-align: center;
}
@media (max-width: 600px) {
  .innerBannerOne .innerBannerCont h3 {
    font-size: 32px;
  }
}
.innerBannerOne .innerBannerCont h4 {
  font-size: 70px;
  font-family: "Hanson";
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-transform: uppercase;
  text-wrap: balance;
}
@media (max-width: 600px) {
  .innerBannerOne .innerBannerCont h4 {
    font-size: 17px;
    gap: 10px;
  }
}
.innerBannerOne .innerBannerCont h4 span {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
}
@media (max-width: 600px) {
  .innerBannerOne .innerBannerCont h4 span {
    width: 8px;
    height: 8px;
  }
}
.innerBannerOne .innerBannerCont h5 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media (max-width: 600px) {
  .innerBannerOne .innerBannerCont h5 {
    font-size: 18px;
  }
}
.innerBannerOne::after {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background-image: url("../images/banner-shadow.png");
  background-position: center bottom;
  background-repeat: repeat;
  background-size: contain;
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 600px) {
  .innerBannerOne::after {
    background-size: cover;
  }
}
.innerBannerOne::before {
  content: "";
  display: block !important;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/banner-overlay.png");
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.mariaSection {
  width: 100%;
  padding: 100px 20px;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .mariaSection {
    padding: 50px 20px;
  }
}
.mariaSection .mariaSectionrow {
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 76px;
}
@media (max-width: 992px) {
  .mariaSection .mariaSectionrow {
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .mariaSection .mariaSectionrow {
    flex-direction: column-reverse;
  }
}
.mariaSection .mariaSectionrow .mariaText {
  width: 50%;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  flex-direction: column;
}
.mariaSection .mariaSectionrow .mariaText.mariaTextBg {
  position: relative;
  z-index: 1;
}
.mariaSection .mariaSectionrow .mariaText.mariaTextBg::before {
  content: "";
  display: block;
  width: 100%;
  background-image: url("../images/lead-one.png");
  position: absolute;
  top: -40px;
  left: -161px;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 600px) {
  .mariaSection .mariaSectionrow .mariaText.mariaTextBg::before {
    left: 0px;
  }
}
@media (max-width: 600px) {
  .mariaSection .mariaSectionrow .mariaText {
    width: 100%;
    position: relative;
  }
}
.mariaSection .mariaSectionrow .mariaText .mariaTextCircle {
  border-radius: 50%;
  background-color: #edf8f2;
  text-align: center;
  padding: 16px;
  aspect-ratio: 1/1;
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 600px) {
  .mariaSection .mariaSectionrow .mariaText .mariaTextCircle {
    position: absolute;
    top: -75px;
    left: 0px;
  }
}
.mariaSection .mariaSectionrow .mariaText .mariaTextCircle h3 {
  font-size: 24px;
  font-family: "Hanson";
  color: #272727;
}
.mariaSection .mariaSectionrow .mariaText .mariaTextCircle p {
  font-size: 16px;
  color: #272727;
}
@media (max-width: 600px) {
  .mariaSection .mariaSectionrow .mariaText .textCircleGap {
    display: block;
    height: 150px;
  }
}
.mariaSection .mariaSectionrow .mariaText h5 {
  font-size: 30px;
  color: #272727;
  line-height: 120%;
  font-family: "Hanson";
  text-transform: uppercase;
}
.mariaSection .mariaSectionrow .mariaText h6 {
  font-size: 20px;
  color: #272727;
  line-height: 120%;
  font-family: "Hanson";
  text-transform: uppercase;
}
.mariaSection .mariaSectionrow .mariaText.mariaTextSm {
  gap: 25px;
}
.mariaSection .mariaSectionrow .mariaText .buttonBorder {
  transition: all 0.2s ease-in-out;
}
.mariaSection .mariaSectionrow .mariaText .buttonBorder:hover {
  background: rgb(70, 185, 120);
  background: linear-gradient(96deg, rgb(70, 185, 120) 0%, rgb(0, 113, 185) 100%) !important;
  transition: all 0.2s ease-in-out;
}
.mariaSection .mariaSectionrow .mariaInfo {
  width: 50%;
  border-radius: 20px;
  overflow: hidden;
}
.mariaSection .mariaSectionrow .mariaInfo img {
  width: 100%;
}
@media (max-width: 600px) {
  .mariaSection .mariaSectionrow .mariaInfo {
    width: 100%;
  }
}
.mariaSection .mariaSectionrow .mariaVideo {
  width: 50%;
}
@media (max-width: 600px) {
  .mariaSection .mariaSectionrow .mariaVideo {
    width: 100%;
  }
}
.mariaSection .mariaSectionrow .mariaVideo iframe {
  border-radius: 20px;
}

.aboutSolutionSection {
  width: 100%;
  background-color: #fff;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .aboutSolutionSection {
    padding: 50px 20px;
  }
}
.aboutSolutionSection .aboutSolutionWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.aboutSolutionSection .aboutSolutionWrap .solutionItemWrap {
  max-width: 700px;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.aboutSolutionSection .aboutSolutionWrap .solutionItemWrap .solutionItemcard {
  width: 215px;
  height: 215px;
  border-radius: 10px;
  background-color: #edf8f2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 200px;
  padding: 20px;
  gap: 20px;
}
@media (max-width: 600px) {
  .aboutSolutionSection .aboutSolutionWrap .solutionItemWrap .solutionItemcard {
    width: 150px;
    height: 150px;
    padding: 10px;
  }
}
.aboutSolutionSection .aboutSolutionWrap .solutionItemWrap .solutionItemcard img {
  width: 50px;
  height: 50px;
}
@media (max-width: 600px) {
  .aboutSolutionSection .aboutSolutionWrap .solutionItemWrap .solutionItemcard img {
    width: 40px;
    height: 40px;
  }
}
.aboutSolutionSection .aboutSolutionWrap .solutionItemWrap .solutionItemcard p {
  font-size: 20px;
  font-weight: 500;
  color: #272727;
  line-height: 120%;
  text-align: center;
}
@media (max-width: 600px) {
  .aboutSolutionSection .aboutSolutionWrap .solutionItemWrap .solutionItemcard p {
    font-size: 18px;
  }
}

.blogSectionHeading {
  max-width: 800px;
}

.mProgramSectionOne {
  width: 100%;
  background-color: #ecf4f2;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media (max-width: 992px) {
  .mProgramSectionOne {
    padding: 50px 20px;
  }
}
.mProgramSectionOne::before {
  content: "";
  display: block;
  width: 400px;
  height: 400px;
  background-image: url("../images/section-top-leaf.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: initial;
  right: 0;
  top: 0;
  z-index: 0;
}
@media (max-width: 992px) {
  .mProgramSectionOne::before {
    background-size: contain;
  }
}
@media (max-width: 600px) {
  .mProgramSectionOne::before {
    width: 200px;
    height: 200px;
    top: -100px;
  }
}
.mProgramSectionOne::after {
  content: "";
  display: block;
  width: 400px;
  height: 400px;
  background-image: url("../images/section-bottom-leaf.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  right: initial;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 992px) {
  .mProgramSectionOne::after {
    background-size: contain;
  }
}
@media (max-width: 600px) {
  .mProgramSectionOne::after {
    left: -61px;
    bottom: 26%;
  }
}
.mProgramSectionOne .mProgramOneCont {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 50px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .mProgramSectionOne .mProgramOneCont {
    flex-direction: column;
    gap: 20px;
  }
}
.mProgramSectionOne .mProgramOneCont .mProgramOneContText {
  width: 60%;
}
@media (max-width: 1024px) {
  .mProgramSectionOne .mProgramOneCont .mProgramOneContText {
    width: 100%;
    text-align: center;
  }
}
.mProgramSectionOne .mProgramOneCont .mProgramOneContText h2 {
  font-size: 43px;
  background: -webkit-linear-gradient(#46b978, #0071b9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  line-height: 120%;
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .mProgramSectionOne .mProgramOneCont .mProgramOneContText h2 {
    font-size: 32px;
    text-align: left;
    margin-bottom: 50px;
  }
}
.mProgramSectionOne .mProgramOneCont .mProgramOneContText h6 {
  font-size: 24px;
  font-weight: 900;
  color: #1d1d1d;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .mProgramSectionOne .mProgramOneCont .mProgramOneContText h6 {
    text-align: left;
  }
}
.mProgramSectionOne .mProgramOneCont .mProgramOneContText ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 600px) {
  .mProgramSectionOne .mProgramOneCont .mProgramOneContText ul {
    gap: 10px;
  }
}
.mProgramSectionOne .mProgramOneCont .mProgramOneContText ul li {
  padding: 20px 30px;
  border-radius: 50px;
  background-color: #fff;
  font-size: 24px;
  color: #1d1d1d;
  font-weight: bold;
}
@media (max-width: 992px) {
  .mProgramSectionOne .mProgramOneCont .mProgramOneContText ul li {
    padding: 10px 15px;
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .mProgramSectionOne .mProgramOneCont .mProgramOneContText ul li {
    font-size: 12px;
  }
}
.mProgramSectionOne .mProgramOneCont .mProgramOneContImg {
  width: 40%;
  height: initial;
}
@media (max-width: 1024px) {
  .mProgramSectionOne .mProgramOneCont .mProgramOneContImg {
    width: 60%;
  }
}
@media (max-width: 992px) {
  .mProgramSectionOne .mProgramOneCont .mProgramOneContImg {
    width: 40%;
  }
}
@media (max-width: 600px) {
  .mProgramSectionOne .mProgramOneCont .mProgramOneContImg {
    width: 100%;
  }
}
.mProgramSectionOne .mProgramOneCont .mProgramOneContImg img {
  border-radius: 40px;
  width: 100%;
}

.mProgramBan::after {
  background-image: url("../images/banner-shadow-mp.png");
}

.pAssessmentsSection {
  width: 100%;
  background-color: #fff;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 992px) {
  .pAssessmentsSection {
    padding: 50px 20px;
  }
}
.pAssessmentsSection p {
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 600px) {
  .pAssessmentsSection p {
    font-size: 16px;
  }
}
.pAssessmentsSection h2 {
  margin-bottom: 10px;
}

.pStartedSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}
@media (max-width: 992px) {
  .pStartedSection {
    padding: 50px 20px;
  }
}
.pStartedSection::before {
  content: "";
  display: block;
  width: 400px;
  height: 300px;
  background-image: url("../images/section-top-leaf.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: initial;
  right: 0;
  top: 0;
  z-index: 0;
}
@media (max-width: 992px) {
  .pStartedSection::before {
    background-size: contain;
  }
}
@media (max-width: 600px) {
  .pStartedSection::before {
    display: none;
  }
}
.pStartedSection::after {
  content: "";
  display: block;
  width: 400px;
  height: 300px;
  background-image: url("../images/section-bottom-leaf.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  right: initial;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 992px) {
  .pStartedSection::after {
    background-size: contain;
  }
}
@media (max-width: 600px) {
  .pStartedSection::after {
    display: none;
  }
}
.pStartedSection .startedcardWrap {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  position: relative;
  z-index: 10;
}
.pStartedSection .startedcardWrap .startedcard {
  width: 100%;
  border-radius: 24px;
  padding: 40px 40px;
  text-align: left;
}
.pStartedSection .startedcardWrap .startedcard h4 {
  font-size: 34px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}
.pStartedSection .startedcardWrap .startedcard p {
  font-size: 24px;
  color: #fff;
  line-height: 140%;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .pStartedSection .startedcardWrap .startedcard p {
    font-size: 16px;
  }
}
.pStartedSection .startedcardWrap .startedcard.blueCard {
  background-color: #0071b9;
  padding-bottom: 100px;
}
@media (max-width: 600px) {
  .pStartedSection .startedcardWrap .startedcard.blueCard {
    padding-bottom: 70px;
  }
}
.pStartedSection .startedcardWrap .startedcard.blueCard::before {
  content: "↓";
  width: 105px;
  height: 105px;
  border-radius: 50%;
  border: solid 4px #fff;
  background: -webkit-linear-gradient(#46b978, #0071b9);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 40px;
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -52px;
  bottom: 47%;
  margin-bottom: -110px;
}
@media (max-width: 1024px) {
  .pStartedSection .startedcardWrap .startedcard.blueCard::before {
    margin-bottom: -75px;
  }
}
@media (max-width: 600px) {
  .pStartedSection .startedcardWrap .startedcard.blueCard::before {
    margin-bottom: -90px;
  }
}
.pStartedSection .startedcardWrap .startedcard.greenCard {
  background-color: #46b978;
}

.pGettingCardSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}
@media (max-width: 992px) {
  .pGettingCardSection {
    padding: 50px 20px;
  }
}
.pGettingCardSection .pGettingCardText {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  flex-direction: column;
}
.pGettingCardSection .pGettingCardText h2 {
  font-size: 45px;
  color: #272727;
  line-height: 120%;
  font-family: "Hanson";
}
@media (max-width: 992px) {
  .pGettingCardSection .pGettingCardText h2 {
    font-size: 32px;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .pGettingCardSection .pGettingCardText h2 {
    font-size: 24px;
    text-align: left;
  }
}
@media (max-width: 992px) {
  .pGettingCardSection .pGettingCardText p {
    font-size: 16px;
  }
}
.pGettingCardSection .pGettingCardImg {
  width: 100%;
}
@media (max-width: 992px) {
  .pGettingCardSection .pGettingCardImg {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .pGettingCardSection .pGettingCardImg {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.pGettingCardSection .pGettingCardImg img {
  width: 100%;
  border-radius: 20px;
}
.pGettingCardSection .row {
  margin-bottom: 150px;
}
@media (max-width: 992px) {
  .pGettingCardSection .row {
    margin-bottom: 50px;
  }
}
.pGettingCardSection .row:last-child {
  margin-bottom: 0px;
}
@media (max-width: 992px) {
  .pGettingCardSection .reRow {
    flex-direction: column-reverse;
  }
}

.pLookingSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}
@media (max-width: 992px) {
  .pLookingSection {
    padding: 50px 20px;
  }
}
.pLookingSection .pLookingCont {
  max-width: 1050px;
}
.pLookingSection .pLookingCont h3 {
  font-size: 45px;
  color: #272727;
  line-height: 120%;
  font-family: "Hanson";
  text-align: center;
}
@media (max-width: 992px) {
  .pLookingSection .pLookingCont h3 {
    font-size: 32px;
  }
}
.pLookingSection .pLookingCont .pLookingButtonCont {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media (max-width: 992px) {
  .pLookingSection .pLookingCont .pLookingButtonCont {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .pLookingSection .pLookingCont .pLookingButtonCont {
    flex-direction: column;
    gap: 15px;
  }
}

.rServiceSectionOne {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}
.rServiceSectionOne::before {
  content: "";
  display: block;
  width: 400px;
  height: 300px;
  background-image: url("../images/section-top-leaf.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: initial;
  left: -100px;
  bottom: -100px;
  z-index: -1;
}
@media (max-width: 992px) {
  .rServiceSectionOne::before {
    background-size: contain;
  }
}
@media (max-width: 600px) {
  .rServiceSectionOne::before {
    bottom: -111px;
    width: 200px;
    height: 180px;
    left: 0;
  }
}
@media (max-width: 992px) {
  .rServiceSectionOne {
    padding: 50px 20px;
  }
}
.rServiceSectionOne .rServiceSectionOneCont {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
@media (max-width: 600px) {
  .rServiceSectionOne .rServiceSectionOneCont {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.rServiceSectionOne .rServiceSectionOneCont .rServiceOneText {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 600px) {
  .rServiceSectionOne .rServiceSectionOneCont .rServiceOneText {
    width: 100%;
    flex-direction: column-reverse;
  }
}
.rServiceSectionOne .rServiceSectionOneCont .rServiceOneText h2 {
  font-size: 40px;
  color: #272727;
  line-height: 120%;
  margin-top: 20px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .rServiceSectionOne .rServiceSectionOneCont .rServiceOneText h2 {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  .rServiceSectionOne .rServiceSectionOneCont .rServiceOneText p {
    font-size: 16px;
  }
}
.rServiceSectionOne .rServiceSectionOneCont .rServiceOneTextUni {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 600px) {
  .rServiceSectionOne .rServiceSectionOneCont .rServiceOneTextUni {
    width: 100%;
  }
}
.rServiceSectionOne .rServiceSectionOneCont .rServiceOneTextUni h1 {
  font-size: 40px;
  color: #272727;
  line-height: 120%;
  margin-top: 20px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .rServiceSectionOne .rServiceSectionOneCont .rServiceOneTextUni h1 {
    font-size: 32px;
  }
}
.rServiceSectionOne .rServiceSectionOneCont .rServiceOneTextUni p {
  font-size: 24px;
  padding-left: 20%;
}
@media (max-width: 992px) {
  .rServiceSectionOne .rServiceSectionOneCont .rServiceOneTextUni p {
    font-size: 16px;
    padding-left: 0;
  }
}
.rServiceSectionOne .rServiceSectionOneCont .rServiceOneTextUni a {
  margin-left: 20%;
}
.rServiceSectionOne .rServiceSectionOneCont .rServiceOneImg {
  width: 50%;
}
@media (max-width: 600px) {
  .rServiceSectionOne .rServiceSectionOneCont .rServiceOneImg {
    width: 100%;
  }
}
.rServiceSectionOne .rServiceSectionOneCont .rServiceOneImg img {
  width: 100%;
}

.aspectedSection {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 60px;
  position: relative;
  z-index: 0;
  background: rgb(2, 0, 36);
  background: linear-gradient(180deg, rgb(2, 0, 36) 0%, rgba(255, 255, 255, 0) 0%, rgb(236, 244, 242) 100%);
  overflow: hidden;
}
.aspectedSection .aspectedWrapper {
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .aspectedSection .aspectedWrapper {
    flex-direction: column;
  }
}
.aspectedSection .aspectedWrapper .aspectedDiv {
  height: 580px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  z-index: 0;
  position: relative;
  background-image: url("../images/circle-gradient.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .aspectedSection .aspectedWrapper .aspectedDiv {
    height: 450px;
  }
}
@media (max-width: 600px) {
  .aspectedSection .aspectedWrapper .aspectedDiv {
    height: 350px;
    padding: 50px;
  }
}
.aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivLeft {
  right: -40px;
}
@media (max-width: 600px) {
  .aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivLeft {
    right: 0;
    top: 20px;
  }
}
.aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivLeft::before {
  content: "";
  display: block;
  width: 350px;
  height: 250px;
  background-image: url("../images/lead-one.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 71px;
  top: -80px;
  z-index: 1;
}
@media (max-width: 992px) {
  .aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivLeft::before {
    background-size: contain;
  }
}
@media (max-width: 600px) {
  .aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivLeft::before {
    top: -134px;
    left: 50px;
    width: 246px;
  }
}
.aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivRight {
  left: -40px;
}
@media (max-width: 600px) {
  .aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivRight {
    left: 0px;
    bottom: 20px;
  }
}
.aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivRight::before {
  content: "";
  display: block;
  width: 350px;
  height: 250px;
  background-image: url("../images/lead-one.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 71px;
  bottom: -50px;
  z-index: 1;
}
@media (max-width: 992px) {
  .aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivRight::before {
    background-size: contain;
  }
}
@media (max-width: 600px) {
  .aspectedSection .aspectedWrapper .aspectedDiv.aspectedDivRight::before {
    bottom: -134px;
    left: 50px;
    width: 246px;
  }
}
.aspectedSection .aspectedWrapper .aspectedDiv p {
  text-align: center;
}

.officeSection {
  width: 100%;
  background: rgb(2, 0, 36);
  background: linear-gradient(180deg, rgb(2, 0, 36) 0%, rgb(236, 240, 234) 0%, rgb(255, 255, 255) 15%, rgb(255, 255, 255) 85%, rgb(236, 244, 242) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 50px;
  padding: 100px 20px;
}
@media (max-width: 992px) {
  .officeSection {
    padding: 50px 20px;
  }
}
.officeSection .benifitSliderWrap {
  max-width: 1200px;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.officeSection .benifitSliderWrap .oddiceSliderDiv {
  margin-top: 50px;
  width: 100%;
  max-width: 400px;
}
@media (max-width: 600px) {
  .officeSection .benifitSliderWrap .oddiceSliderDiv {
    margin-top: 20px;
  }
}
.officeSection .benifitSliderWrap .oddiceSliderDiv .owl-item.active {
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
}
@media (max-width: 600px) {
  .officeSection .benifitSliderWrap .oddiceSliderDiv .owl-item.active {
    border-left: none;
    border-right: none;
  }
}
.officeSection .benifitSliderWrap .oddiceSliderDiv .officeSlidercard {
  padding: 20px;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  min-height: 350px;
}
@media (max-width: 1440px) {
  .officeSection .benifitSliderWrap .oddiceSliderDiv .officeSlidercard {
    min-height: 380px;
  }
}
@media (max-width: 600px) {
  .officeSection .benifitSliderWrap .oddiceSliderDiv .officeSlidercard {
    align-items: center;
    text-align: center;
    min-height: initial;
  }
}
.officeSection .benifitSliderWrap .oddiceSliderDiv .officeSlidercard .iconDiv {
  width: 64px;
  height: 64px;
  border-radius: 6px;
  background-color: #f0fff7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.officeSection .benifitSliderWrap .oddiceSliderDiv .officeSlidercard .iconDiv img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.officeSection .benifitSliderWrap .oddiceSliderDiv .officeSlidercard h3 {
  font-size: 20px;
  font-family: "Hanson";
  color: #272727;
}
.officeSection .benifitSliderWrap .oddiceSliderDiv .officeSlidercard p {
  font-weight: 600;
}
@media (max-width: 600px) {
  .officeSection .benifitSliderWrap .oddiceSliderDiv .officeSlidercard p {
    font-size: 16px;
  }
}
.officeSection .benifitSliderWrap .oddiceSliderDiv .owl-carousel .owl-stage-outer {
  overflow: visible;
}
@media (max-width: 600px) {
  .officeSection .benifitSliderWrap .oddiceSliderDiv .owl-carousel .owl-stage-outer {
    border-right: none;
    border-left: none;
  }
}
.officeSection .benifitSliderWrap .oddiceSliderDiv .owl-dots {
  margin-top: 40px;
}

.liquidationSection {
  width: 100%;
  padding: 100px 20px;
  background-color: #ecf0ea;
  display: flex;
  justify-content: center;
  align-items: center;
}
.liquidationSection .liquidationWrap {
  max-width: 1000px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
.liquidationSection .liquidationWrap img {
  width: 100%;
  border-radius: 20px;
}
.liquidationSection .liquidationWrap h4 {
  font-size: 42px;
  color: #272727;
  font-family: "Hanson";
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .liquidationSection .liquidationWrap h4 {
    font-size: 30px;
    text-align: center;
  }
}
.liquidationSection .liquidationWrap p {
  text-align: center;
  font-weight: 600;
}
@media (max-width: 992px) {
  .liquidationSection .liquidationWrap p {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .liquidationSection .liquidationWrap p {
    text-align: center;
  }
}
.liquidationSection .liquidationWrap a:hover::before {
  background: rgb(70, 185, 120);
  background: linear-gradient(96deg, rgb(70, 185, 120) 0%, rgb(0, 113, 185) 100%) !important;
}

.opMariaSection {
  background: rgb(2, 0, 36);
  background: linear-gradient(180deg, rgb(2, 0, 36) 0%, rgb(236, 240, 234) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 75%, rgb(255, 255, 255) 100%);
  padding: 100px 20px;
}
@media (max-width: 992px) {
  .opMariaSection {
    padding: 50px 20px;
  }
}
.opMariaSection .greenTag {
  border-radius: 10px;
  padding: 10px 20px;
  background-color: #46b978;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
@media (max-width: 600px) {
  .opMariaSection .greenTag {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .opMariaSection .mariaSectionrow {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .opMariaSection p {
    font-size: 16px;
  }
}

.opLookingSection {
  background: rgb(2, 0, 36);
  background: linear-gradient(180deg, rgb(2, 0, 36) 0%, rgb(255, 255, 255) 0%, rgb(236, 240, 234) 25%, rgb(236, 240, 234) 75%, rgb(255, 255, 255) 100%);
  width: 100%;
}

.opButtonSection {
  flex-direction: column;
  background: rgb(2, 0, 36);
  background: linear-gradient(180deg, rgb(2, 0, 36) 0%, rgb(255, 255, 255) 0%, rgb(236, 240, 234) 25%, rgb(236, 240, 234) 75%, rgb(255, 255, 255) 100%);
}
.opButtonSection a {
  max-width: 427px;
  font-size: 24px;
  padding-left: 40px;
  padding-right: 40px;
}
.opButtonSection .headingSection {
  margin-bottom: 20px;
}

.footerBlogBtn {
  width: 100%;
  max-width: 1200px;
  text-align: left;
}

.universalBanner::after {
  background-image: url("../images/banner-shadow-mp.png");
}

.universalSectionOne {
  width: 100%;
  background-color: #ecf4f2;
  overflow: hidden;
}
@media (max-width: 600px) {
  .universalSectionOne {
    padding-top: 100px;
  }
}
.universalSectionOne::after {
  content: "";
  display: block;
  width: 400px;
  height: 300px;
  background-image: url(../images/section-bottom-leaf.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: -50px;
  top: -100px;
  z-index: -1;
}
@media (max-width: 600px) {
  .universalSectionOne::after {
    width: 250px !important;
    height: 200px !important;
    -o-object-fit: contain;
       object-fit: contain;
    top: -79px;
  }
}
@media (max-width: 600px) {
  .universalSectionOne::before {
    width: 250px !important;
    height: 200px !important;
    -o-object-fit: contain;
       object-fit: contain;
    left: -50px;
    bottom: -50px;
  }
}
.universalSectionOne .rServiceSectionOneCont .rServiceOneTextUni {
  width: 85%;
}
.universalSectionOne .rServiceOneImg {
  width: 15%;
  border-radius: 30px;
  overflow: hidden;
}

.fSectionOneCont {
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.fSectionOneCont .fCardFirstWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: stretch;
  gap: 10px;
}
@media (max-width: 992px) {
  .fSectionOneCont .fCardFirstWrap {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .fSectionOneCont .fCardFirstWrap {
    flex-direction: column-reverse;
  }
}
.fSectionOneCont .fCardFirstWrap .fFirstCardImgLg {
  border-radius: 12px;
  overflow: hidden;
  width: 50%;
}
@media (max-width: 992px) {
  .fSectionOneCont .fCardFirstWrap .fFirstCardImgLg {
    width: 100%;
    max-height: 400px;
  }
}
@media (max-width: 600px) {
  .fSectionOneCont .fCardFirstWrap .fFirstCardImgLg {
    display: none;
  }
}
.fSectionOneCont .fCardFirstWrap .fFirstCardImgLg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fSectionOneCont .fCardFirstWrap .fFirstCardText {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  background-color: #46B978;
  padding: 70px 40px;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .fSectionOneCont .fCardFirstWrap .fFirstCardText {
    width: 100%;
    padding: 40px 20px;
  }
}
@media (max-width: 600px) {
  .fSectionOneCont .fCardFirstWrap .fFirstCardText {
    width: 100%;
    padding: 50px 40px;
    gap: 40px;
  }
}
.fSectionOneCont .fCardFirstWrap .fFirstCardText p {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
}
.fSectionOneCont .fCardFirstWrap .fFirstCardText h1 {
  font-size: 40px;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 600px) {
  .fSectionOneCont .fCardFirstWrap .fFirstCardText h1 {
    font-size: 24px;
  }
}
.fSectionOneCont .fCardFirstWrapBottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media (max-width: 600px) {
  .fSectionOneCont .fCardFirstWrapBottom {
    display: none;
  }
}
.fSectionOneCont .fCardFirstWrapBottom img {
  border-radius: 12px;
}

.fCardFirstResWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  display: none;
}
.fCardFirstResWrap img {
  border-radius: 12px;
  width: calc(50% - 10px);
  height: 150px;
}
@media (max-width: 600px) {
  .fCardFirstResWrap img {
    -o-object-fit: cover;
       object-fit: cover;
    height: initial;
    aspect-ratio: 1/1;
  }
}
.fCardFirstResWrap img:nth-child(1) {
  order: 4;
}
@media (max-width: 600px) {
  .fCardFirstResWrap {
    display: flex;
  }
}

.fCenterCardSection {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 20px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .fCenterCardSection {
    padding: 50px 20px;
  }
}
.fCenterCardSection::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 400px;
  height: 300px;
  background-image: url(../images/section-bottom-leaf.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 600px) {
  .fCenterCardSection::after {
    width: 250px !important;
    height: 200px !important;
    -o-object-fit: contain;
       object-fit: contain;
    bottom: -50px;
    right: -50px;
  }
}
.fCenterCardSection .fCenterCardWrap {
  max-width: 1200px;
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media (max-width: 600px) {
  .fCenterCardSection .fCenterCardWrap {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .fCenterCardSection .fCenterCardWrap .reserved {
    flex-direction: column-reverse;
  }
}

.fVideoSection {
  padding: 120px 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(2, 0, 36);
  background: linear-gradient(180deg, rgb(2, 0, 36) 0%, rgb(255, 255, 255) 0%, rgb(236, 240, 234) 10%, rgb(236, 240, 234) 90%, rgb(236, 240, 234) 100%);
}
.fVideoSection .fVideoWrap {
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-direction: column;
}
.fVideoSection .fVideoWrap .fVideoDiv {
  width: 100%;
}
.fVideoSection .fVideoWrap .fVideoDiv iframe {
  width: 100%;
  height: 600px;
  border-radius: 12px;
}
@media (max-width: 600px) {
  .fVideoSection .fVideoWrap .fVideoDiv iframe {
    height: 200px;
  }
}
.fVideoSection .fVideoWrap .fVideotextWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.fVideoSection .fVideoWrap .fVideotextWrap h3 {
  font-size: 32px;
  color: #272727;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 600px) {
  .fVideoSection .fVideoWrap .fVideotextWrap h3 {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .fVideoSection {
    padding: 50px 20px;
  }
}

.firstWrapText {
  width: 100%;
}
.firstWrapText p {
  font-size: 24px;
  color: #272727;
  font-weight: normal;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.firstWrapText p span {
  font-weight: 700;
}

.firstWrapImg {
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
}
.firstWrapImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.container-1080 {
  max-width: 1080px;
  width: 100%;
}

.iassesmentSection {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(255, 255, 255) 0%, rgb(236, 244, 242) 10%, rgb(236, 244, 242) 90%, rgb(236, 244, 242) 100%);
}

.insdSolutionSection .headingSection {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.insdSolutionSection .headingSection .sectionHeadingGradient {
  max-width: 850px;
  width: 100%;
}

.insdButtonSection .pLookingButtonCont {
  margin-top: 0px !important;
}
.insdButtonSection .pLookingButtonCont .buttonBorder {
  max-width: 335px;
  line-height: 140%;
}

@media (max-width: 600px) {
  .indusOneSection .divStreach {
    flex-direction: column-reverse;
  }
}
.indusOneSection .divStreach .firstWrapImg {
  margin-bottom: 20px;
}
.indusOneSection .divStreach .firstWrapText p {
  font-size: 18px;
  text-align: left;
}
@media (max-width: 600px) {
  .indusOneSection .divStreach .firstWrapText p {
    text-align: center;
  }
}
.indusOneSection .divStreach .firstWrapText a {
  max-width: 300px;
}

.dumpOneSectionCont {
  width: 100%;
  max-width: 1200px;
  background-color: #fff;
  padding: 80px 40px;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
@media (max-width: 992px) {
  .dumpOneSectionCont {
    padding: 40px 20px;
    flex-direction: column;
  }
}
.dumpOneSectionCont .dumpOneSectionImg {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
@media (max-width: 600px) {
  .dumpOneSectionCont .dumpOneSectionImg {
    width: 100%;
  }
}
.dumpOneSectionCont .dumpOneSectionImg img {
  border-radius: 20px;
  width: 166px;
  height: initial;
}
@media (max-width: 600px) {
  .dumpOneSectionCont .dumpOneSectionImg img {
    width: calc(33.33% - 10px);
  }
}
.dumpOneSectionCont .dumpOneSectionImg img:first-child {
  margin-top: 120px;
}
.dumpOneSectionCont .dumpOneSectionImg img:nth-child(2) {
  margin-top: -100px;
}
.dumpOneSectionCont .dumpOneSectionImg img:last-child {
  margin-top: 60px;
}
.dumpOneSectionCont .dumpOneSectionText {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 992px) {
  .dumpOneSectionCont .dumpOneSectionText {
    width: 100%;
  }
}
.dumpOneSectionCont .dumpOneSectionText span {
  font-size: 18px;
  color: #475569;
  line-height: 120%;
}
@media (max-width: 600px) {
  .dumpOneSectionCont .dumpOneSectionText span {
    line-height: 150%;
  }
}
.dumpOneSectionCont .dumpOneSectionText h4 {
  font-size: 40px;
  color: #272727;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 600px) {
  .dumpOneSectionCont .dumpOneSectionText h4 {
    font-size: 24px;
    line-height: 140%;
  }
}

.dumpStartedSection {
  width: 100%;
  overflow: hidden;
  padding: 100px 20px;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(255, 255, 255) 0%, rgb(236, 240, 234) 100%);
}
@media (max-width: 992px) {
  .dumpStartedSection {
    padding: 50px 20px;
  }
}
.dumpStartedSection .topLeftLeaf {
  width: 300px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 150px;
  left: -50px;
}
@media (max-width: 600px) {
  .dumpStartedSection .topLeftLeaf {
    display: none;
  }
}
.dumpStartedSection .topRightLeaf {
  width: 300px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 100px;
  right: -50px;
  display: none;
}
@media (max-width: 600px) {
  .dumpStartedSection .topRightLeaf {
    width: 194px;
    height: 97px;
    top: 22px;
  }
}
.dumpStartedSection .bottomRightLeaf {
  width: 300px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  right: -50px;
  bottom: 0px;
}
.dumpStartedSection .startedTopcardSection {
  width: 100%;
  max-width: 1200px;
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 100px;
}
@media (max-width: 992px) {
  .dumpStartedSection .startedTopcardSection {
    gap: 40px;
  }
}
.dumpStartedSection .startedTopcardSection .startedTopcardWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
@media (max-width: 600px) {
  .dumpStartedSection .startedTopcardSection .startedTopcardWrap {
    flex-direction: column;
  }
}
.dumpStartedSection .startedTopcardSection .startedTopCard {
  width: 33.33%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 600px) {
  .dumpStartedSection .startedTopcardSection .startedTopCard {
    width: 100%;
  }
}
.dumpStartedSection .startedTopcardSection .startedTopCard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}

.dumpTextCard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
.dumpTextCard .numberDiv {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .dumpTextCard .numberDiv {
    height: 60px;
    width: 60px;
  }
}
@media (max-width: 600px) {
  .dumpTextCard .numberDiv {
    display: none;
  }
}
.dumpTextCard .numberDiv span {
  font-size: 60px;
  color: #272727;
  font-weight: 500;
  line-height: 40px;
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 1080px) {
  .dumpTextCard .numberDiv span {
    font-size: 40px;
  }
}
@media (max-width: 992px) {
  .dumpTextCard .numberDiv span {
    font-size: 34px;
  }
}
@media (max-width: 600px) {
  .dumpTextCard .numberDiv span {
    font-size: 30px;
  }
}
.dumpTextCard h5 {
  font-size: 40px;
  font-weight: 600;
  color: #272727;
}
@media (max-width: 1080px) {
  .dumpTextCard h5 {
    font-size: 34px;
  }
}
@media (max-width: 992px) {
  .dumpTextCard h5 {
    font-size: 25px;
  }
}
.dumpTextCard h5 .numberDiv {
  display: none;
}
@media (max-width: 600px) {
  .dumpTextCard h5 .numberDiv {
    display: inline-flex !important;
    margin-right: 15px;
    height: 40px;
    width: 40px;
  }
  .dumpTextCard h5 .numberDiv span {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
.dumpTextCard p {
  font-size: 20px;
  font-weight: 500;
  color: #6a6a6a;
  min-height: 200px;
}
@media (max-width: 992px) {
  .dumpTextCard p {
    font-size: 16px;
    min-height: initial;
  }
}

.dumpsterSection {
  width: 100%;
  overflow: hidden;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(2, 0, 36);
  position: relative;
  z-index: 0;
  background: linear-gradient(180deg, rgb(2, 0, 36) 0%, rgb(255, 255, 255) 0%, rgb(236, 240, 234) 100%);
}
@media (max-width: 992px) {
  .dumpsterSection {
    padding: 150px 20px 50px;
  }
}
.dumpsterSection .sectionHeadingBlack {
  margin-bottom: 100px;
}
@media (max-width: 992px) {
  .dumpsterSection .sectionHeadingBlack {
    margin-bottom: 50px;
  }
}
.dumpsterSection .container-1200 {
  position: relative;
  z-index: 10;
}
.dumpsterSection .container-1200 .row {
  margin-top: 50px !important;
}
@media (max-width: 992px) {
  .dumpsterSection .container-1200 .row {
    margin-top: 50px !important;
  }
}
.dumpsterSection .container-1200 .row.colRevers {
  flex-direction: column-reverse;
}
.dumpsterSection .imageCard {
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .dumpsterSection .imageCard {
    margin-bottom: 30px;
  }
}
.dumpsterSection .imageCard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dumpsterSection .textCard {
  padding: 40px;
}
@media (max-width: 1080px) {
  .dumpsterSection .textCard {
    padding: 0px 20px;
  }
}
@media (max-width: 992px) {
  .dumpsterSection .textCard {
    padding: 0px 0px;
  }
}
.dumpsterSection .topLeftLeaf {
  width: 300px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 60%;
  left: 50%;
}
.dumpsterSection .topRightLeaf {
  width: 300px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 100px;
  right: 30%;
}
.dumpsterSection .bottomRightLeaf {
  width: 300px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
@media (max-width: 600px) {
  .dumpsterSection .bottomRightLeaf {
    width: 189px;
    height: 91px;
    bottom: -37px;
  }
}

.leedgreenWrap {
  width: 100%;
  max-width: 1200px;
  border-radius: 30px;
  background-color: #46B978;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.leedgreenWrap .leedgreenBg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.2;
  height: 100%;
  width: initial;
}
@media (max-width: 600px) {
  .leedgreenWrap .leedgreenBg {
    display: none;
  }
}
.leedgreenWrap .leedgreenBgRes {
  display: none;
}
@media (max-width: 600px) {
  .leedgreenWrap .leedgreenBgRes {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0.2;
    display: block;
    width: 100%;
  }
}
.leedgreenWrap .leedgreenCont {
  width: 100%;
  padding: 80px;
  padding-left: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  z-index: 10;
  gap: 30px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .leedgreenWrap .leedgreenCont {
    padding-left: 80px;
  }
}
@media (max-width: 600px) {
  .leedgreenWrap .leedgreenCont {
    padding: 20px;
    padding-top: 250px;
    text-align: center;
    align-items: center;
  }
}
.leedgreenWrap .leedgreenCont p {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 992px) {
  .leedgreenWrap .leedgreenCont p {
    font-size: 18px;
  }
}

.embranceSection {
  width: 100%;
  overflow: hidden;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .embranceSection {
    padding: 50px 20px;
  }
}
.embranceSection .embranceWrapper {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}
.embranceSection .embranceWrapper .embranceCard {
  width: calc(25% - 10px);
  border-radius: 30px;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  overflow: hidden;
  min-height: 380px;
}
@media (max-width: 1024px) {
  .embranceSection .embranceWrapper .embranceCard {
    width: calc(33.33% - 10px);
  }
}
@media (max-width: 992px) {
  .embranceSection .embranceWrapper .embranceCard {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .embranceSection .embranceWrapper .embranceCard {
    width: 100%;
    min-height: initial;
    padding-left: 110px;
  }
}
.embranceSection .embranceWrapper .embranceCard .eIconDiv {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #dae9e0;
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .embranceSection .embranceWrapper .embranceCard .eIconDiv {
    position: absolute;
    left: 35px;
  }
}
.embranceSection .embranceWrapper .embranceCard .eIconDiv img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.embranceSection .embranceWrapper .embranceCard h6 {
  font-size: 32px;
  font-weight: 700;
  color: #272727;
}
@media (max-width: 600px) {
  .embranceSection .embranceWrapper .embranceCard h6 {
    font-size: 24px;
  }
}
.embranceSection .embranceWrapper .embranceCard p {
  font-size: 18px;
  color: #272727;
}

.leedWasteSection {
  width: 100%;
  background-color: #e9f9ff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.leedWasteSection .largeCircleBg {
  position: absolute;
  z-index: 1;
  bottom: -100px;
  width: 1600px;
  height: 1600px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 992px) {
  .leedWasteSection .largeCircleBg {
    bottom: initial;
    top: 350px;
  }
}
@media (max-width: 992px) {
  .leedWasteSection .largeCircleBg {
    top: 180px;
    width: 1300px;
  }
}
.leedWasteSection .leedBottomLeft {
  width: 600px;
  height: 500px;
  position: absolute;
  left: 0;
  bottom: 50px;
  z-index: 1;
}
@media (max-width: 1680px) {
  .leedWasteSection .leedBottomLeft {
    width: 400px;
    height: 300px;
  }
}
@media (max-width: 1440px) {
  .leedWasteSection .leedBottomLeft {
    left: -50px;
  }
}
@media (max-width: 1080px) {
  .leedWasteSection .leedBottomLeft {
    left: -100px;
    bottom: 0px;
  }
}
@media (max-width: 992px) {
  .leedWasteSection .leedBottomLeft {
    left: -150px;
    bottom: -60px;
  }
}
@media (max-width: 600px) {
  .leedWasteSection .leedBottomLeft {
    display: none;
  }
}
.leedWasteSection .leedBottomRight {
  width: 600px;
  height: 500px;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 50px;
}
@media (max-width: 1680px) {
  .leedWasteSection .leedBottomRight {
    width: 400px;
    height: 300px;
  }
}
@media (max-width: 1440px) {
  .leedWasteSection .leedBottomRight {
    right: -50px;
  }
}
@media (max-width: 1080px) {
  .leedWasteSection .leedBottomRight {
    right: -100px;
    bottom: -50px;
  }
}
@media (max-width: 992px) {
  .leedWasteSection .leedBottomRight {
    right: -150px;
    bottom: -60px;
  }
}
@media (max-width: 600px) {
  .leedWasteSection .leedBottomRight {
    width: 400px;
    height: 200px;
    -o-object-fit: contain;
       object-fit: contain;
    bottom: 12%;
  }
}
.leedWasteSection .leedWasteTopWrap {
  width: 100%;
  position: relative;
  z-index: 10;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 992px) {
  .leedWasteSection .leedWasteTopWrap {
    padding: 50px 20px;
  }
}
.leedWasteSection .leedWasteTopWrap h4 {
  font-size: 24px;
  font-weight: 700;
  color: #272727;
  line-height: 150%;
  max-width: 860px;
  text-align: center;
}
@media (max-width: 992px) {
  .leedWasteSection .leedWasteTopWrap h4 {
    font-size: 18px;
    margin-top: 20px;
  }
}
.leedWasteSection .leedWasteTopWrap .sectionHeadingGradientSm {
  max-width: 860px;
  text-align: center;
}
.leedWasteSection .leedWasteTopWrap .leedWasteCardContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  max-width: 1200px;
  margin-top: 60px;
}
.leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard {
  width: 100%;
  background-color: #fff;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
}
@media (max-width: 600px) {
  .leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard {
    flex-direction: column;
  }
}
.leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard .leedWasteCardImg {
  width: 245px;
  height: 245px;
  border-radius: 12px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard .leedWasteCardImg {
    width: 100%;
  }
}
.leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard .leedWasteCardText {
  width: calc(100% - 260px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 600px) {
  .leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard .leedWasteCardText {
    width: 100%;
  }
}
.leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard .leedWasteCardText h3 {
  font-size: 48px;
  font-weight: 700;
  color: #272727;
  line-height: 150%;
}
@media (max-width: 992px) {
  .leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard .leedWasteCardText h3 {
    font-size: 32px;
  }
}
@media (max-width: 600px) {
  .leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard .leedWasteCardText h3 {
    font-size: 24px;
  }
}
.leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard .leedWasteCardText p {
  font-size: 20px;
  color: #7d7d7d;
  line-height: 150%;
  font-weight: 500;
}
@media (max-width: 600px) {
  .leedWasteSection .leedWasteTopWrap .leedWasteCardContainer .leedWasteCard .leedWasteCardText p {
    font-size: 16px;
  }
}
.leedWasteSection .leedWasteBottomWrap {
  width: 100%;
  max-width: 860px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  padding: 100px 20px;
  position: relative;
  z-index: 10;
}
@media (max-width: 992px) {
  .leedWasteSection .leedWasteBottomWrap {
    padding: 50px 20px;
  }
}
.leedWasteSection .leedWasteBottomWrap h4 {
  font-size: 48px;
  font-weight: 700;
  color: #272727;
  text-align: center;
  line-height: 150%;
}
@media (max-width: 600px) {
  .leedWasteSection .leedWasteBottomWrap h4 {
    font-size: 32px;
  }
}

.innerBannerTwo::after {
  display: none;
}

.equipmentSection {
  flex-direction: column;
  gap: 100px;
  width: 100%;
  background: rgb(2, 0, 36);
  background: linear-gradient(180deg, rgb(2, 0, 36) 0%, rgb(255, 255, 255) 0%, rgb(238, 249, 255) 50%, rgb(255, 255, 255) 100%);
}
@media (max-width: 600px) {
  .equipmentSection {
    gap: 40px;
  }
}
.equipmentSection .mariaText {
  padding: 0 80px;
}
@media (max-width: 992px) {
  .equipmentSection .mariaText {
    padding: 0 0px;
  }
}
@media (max-width: 600px) {
  .equipmentSection .mariaSectionrow:nth-child(odd) {
    flex-direction: column-reverse;
  }
}

.blogSection {
  width: 100%;
  padding: 100px 20px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 600px) {
  .blogSection {
    padding: 50px 20px;
  }
}
.blogSection .blogCateWrap {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1080px) {
  .blogSection .blogCateWrap {
    display: none;
  }
}
.blogSection .blogCateWrap h2 {
  font-size: 32px;
  font-weight: 700;
  color: #000;
}
.blogSection .blogCateWrap ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.blogSection .blogCateWrap ul li a {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #46B978;
  padding: 12px 32px;
  border-radius: 60px;
  transition: all 0.2s ease-in-out;
}
.blogSection .blogCateWrap ul li a:hover {
  background-color: #272727;
}
.blogSection .blogWrapper {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px 50px;
}
.blogSection .blogWrapper .blogCard {
  width: calc(33.33% - 50px);
}
@media (max-width: 600px) {
  .blogSection .blogWrapper .blogCard {
    width: 100%;
    text-align: center;
    opacity: 1 !important;
  }
  .blogSection .blogWrapper .blogCard a {
    text-align: center;
    margin: 0 auto;
  }
  .blogSection .blogWrapper .blogCard h2 {
    text-align: center;
  }
}

.paginationWrap {
  width: 100%;
  margin-top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.paginationWrap ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.paginationWrap ul li.active a {
  background-color: #46B978;
  color: #fff;
  opacity: 1 !important;
}
.paginationWrap ul li a {
  display: inline-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: transparent;
  color: #000;
  font-size: 20px;
  text-decoration: none;
  padding-bottom: 4px;
  transition: all 0.2s ease-in-out;
}
.paginationWrap ul li a:hover {
  background-color: #46B978;
  color: #fff;
  opacity: 0.5;
}

.resBlogCateWrap {
  width: 100%;
  position: absolute;
  bottom: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  z-index: 10;
  display: none;
}
@media (max-width: 600px) {
  .resBlogCateWrap {
    display: flex;
  }
}
.resBlogCateWrap h2 {
  font-size: 24px;
  font-weight: 700;
  gap: 10px;
  text-align: center;
  width: 100%;
  color: #fff;
}
@media (max-width: 600px) {
  .resBlogCateWrap h2 {
    font-size: 18px;
    display: none;
  }
}
.resBlogCateWrap .resBlogCateCont {
  overflow: auto;
  width: 100%;
}
.resBlogCateWrap .resBlogCateCont::-webkit-scrollbar {
  width: 4px;
  height: 4px !important;
}
.resBlogCateWrap .resBlogCateCont::-webkit-scrollbar-track {
  background: transparent;
}
.resBlogCateWrap .resBlogCateCont::-webkit-scrollbar-thumb {
  background: transparent;
}
.resBlogCateWrap .resBlogCateCont::-webkit-scrollbar-thumb:hover {
  background: #46B978;
}
.resBlogCateWrap .resBlogCateCont ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
  padding-bottom: 5px;
  padding: 0 50px;
}
.resBlogCateWrap .resBlogCateCont ul li a {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #46B978;
  padding: 12px 32px;
  border-radius: 60px;
  transition: all 0.2s ease-in-out;
}
.resBlogCateWrap .resBlogCateCont ul li a:hover {
  background-color: #272727;
}
@media (max-width: 600px) {
  .resBlogCateWrap .resBlogCateCont ul li a {
    padding: 8px 20px;
    font-size: 16px;
    box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.19);
  }
}

.blogdetailSection {
  width: 100%;
  padding: 85px 20px 100px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.blogdetailSection::before {
  width: 100%;
  top: 85px;
  left: 0;
  right: 0;
  height: 580px;
  background-color: #0071b9;
  content: "";
  position: absolute;
  z-index: 0;
}
@media (max-width: 600px) {
  .blogdetailSection::before {
    height: 350px;
  }
}
.blogdetailSection .blogdetailWrap {
  max-width: 1200px;
  width: 100%;
  position: relative;
  z-index: 10;
  padding-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap {
    padding-top: 50px;
  }
}
.blogdetailSection .blogdetailWrap h6 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0px;
  text-align: center;
  width: 100%;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap h6 {
    font-size: 18px;
  }
}
.blogdetailSection .blogdetailWrap h1 {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
  max-width: 800px;
  width: 100%;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap h1 {
    font-size: 32px;
  }
}
.blogdetailSection .blogdetailWrap img {
  width: 100%;
  border-radius: 20px;
}
.blogdetailSection .blogdetailWrap .detailsContWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  margin-top: 50px;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap {
    flex-direction: column;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft {
  width: 70%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  flex-direction: column;
}
@media (max-width: 992px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft {
    width: 100%;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft .detailsCategoryWrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft .detailsCategoryWrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft .detailsCategoryWrap h3 {
  font-size: 24px;
  font-weight: 700;
  color: #272727;
  text-align: left;
  display: inline-block;
  text-align: left;
  margin-right: 20px;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft .detailsCategoryWrap h3 {
    margin-bottom: 10px;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft .detailsCategoryWrap ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-left: 0px;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft .detailsCategoryWrap ul li {
  list-style: none;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft .detailsCategoryWrap ul li a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 12px 32px;
  border-radius: 60px;
  background-color: #46B978;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft .detailsCategoryWrap ul li a {
    padding: 10px 20px;
    font-size: 14px;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft p {
  font-size: 18px;
  color: #272727;
  line-height: 140%;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft p {
    font-size: 16px;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft p a {
  color: #0071b9;
  font-weight: 500;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft h2 {
  font-size: 32px;
  color: #272727;
  line-height: 120%;
  font-weight: 700;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft h2 {
    font-size: 24px;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft ul {
  padding: 0;
  margin: 0;
  padding-left: 30px;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft ul li {
  list-style: disc;
  font-size: 18px;
  color: #272727;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft ul li {
    font-size: 16px;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft ul li a {
  color: #0071b9;
  font-weight: 500;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft ol {
  padding: 0;
  margin: 0;
  padding-left: 30px;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft ol li {
  font-size: 18px;
  color: #272727;
  list-style: decimal;
}
@media (max-width: 600px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft ol li {
    font-size: 16px;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContLeft ol li a {
  color: #0071b9;
  font-weight: 500;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight {
  width: calc(30% - 50px);
}
@media (max-width: 992px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight {
    width: 100%;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight h5 {
  font-size: 32px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight h5 {
    margin-bottom: 10px;
  }
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight .recentBlogWrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight .recentBlogWrap .recentBlogcard {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  gap: 20px;
  padding: 20px 0;
  border-bottom: solid 1px #d9d9d9;
  transition: all 0.2s ease-in-out;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight .recentBlogWrap .recentBlogcard:hover {
  background-color: #fafafa;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight .recentBlogWrap .recentBlogcard:hover img {
  opacity: 0.7;
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight .recentBlogWrap .recentBlogcard h2 {
  font-size: 18px;
  font-weight: 700;
  color: #272727;
  width: calc(100% - 100px);
}
.blogdetailSection .blogdetailWrap .detailsContWrap .detailsContRight .recentBlogWrap .recentBlogcard img {
  width: 100px;
  height: 63px;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}

.catalogSection {
  width: 100%;
  padding: 100px 20px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .catalogSection {
    padding: 50px 20px;
  }
}
.catalogSection .catalogWrapper {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 50px;
}
@media (max-width: 600px) {
  .catalogSection .catalogWrapper {
    flex-direction: column;
  }
}
.catalogSection .catalogWrapper .filterDiv {
  width: 200px;
  background-color: #f9f9f9;
  border-radius: 12px;
  padding: 24px 12px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 600px) {
  .catalogSection .catalogWrapper .filterDiv {
    display: none;
  }
}
.catalogSection .catalogWrapper .filterDiv h3 {
  font-size: 24px;
  color: #272727;
  font-weight: 700;
}
.catalogSection .catalogWrapper .filterDiv ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.catalogSection .catalogWrapper .filterDiv ul li:last-child {
  margin-bottom: 0px;
}
.catalogSection .catalogWrapper .filterDiv ul li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.catalogSection .catalogWrapper .filterDiv ul li label {
  font-size: 16px;
  color: #696969;
  font-weight: 700;
  position: relative;
  cursor: pointer;
}
.catalogSection .catalogWrapper .filterDiv ul li label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0071B9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 5px;
}
.catalogSection .catalogWrapper .categoryCardWrapper {
  width: calc(100% - 250px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 600px) {
  .catalogSection .catalogWrapper .categoryCardWrapper {
    width: 100%;
  }
}
.catalogSection .catalogWrapper .categoryCardWrapper .categoryCard {
  width: calc(25% - 24px);
  transition: all 0.2s ease-in-out;
}
@media (max-width: 1080px) {
  .catalogSection .catalogWrapper .categoryCardWrapper .categoryCard {
    width: calc(33.33% - 24px);
  }
}
@media (max-width: 600px) {
  .catalogSection .catalogWrapper .categoryCardWrapper .categoryCard {
    width: calc(50% - 12px);
  }
}
.catalogSection .catalogWrapper .categoryCardWrapper .categoryCard:hover img {
  opacity: 0.7;
}
.catalogSection .catalogWrapper .categoryCardWrapper .categoryCard .categoryCardImg {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.catalogSection .catalogWrapper .categoryCardWrapper .categoryCard .categoryCardImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.2s ease-in-out;
}
.catalogSection .catalogWrapper .categoryCardWrapper .categoryCard h2 {
  font-size: 24px;
  color: #272727;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 992px) {
  .catalogSection .catalogWrapper .categoryCardWrapper .categoryCard h2 {
    font-size: 16px;
  }
}
.catalogSection .catalogWrapper .categoryCardWrapper .categoryCard h2 span {
  text-align: left;
  font-size: 30px;
  color: #0071B9;
  width: 100%;
  text-align: left;
  transition: all 0.2s ease-in-out;
  display: block;
}

.resCatelogWraper {
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  display: none;
}
@media (max-width: 600px) {
  .resCatelogWraper {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.resCatelogWraper .resCatelogTop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.resCatelogWraper .resCatelogTop h4 {
  font-size: 20px;
  font-weight: 600;
  color: #272727;
}
.resCatelogWraper .resCatelogTop button {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 0;
  outline: transparent;
}
.resCatelogWraper .resCatelogTop button img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.resCatelogWraper .resCatelogBottom {
  width: 100%;
  overflow: hidden;
}
.resCatelogWraper .resCatelogBottom .resCatelogBottomCont {
  width: 100%;
  overflow-x: auto;
}
.resCatelogWraper .resCatelogBottom .resCatelogBottomCont::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}
.resCatelogWraper .resCatelogBottom .resCatelogBottomCont::-webkit-scrollbar-track {
  background: transparent;
}
.resCatelogWraper .resCatelogBottom .resCatelogBottomCont::-webkit-scrollbar-thumb {
  background: transparent;
}
.resCatelogWraper .resCatelogBottom .resCatelogBottomCont::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.resCatelogWraper .resCatelogBottom .resCatelogBottomCont ul {
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 10px;
  border-top: solid 1px #9f9f9f;
}
.resCatelogWraper .resCatelogBottom .resCatelogBottomCont ul li a {
  font-size: 14px;
  color: #fff;
  background-color: #46B978;
  padding: 12px 32px;
  border-radius: 60px;
}

.resModalWrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100000;
  display: none;
}
.resModalWrapper .resModalOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.resModalWrapper .resModalContainer {
  position: absolute;
  z-index: 10000;
  left: 0;
  right: 0;
  bottom: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  overflow: hidden;
  background-color: #F9F9F9;
  padding: 20px;
}
.resModalWrapper .resModalContainer .resModalDiv {
  border-radius: 20px;
  background-color: #fff;
  padding: 20px;
}
.resModalWrapper .resModalContainer .resModalDiv .resModalDivTop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #9f9f9f;
}
.resModalWrapper .resModalContainer .resModalDiv .resModalDivTop h5 {
  font-size: 20px;
  color: #272727;
  font-weight: 700;
}
.resModalWrapper .resModalContainer .resModalDiv .resModalDivTop button {
  width: 16px;
  height: 16px;
  border: 0;
  background-color: transparent;
}
.resModalWrapper .resModalContainer .resModalDiv .resModalDivTop button img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.resModalWrapper .resModalContainer .resModalDiv ul {
  max-height: 300px;
  width: 100%;
  overflow: auto;
}
.resModalWrapper .resModalContainer .resModalDiv ul li {
  width: 100%;
  padding: 6px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.resModalWrapper .resModalContainer .resModalDiv ul li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.resModalWrapper .resModalContainer .resModalDiv ul li label {
  font-size: 16px;
  color: #696969;
  font-weight: 700;
}

.productDetailSection {
  width: 100%;
  padding: 150px 20px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .productDetailSection {
    padding: 100px 20px;
  }
}
.productDetailSection .productDetailsWrap {
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap {
    gap: 80px;
  }
}
.productDetailSection .productDetailsWrap .breadCumDiv {
  width: 100%;
}
.productDetailSection .productDetailsWrap .breadCumDiv ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.productDetailSection .productDetailsWrap .breadCumDiv ul li {
  position: relative;
}
.productDetailSection .productDetailsWrap .breadCumDiv ul li::after {
  content: "/";
  font-size: 22px;
  color: #272727;
  position: absolute;
  top: 1px;
  right: -22px;
}
.productDetailSection .productDetailsWrap .breadCumDiv ul li a {
  font-size: 20px;
  font-weight: 700;
  color: #0071B9;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .breadCumDiv ul li a {
    font-size: 14px;
  }
}
.productDetailSection .productDetailsWrap .breadCumDiv ul li a:hover {
  opacity: 0.5;
}
.productDetailSection .productDetailsWrap .breadCumDiv ul li:last-child::after {
  display: none;
}
.productDetailSection .productDetailsWrap .breadCumDiv ul li:last-child a {
  color: #272727;
}
.productDetailSection .productDetailsWrap .productDetailsCont {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 50px;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .productDetailsCont {
    flex-direction: column;
    gap: 20px;
  }
}
.productDetailSection .productDetailsWrap .productDetailsCont .productlargeImg {
  width: calc(50% - 50px);
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1080px) {
  .productDetailSection .productDetailsWrap .productDetailsCont .productlargeImg {
    border-radius: 0;
  }
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .productDetailsCont .productlargeImg {
    width: 100%;
    height: initial;
    border-radius: 20px;
  }
}
.productDetailSection .productDetailsWrap .productDetailsCont .productlargeImg .Imgitem {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productlargeImg .owl-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productlargeImg .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productlargeImg .owl-dots .owl-dot.active {
  width: 30px;
  border-radius: 10px;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv {
  width: 60%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 100px;
  flex-direction: column;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv {
    width: 100%;
    gap: 40px;
  }
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop {
  width: 100%;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productDetailsDivHead {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productDetailsDivHead h1 {
  font-size: 40px;
  font-weight: 600;
  color: #272727;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productDetailsDivHead h1 {
    font-size: 24px;
  }
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productDetailsDivHead .prdCTAWrap {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productDetailsDivHead .prdCTAWrap .prdCTABtn {
  font-size: 16px;
  color: #fff;
  border-radius: 40px;
  background-color: #46B978;
  padding: 10px 30px;
  transition: all 0.2s ease-in-out;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productDetailsDivHead .prdCTAWrap .prdCTABtn:hover {
  background-color: #272727;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productDetailsDivHead ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productDetailsDivHead ul li a {
  font-size: 16px;
  color: #fff;
  border-radius: 40px;
  background-color: #46B978;
  padding: 10px 30px;
  transition: all 0.2s ease-in-out;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productDetailsDivHead ul li a:hover {
  background-color: #272727;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop p {
  font-size: 16px;
  font-weight: 500;
  color: #6A6A6A;
  margin-bottom: 20px;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop h4 {
  font-size: 16px;
  font-weight: 700;
  color: #6A6A6A;
  margin-bottom: 20px;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop h4 button {
  border: 0;
  outline: transparent;
  color: #0071B9;
  background-color: transparent;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop h4 button:hover {
  opacity: 0.7;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productPointWrap {
  width: 100%;
  background-color: #ECF0EA;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productPointWrap span {
  width: 33.33%;
  text-align: center;
  padding: 10px 0;
  color: #6A6A6A;
  font-weight: 600;
  font-size: 18px;
  border-right: solid 1px #9f9f9f;
}
.productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productPointWrap span:last-child {
  border-right: 0px;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .productDetailsCont .productDetailsDiv .productDetaisTop .productPointWrap span {
    font-size: 14px;
  }
}
.productDetailSection .productDetailsWrap .relatedWrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  flex-direction: column;
}
.productDetailSection .productDetailsWrap .relatedWrap h2 {
  font-size: 40px;
  font-weight: 600;
  color: #272727;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .relatedWrap h2 {
    font-size: 32px;
    text-align: center;
    width: 100%;
  }
}
.productDetailSection .productDetailsWrap .relatedWrap .relatedDiv {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .relatedWrap .relatedDiv {
    flex-direction: column;
  }
}
.productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard {
  width: calc(25% - 20px);
  border-radius: 12px;
  box-shadow: 1px 1px 0px 1px rgb(0, 113, 185), inset 1px 1px 0px 1px rgb(70, 185, 120);
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 992px) {
  .productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard {
    width: 100%;
  }
}
.productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard .realImg {
  padding: 0;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  padding-left: 2px;
  padding-top: 2px;
  border-radius: 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  display: block;
}
.productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard .realImg img {
  width: 100%;
  min-height: 240px;
  max-height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
}
.productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard h3 {
  font-size: 28px;
  color: #272727;
  font-weight: 500;
  line-clamp: 1;
  padding: 20px;
  padding-top: 10px;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard h3 {
    font-size: 20px;
    padding-bottom: 10px;
  }
}
.productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard a {
  font-size: 24px;
  font-weight: 700;
  color: #0071B9;
  transition: all 0.2s ease-in-out;
  padding: 20px;
}
@media (max-width: 600px) {
  .productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard a {
    font-size: 20px;
  }
}
.productDetailSection .productDetailsWrap .relatedWrap .relatedDiv .relatedCard a:hover {
  opacity: 0.7;
}

.customMOdalWrapper {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}
.customMOdalWrapper.modalShow {
  display: flex;
}
.customMOdalWrapper .modalOverlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.customMOdalWrapper .customModalWrapper {
  max-width: 1200px;
  width: 100%;
  border-radius: 15px;
  background-color: #F7F7F7;
  position: relative;
  z-index: 10;
  padding: 40px;
}
@media (max-width: 600px) {
  .customMOdalWrapper .customModalWrapper {
    padding: 40px 15px;
  }
}
.customMOdalWrapper .customModalWrapper .customCloseBtn {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  padding: 8px;
  position: absolute;
  top: 15px;
  right: 15px;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customMOdalWrapper .customModalWrapper .customCloseBtn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.customMOdalWrapper .customModalWrapper .customModalCont {
  width: 100%;
  max-height: 500px;
  overflow: auto;
  padding-right: 5px;
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal {
  width: 100%;
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agrementHeading {
  width: 100%;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  color: #272727;
}
@media (max-width: 600px) {
  .customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agrementHeading {
    text-align: left;
  }
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agrementSubHeading {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #272727;
  margin-top: 10px;
}
@media (max-width: 600px) {
  .customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agrementSubHeading {
    text-align: left;
  }
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementInfo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media (max-width: 600px) {
  .customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementInfo {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementInfo li {
  list-style: none;
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementInfo li:last-child a {
  color: #0071B9;
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementInfo li a {
  display: inline-block;
  transition: all 0.2s ease-in-out;
  font-size: 16px;
  font-weight: 600;
  color: #272727;
}
@media (max-width: 600px) {
  .customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementInfo li a {
    text-align: left;
  }
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementInfo li a:hover {
  opacity: 0.7;
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementInfo li a img {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 5px;
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementBody {
  width: 100%;
  margin-top: 40px;
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementBody h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1D1D1D;
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementBody h2 {
    font-size: 22px;
  }
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementBody p {
  font-size: 16px;
  color: #6A6A6A;
  margin-bottom: 40px;
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementBody h6 {
  font-size: 16px;
  font-weight: 700;
  color: #1D1D1D;
  margin-bottom: 10px;
}
.customMOdalWrapper .customModalWrapper .customModalCont .agreementModal .agreementBody h5 {
  font-size: 18px;
  font-weight: 700;
  color: #1D1D1D;
  margin-bottom: 10px;
  margin-bottom: 40px;
}

.contactSection {
  width: 100%;
  background-color: #fff;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .contactSection {
    padding: 50px 20px;
  }
}
.contactSection .contactWrapper {
  max-width: 1200px;
  width: 100%;
}
.contactSection .contactWrapper .contactFormEtapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 50px;
  margin-top: 100px;
  align-items: flex-start;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .contactFormEtapper {
    flex-direction: column;
    gap: 30px;
    margin-top: 40px;
  }
}
.contactSection .contactWrapper .contactFormEtapper .contactInfoWrap {
  width: 100%;
}
.contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li {
  margin-bottom: 70px;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li {
    margin-bottom: 40px;
  }
}
.contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li:last-child {
  margin-bottom: 0px;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li:last-child {
    margin-bottom: 40px;
  }
}
.contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li a {
  display: inline-block;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  transition: all 0.2s ease-in-out;
}
.contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li a:hover {
  opacity: 0.7;
}
.contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li a img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 15px;
}
.contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li a h4 {
  font-size: 30px;
  font-weight: bold;
  color: #272727;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li a h4 {
    font-size: 24px;
    flex-wrap: wrap;
    word-break: break-all;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li a h4 {
    font-size: 20px;
  }
}
.contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li a h4 span {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #3A3A3A;
  display: block;
}
@media (max-width: 600px) {
  .contactSection .contactWrapper .contactFormEtapper .contactInfoWrap ul li a h4 span {
    font-size: 14px;
  }
}
.contactSection .contactWrapper .contactFormEtapper .contactForm {
  width: 100%;
}
.contactSection .contactWrapper .contactFormEtapper .contactForm .successMessageWrap {
  width: 100%;
  background-color: #E8FFF3;
  padding: 14px 16px;
  border-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 50px;
}
.contactSection .contactWrapper .contactFormEtapper .contactForm .successMessageWrap img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.contactSection .contactWrapper .contactFormEtapper .contactForm .successMessageWrap span {
  font-size: 16px;
  color: #000;
  line-height: 140%;
  font-weight: 500;
}

.contactStatusWrapper {
  max-width: 680px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contactStatusWrapper h2 {
  font-size: 30px;
  font-family: "Hanson";
  color: #272727;
  margin-bottom: 5px;
  text-align: center;
  width: 100%;
}
.contactStatusWrapper h3 {
  text-align: center;
  margin-bottom: 30px;
}
.contactStatusWrapper p {
  text-align: center;
}

.contactMapSection {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 600px) {
  .contactMapSection {
    height: 320px;
  }
}
.contactMapSection img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.contactINfoSection {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(255, 255, 255) 0%, rgb(236, 244, 242) 100%);
  padding: 150px 20px;
}

.quoteModalSection {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.quoteModalSection.modalShow {
  display: flex;
}
.quoteModalSection .modalOverlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1001;
}
.quoteModalSection .QuoteModalWrapper {
  position: relative;
  z-index: 10000;
  max-width: 1200px;
  width: 100%;
  border-radius: 30px;
  border: solid 10px #46B978;
  position: relative;
  padding: 40px 20px 50px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  gap: 50px;
  margin: 0 15px;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper {
    border-radius: 14px;
    padding: 40px 15px;
  }
}
.quoteModalSection .QuoteModalWrapper::before {
  content: "";
  width: 250px;
  height: 250px;
  background-image: url("../images/menu-leaf-bottom.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: -70px;
  right: -61px;
  z-index: -1;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper::before {
    width: 180px;
    height: 180px;
  }
}
.quoteModalSection .QuoteModalWrapper::after {
  content: "";
  width: 250px;
  height: 250px;
  background-image: url("../images/menu-leaf-bottom.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -70px;
  left: -61px;
  z-index: -1;
}
@media (max-width: 768px) {
  .quoteModalSection .QuoteModalWrapper::after {
    display: none;
  }
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper {
    padding: 20px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteCloseModal {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  outline: transparent;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all 0.2s ease-in-out;
}
.quoteModalSection .QuoteModalWrapper .quoteCloseModal:hover {
  opacity: 0.7;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteCloseModal {
    width: 18px;
    height: 18px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteCloseModal img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 8px;
  z-index: 100;
  background-color: transparent;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalHeadContent {
    padding-top: 20px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul {
  background-color: transparent;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps {
  width: 150px;
  height: 50px;
  position: relative;
  background-color: #63F0A0;
  border-radius: 8px;
  border: solid 1px #fff;
  left: -6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps {
    width: 70px;
    height: 40px;
    border-radius: 4px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps:first-child {
  left: 0px;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps:nth-child(2) {
  left: -8px;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps:nth-child(3) {
  left: -16px;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps:nth-child(4) {
  left: -24px;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps::after {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: solid 1px #fff;
  background-color: #63F0A0;
  content: "";
  top: 4px;
  right: -15px;
  bottom: 0;
  position: absolute;
  transform: rotate(45deg);
  border-left: 0px;
  border-bottom: 0px;
  z-index: 10;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps::after {
    width: 32px;
    height: 32px;
    right: -8px;
    top: 3px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0 30px;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps a {
    position: absolute;
    z-index: 100;
    padding: 0px 1px;
    padding-left: 20px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps a h6 {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps a h6 {
    width: 18px;
    height: 18px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps a img {
  width: 18px;
  width: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps a img {
    width: 11px;
    height: 11px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps a img.currentImg {
  opacity: 1;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps a img.prevImg {
  opacity: 1;
  display: none;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.currentStep {
  background-color: #46B978;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.currentStep::after {
  background-color: #46B978;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.currentStep a img {
  opacity: 1;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.currentStep a img.currentImg {
  display: block;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.currentStep a img.prevImg {
  display: none !important;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.currentStep .stepNumber {
  background-color: rgba(255, 255, 255, 0.2);
  animation: blick infinite 2s ease;
}
@keyframes blick {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.prevwStep {
  background-color: #46B978;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.prevwStep::after {
  background-color: #46B978;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.prevwStep a img {
  opacity: 1;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.prevwStep a img.currentImg {
  display: none;
}
.quoteModalSection .QuoteModalWrapper .quoteModalHeadContent ul .steps.prevwStep a img.prevImg {
  display: block;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent {
  width: 100%;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .modalHeading {
  font-size: 32px;
  font-weight: 700;
  color: #272727;
  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .modalHeading {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap {
  width: 100%;
  max-width: 730px;
  padding: 10px;
  border-radius: 16px;
  box-shadow: 1px 1px 0px 1px rgb(0, 113, 185), inset 1px 1px 0px 1px rgb(70, 185, 120);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap {
    padding: 5px;
    border-radius: 6px;
    justify-content: space-between;
    gap: 0;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap input {
  width: calc(100% - 140px);
  border: 0;
  outline: transparent;
  background-color: transparent;
  font-size: 20px;
  color: #272727;
  font-weight: 600;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap input {
    width: calc(100% - 120px);
    padding: 0 5px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap input::-moz-placeholder {
  color: #bcbcbc;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap input::placeholder {
  color: #bcbcbc;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap input::-moz-placeholder {
    font-size: 10px;
  }
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap input::placeholder {
    font-size: 10px;
  }
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap input {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap .buttonFill {
    font-size: 14px;
    border-radius: 5px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap .autoFillWrapper {
  display: none;
  position: absolute;
  top: 103%;
  z-index: 100;
  left: 0;
  right: 0;
  width: 100%;
  padding: 15px;
  background-color: #f3f3f3;
  border-radius: 15px;
  max-height: 180px;
  overflow: auto;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap .autoFillWrapper::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap .autoFillWrapper::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap .autoFillWrapper .autoFillIn {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap .autoFillWrapper .autoFillIn .autoFillItem {
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 16px;
  transition: all 0.2s ease;
  cursor: pointer;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .quteSearchWrap .autoFillWrapper .autoFillIn .autoFillItem:hover {
  background-color: #ddd;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  flex-wrap: wrap;
  gap: 10px;
  max-height: 260px;
  overflow-y: auto;
}
@media (max-width: 1440px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper {
    width: 100%;
    max-width: 900px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv {
  width: initial;
  padding: 8px 19px;
  border-radius: 50px;
  background-color: #fff;
  border: solid 1px #C1C1C1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv {
    padding: 6px 11px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv.tagRadioSelect {
  background-color: #46B978;
  border-color: #46B978;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv.tagRadioSelect img {
  filter: invert(1);
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv.tagRadioSelect span {
  color: #fff;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv.tagCheckSelect {
  background-color: #46B978;
  border-color: #46B978;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv.tagCheckSelect img {
  filter: invert(1);
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv.tagCheckSelect span {
  color: #fff;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv img {
    width: 16px;
    height: 16px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv span {
  font-size: 16px;
  color: #272727;
  font-weight: 500;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv span {
    font-size: 14px;
  }
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent .tagSectionWrapper .tagDiv .inputField {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: -1;
}
.quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent.step-one {
  margin-bottom: 100px;
}
@media (max-width: 600px) {
  .quoteModalSection .QuoteModalWrapper .quoteModalBodyContent .steperContent.step-one {
    margin-bottom: 80px;
  }
}

.modalFormWrapper {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
  padding: 0 10px;
  overflow-x: hidden;
  max-height: 400px;
}
@media (max-width: 1440px) {
  .modalFormWrapper {
    max-height: 350px;
  }
}
@media (max-width: 600px) {
  .modalFormWrapper .row .col-6 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 600px) {
  .modalFormWrapper .row .col-4 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 600px) {
  .modalFormWrapper .row .col-12 {
    padding-left: 0;
    padding-right: 0;
  }
}

.successMegWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 60px;
  max-width: 700px;
  margin: 0 auto !important;
}
@media (max-width: 992px) {
  .successMegWrap {
    gap: 20px;
  }
}
.successMegWrap img {
  width: 100px;
  height: 100px;
}
.successMegWrap h3 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  color: #272727;
  text-align: center;
}
@media (max-width: 600px) {
  .successMegWrap h3 {
    font-size: 24px;
  }
}
.successMegWrap p {
  font-size: 16px;
  color: #272727;
  font-weight: 600;
  text-align: center;
}
.successMegWrap p a {
  color: #46B978;
  transition: all 0.2s ease-in-out;
}
.successMegWrap p a:hover {
  opacity: 0.7;
}

.topLine {
  width: 100%;
  height: 1px;
  background-color: transparent;
  position: relative;
  top: -120px;
  left: 0;
}

#onsite {
  position: relative;
}

#material-material {
  position: relative;
}

#logistics {
  position: relative;
}

#accounting {
  position: relative;
}

#education {
  position: relative;
}

#pLookingSection {
  position: relative;
}

@media (max-width: 992px) {
  .resRevirse {
    flex-direction: column-reverse;
  }
}

.unlimitedSection {
  width: 100%;
  padding: 100px 20px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .unlimitedSection {
    padding: 50px 20px;
  }
}
.unlimitedSection .metirialTextCont {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 300px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 600px) {
  .unlimitedSection .metirialTextCont {
    margin-top: 220px;
  }
}
.unlimitedSection .metirialTextCont h4 {
  font-size: 20px;
  color: #272727;
  font-family: "Hanson";
  text-transform: uppercase;
}
.unlimitedSection .metirialTextCont p {
  text-align: center;
}
.unlimitedSection .benifitWrapper {
  width: 100%;
  margin-top: 150px;
}
@media (max-width: 600px) {
  .unlimitedSection .benifitWrapper {
    margin-top: 80px;
  }
}
@media (max-width: 600px) {
  .unlimitedSection .benifitWrapper .innerBannerCont h2 {
    font-size: 32px;
    line-height: 140%;
  }
  .unlimitedSection .benifitWrapper .innerBannerCont h3 {
    font-size: 18px;
    line-height: 140%;
  }
}
.unlimitedSection .benifitWrapper ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  margin-top: 50px;
}
@media (max-width: 600px) {
  .unlimitedSection .benifitWrapper ul {
    flex-direction: column;
  }
}
.unlimitedSection .benifitWrapper ul li {
  width: calc(50% - 20px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 600px) {
  .unlimitedSection .benifitWrapper ul li {
    width: 100%;
  }
}
.unlimitedSection .benifitWrapper ul li img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 600px) {
  .unlimitedSection .benifitWrapper ul li span {
    font-size: 16px;
  }
}

.webClientDiv {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .webClientDiv {
    display: none;
  }
}
.webClientDiv .webClientDivCard {
  width: 100%;
  height: initial;
}
.webClientDiv .webClientDivCard img {
  width: 100%;
}

@media (max-width: 600px) {
  .footerMenuFirst {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 600px) {
  .inBanSubHead {
    font-size: 18px !important;
  }
}

@media (max-width: 600px) {
  .reRow .topLine {
    order: 1;
  }
}

@media (max-width: 600px) {
  .foodSectionOne::before {
    z-index: 1;
    left: -33px;
  }
}

@media (max-width: 600px) {
  .insFirst {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .insFirst p {
    text-align: center;
  }
  .insFirst a {
    text-align: center;
    margin: 0 auto;
  }
}

.dumpFirst::before {
  display: none;
}
.dumpFirst::after {
  display: none;
}

.articleHead {
  background-position: center;
}

.catalogSection .catalogWrapper .filterDiv ul li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0071B9;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.catalogSection .catalogWrapper .filterDiv ul li input:checked + label {
  color: #272727;
}

.resModalWrapper .resModalContainer .resModalDiv ul li label {
  position: relative;
}

.resModalWrapper .resModalContainer .resModalDiv ul li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0071B9;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.resModalWrapper .resModalContainer .resModalDiv ul li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.resModalWrapper .resModalContainer .resModalDiv ul li input:checked + label {
  color: #272727;
}

.innerBannerSection {
  width: 100%;
  padding: 150px 20px 80px;
  background-color: #ECF4F2;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .innerBannerSection {
    padding: 100px 20px 50px;
  }
}
.innerBannerSection .innerBanTextWrap {
  text-align: center;
}
.innerBannerSection .innerBanTextWrap h1 {
  font-size: 40px;
  font-family: "Hanson";
  color: #272727;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .innerBannerSection .innerBanTextWrap h1 {
    font-size: 30px;
  }
}

.legalSection {
  width: 100%;
  padding: 0 15px 100px;
  background-color: #ECF4F2;
}
@media (max-width: 600px) {
  .legalSection {
    padding: 0 15px 50px;
  }
}
.legalSection .textSectionCont {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 100px;
}
.legalSection .textSectionCont .infoSection {
  width: 100%;
}
.legalSection .textSectionCont .infoSection h2 {
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
}
.legalSection .textSectionCont .infoSection h3 {
  font-size: 26px;
  margin-bottom: 26px;
  font-weight: 600;
}
.legalSection .textSectionCont .infoSection h4 {
  font-size: 20px;
  margin-bottom: 26px;
  font-weight: 600;
}
.legalSection .textSectionCont .infoSection h5 {
  font-size: 22px;
  margin-bottom: 22px;
  font-weight: 600;
}
.legalSection .textSectionCont .infoSection h6 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}
.legalSection .textSectionCont .infoSection p {
  font-size: 16px;
  margin-bottom: 20px;
}
.legalSection .textSectionCont .infoSection p a {
  font-weight: 700;
  word-break: break-all;
  color: #272727;
  transition: all 0.2s ease-in-out;
}
.legalSection .textSectionCont .infoSection p a:hover {
  opacity: 0.7;
}
.legalSection .textSectionCont .infoSection a {
  font-size: 16px;
  font-weight: 700;
  word-break: break-all;
  color: #272727;
  transition: all 0.2s ease-in-out;
}
.legalSection .textSectionCont .infoSection a:hover {
  opacity: 0.7;
}
.legalSection .textSectionCont .infoSection ul {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
.legalSection .textSectionCont .infoSection ul li {
  list-style: disc;
  font-size: 16px;
  margin-bottom: 15px;
}
.legalSection .textSectionCont .infoSection ul li a {
  font-weight: 700;
  word-break: break-all;
  color: #272727;
  transition: all 0.2s ease-in-out;
}
.legalSection .textSectionCont .infoSection ul li a:hover {
  opacity: 0.7;
}
.legalSection .textSectionCont .infoSection ol {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
.legalSection .textSectionCont .infoSection ol li {
  font-size: 16px;
  margin-bottom: 15px;
}
.legalSection .textSectionCont .infoSection ol li a {
  font-weight: 700;
  word-break: break-all;
  color: #272727;
  transition: all 0.2s ease-in-out;
}
.legalSection .textSectionCont .infoSection ol li a:hover {
  opacity: 0.7;
}

.blctActive {
  background-color: #272727 !important;
}

.blogContentShow {
  font-size: 16px;
  color: #7D7D7D;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.errormessage {
  font-size: 12px;
  color: #f00;
  position: relative;
  left: 3px;
  top: -15px;
}

.errormessagetwo {
  font-size: 14px;
  color: #f00;
  position: relative;
  left: 3px;
  top: -15px;
}

.file__input {
  width: 100%;
}
.file__input .responsiv-uploader-fileupload {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.upload-files-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 20px;
  width: 100%;
}

.upload-object {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.upload-object .icon-container {
  display: none !important;
}

.upload-object .filename {
  font-size: 16px;
  color: #000;
  display: inline-block;
}

.upload-object .size {
  display: none !important;
}

.upload-object .meta {
  display: inline-block;
}
.upload-object .meta a {
  font-size: 30px;
  color: #000;
  font-weight: normal;
}

.dz-clickable {
  background: #f9f9f9;
}

.productDetailsDiv ul {
  padding-left: 20px;
}
.productDetailsDiv ul li {
  list-style: disc !important;
}
.productDetailsDiv ul li a {
  color: #0071B9;
}
.productDetailsDiv ul li a:hover {
  color: #004a79;
}/*# sourceMappingURL=styles.css.map */