@keyframes flowerAnimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes fillAnimation {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes rightLeft {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
  to {
    transform: translateX(0px);
  }
}
@keyframes down {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(3px);
  }
  to {
    transform: translateY(0px);
  }
}
@keyframes rotates {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@keyframes downSpin {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(10%);
  }
  to {
    transform: translateY(0%);
  }
}
@media (min-width: 992px) {
  .custom-cursor {
    position: absolute;
    pointer-events: none;
    width: 35px;
    height: 35px;
    background-size: cover;
    z-index: 9999;
    border-radius: 50%;
  }
}
@media (min-width: 1200px) {
  .custom-cursor {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1600px) {
  .custom-cursor {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1900px) {
  .custom-cursor {
    width: 60px;
    height: 60px;
  }
}
.leftFixedBox {
  position: fixed;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  right: 40px;
  top: 50%;
  z-index: 10000;
  grid-gap: 20px;
}
@media (max-width: 767px) {
  .leftFixedBox {
    display: none;
  }
}
.leftFixedBox .dropdown-toggle.iconBox {
  margin-bottom: 0;
  margin-bottom: 0;
}
.leftFixedBox .dropdown-menu {
  min-width: 40px;
  width: auto;
  height: 50px;
  background: transparent;
  padding: 0;
  border: 0;
}
.leftFixedBox .dropdown-menu .iconBox {
  background: #07725B;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  box-shadow: 0px 2px 10px 2px rgba(56, 52, 52, 0.2);
  text-decoration: none;
}
.leftFixedBox .dropdown-menu .iconBox i {
  color: #ffffff;
  font-size: 18px;
}
.leftFixedBox .dropdown-menu .iconBox:hover {
  background: #0a1821;
}
.leftFixedBox .dropdown-menu.show {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 5px;
}
.leftFixedBox .QuickSideRightBar {
  border-radius: 10px;
  position: relative;
}
.leftFixedBox .QuickSideRightBar .iconBox {
  box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
@media (min-width: 768px) {
  .leftFixedBox .QuickSideRightBar .iconBox {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1200px) {
  .leftFixedBox .QuickSideRightBar .iconBox {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 1440px) {
  .leftFixedBox .QuickSideRightBar .iconBox {
    width: 55px;
    height: 55px;
  }
}
@media (min-width: 1600px) {
  .leftFixedBox .QuickSideRightBar .iconBox {
    width: 58px;
    height: 58px;
  }
}
@media (min-width: 1900px) {
  .leftFixedBox .QuickSideRightBar .iconBox {
    width: 60px;
    height: 60px;
  }
}
.leftFixedBox .QuickSideRightBar .slideLeft {
  box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  background: #fff;
  width: 0;
  top: 0px;
  font-size: 13px;
  line-height: 40px;
  color: #101010;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  transition: ease-in-out 0.5s;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .leftFixedBox .QuickSideRightBar .slideLeft {
    height: 40px;
    right: 25px;
  }
}
@media (min-width: 1200px) {
  .leftFixedBox .QuickSideRightBar .slideLeft {
    height: 45px;
    right: 32px;
  }
}
@media (min-width: 1440px) {
  .leftFixedBox .QuickSideRightBar .slideLeft {
    height: 55px;
    right: 50px;
  }
}
@media (min-width: 1600px) {
  .leftFixedBox .QuickSideRightBar .slideLeft {
    height: 58px;
  }
}
@media (min-width: 1900px) {
  .leftFixedBox .QuickSideRightBar .slideLeft {
    height: 60px;
  }
}
#connect-to-whatsapp {display: flex;align-items: center;}
#connect-to-whatsapp span {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    color: #07725b;
}
.leftFixedBox .QuickSideRightBar .slideLeft .textRight {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 17px;
  color: #07725B;
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
}
.leftFixedBox .QuickSideRightBar:hover .slideLeft {
  opacity: 1;
  transition: 0.3s ease-in-out;
  width: 150px;
}
.leftFixedBox .QuickSideRightBar:hover .slideLeft .textRight {
  transition: 0.6s ease-in-out;
}
.leftFixedBox .animateBox {
  animation: animate2 2s linear infinite;
}

.bottomFixedMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  padding: 12px 0px;
  overflow: hidden;
  background: linear-gradient(109deg, #07725B 20.42%, #78BB60 94.99%);
}
.bottomFixedMenu ul {
  list-style: none;
}
.bottomFixedMenu span {
  color: #fff;
  display: block;
  line-height: 12px;
}
@media (max-width: 575px) {
  .bottomFixedMenu span {
    font-size: 12px;
  }
}
.bottomFixedMenu li {
  display: flex;
  width: 33.3%;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, 0.3803921569);
}
.bottomFixedMenu li a, .bottomFixedMenu li button {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

html[dir=rtl] .fixedrightSidebar {
  left: 45px;
  right: unset !important;
}
html[dir=rtl] .fixedrightSidebar .socialMedia .QuickSideRightBar .slideLeft {
  right: unset;
  left: 55px;
}
@media (min-width: 1200px) {
  html[dir=rtl] .fixedrightSidebar .socialMedia .QuickSideRightBar .slideLeft {
    left: 55px;
  }
}
.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  width: 100%;
  height: 100%;
}

.jq-star-svg polygon {
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  filter: drop-shadow(-2px -2px 2px #888);
}

#star-rating {
  display: flex;
  gap: 2px;
}

@media (max-width: 575px) {
    #connect-to-whatsapp{justify-content: center;}
  .jq-star {
    width: 13px !important;
  }
}
@keyframes flowerAnimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes fillAnimation {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes rightLeft {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
  to {
    transform: translateX(0px);
  }
}
@keyframes down {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(3px);
  }
  to {
    transform: translateY(0px);
  }
}
@keyframes rotates {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@keyframes downSpin {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(10%);
  }
  to {
    transform: translateY(0%);
  }
}
.btnpenta {
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 30px;
  height: 70px;
  border-radius: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
}
@media (min-width: 1200px) {
  .btnpenta {
    font-size: 18px !important;
    font-size: 1.125rem !important;
    padding: 12px 30px;
    line-height: 36px;
    height: 60px;
  }
}
@media (max-width: 1199px) {
  .btnpenta {
    padding: 10px 25px;
    height: auto;
    line-height: 36px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .btnpenta {
    padding: 6px 15px;
    height: auto;
    line-height: 30px;
    font-size: 15px;
  }
}
@media (max-width: 360px) {
  .btnpenta {
    line-height: 26px;
    font-size: 13px;
  }
}
@media (max-width: 360px) {
  .btnpenta {
    line-height: 24px;
    font-size: 12px;
  }
}
.btnpenta.btnWhite {
  background-color: #fff;
  font-weight: 500;
}
.btnpenta:hover {
  background-color: #07725B;
  color: #fff;
}

h1 {
  font-size: 23px;
}
@media (min-width: 321px) {
  h1 {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 56px;
  }
}
@media (min-width: 1440px) {
  h1 {
    font-size: 50px;
  }
}

h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 40px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 35px;
    line-height: 55px;
  }
}
@media (min-width: 1200px) {
  h2 {
    font-size: 38px;
    line-height: 58px;
  }
}
@media (min-width: 1440px) {
  h2 {
    font-size: 40px;
    line-height: 60px;
  }
}
@media (min-width: 1600px) {
  h2 {
    font-size: 55px;
    line-height: 75px;
  }
}
@media (min-width: 1900px) {
  h2 {
    font-size: 60px;
    line-height: 80px;
  }
}

h3, .h3 {
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
}
@media (min-width: 768px) {
  h3, .h3 {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  h3, .h3 {
    font-size: 20px;
  }
}

h4, .h4 {
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
}
@media (min-width: 768px) {
  h4, .h4 {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 14px;
  }
}
@media (min-width: 1300px) {
  h4, .h4 {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  h4, .h4 {
    font-size: 18px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  color: #353535;
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 992px) {
  * {
    font-size: 11px;
    line-height: 18px;
  }
}
@media (min-width: 1200px) {
  * {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  * {
    font-size: 14.8px;
    line-height: 26px;
  }
}
@media (min-width: 1600px) {
  * {
    font-size: 16.5px;
    line-height: 28px;
  }
}
@media (min-width: 1900px) {
  * {
    font-size: 20px;
    line-height: 35px;
  }
}

body {
  overflow-x: hidden;
}

.container-ctn {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px) {
  .container-ctn {
    max-width: 89.64%;
  }
}
@media (min-width: 1440px) {
  .container-ctn {
    max-width: 89.64%;
  }
}
@media (min-width: 1900px) {
  .container-ctn {
    max-width: 1720px;
  }
}

button {
  height: -moz-fit-content;
  height: fit-content;
  background: unset;
  border: unset;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1 {
  font-size: 25px;
  line-height: 30px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 34px;
    line-height: 34px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 56px;
    line-height: 56px;
  }
}
@media (min-width: 1440px) {
  h1 {
    font-size: 59px;
    line-height: 59px;
  }
}
@media (min-width: 1600px) {
  h1 {
    font-size: 66px;
    line-height: 66px;
  }
}
@media (min-width: 1900px) {
  h1 {
    font-size: 80px;
    line-height: 80px;
  }
}

h2, .h2 {
  font-size: 22px;
  line-height: 30px;
}
@media (min-width: 768px) {
  h2, .h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (min-width: 992px) {
  h2, .h2 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 40px;
    line-height: 45px;
  }
}
@media (min-width: 1440px) {
  h2, .h2 {
    font-size: 44px;
    line-height: 50px;
  }
}
@media (min-width: 1600px) {
  h2, .h2 {
    font-size: 50px;
    line-height: 55px;
  }
}
@media (min-width: 1900px) {
  h2, .h2 {
    font-size: 60px;
    line-height: 80px;
  }
}

h3, .h3 {
  font-size: 20px;
  line-height: 30px;
}
@media (min-width: 768px) {
  h3, .h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  h3, .h3 {
    font-size: 17px;
    line-height: 22px;
  }
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (min-width: 1280px) {
  h3, .h3 {
    font-size: 26px;
    line-height: 35px;
  }
}
@media (min-width: 1440px) {
  h3, .h3 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media (min-width: 1600px) {
  h3, .h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (min-width: 1900px) {
  h3, .h3 {
    font-size: 40px;
    line-height: 50px;
  }
}

a {
  color: #07725B;
  text-decoration: none !important;
}

.p-0 {
  padding: 0 !important;
}

.commonPadding, .howItWorks-page, .counter, .contact-page, .faq, .terms, .newsDetail, .thank-you, .page-not-found {
  padding: 60px 0px;
}
@media (min-width: 768px) {
  .commonPadding, .howItWorks-page, .counter, .contact-page, .faq, .terms, .newsDetail, .thank-you, .page-not-found {
    padding: 65px 0px;
  }
}
@media (min-width: 992px) {
  .commonPadding, .howItWorks-page, .counter, .contact-page, .faq, .terms, .newsDetail, .thank-you, .page-not-found {
    padding: 70px 0px;
  }
}
@media (min-width: 1200px) {
  .commonPadding, .howItWorks-page, .counter, .contact-page, .faq, .terms, .newsDetail, .thank-you, .page-not-found {
    padding: 80px 0px;
  }
}
@media (min-width: 1440px) {
  .commonPadding, .howItWorks-page, .counter, .contact-page, .faq, .terms, .newsDetail, .thank-you, .page-not-found {
    padding: 85px 0px;
  }
}
@media (min-width: 1600px) {
  .commonPadding, .howItWorks-page, .counter, .contact-page, .faq, .terms, .newsDetail, .thank-you, .page-not-found {
    padding: 90px 0px;
  }
}
@media (min-width: 1900px) {
  .commonPadding, .howItWorks-page, .counter, .contact-page, .faq, .terms, .newsDetail, .thank-you, .page-not-found {
    padding: 100px 0px;
  }
}

.commonMargin {
  margin: 60px 0px;
}
@media (min-width: 768px) {
  .commonMargin {
    margin: 80px 0px;
  }
}
@media (min-width: 992px) {
  .commonMargin {
    margin: 60px 0px;
  }
}
@media (min-width: 1200px) {
  .commonMargin {
    margin: 100px 0px;
  }
}
@media (min-width: 1440px) {
  .commonMargin {
    margin: 100px 0px;
  }
}

.lgPadding {
  padding: 50px 0px;
}
@media (min-width: 768px) {
  .lgPadding {
    padding: 60px 0px;
  }
}
@media (min-width: 1200px) {
  .lgPadding {
    padding: 70px 0px;
  }
}
@media (min-width: 1400px) {
  .lgPadding {
    padding: 90px 0px;
  }
}
@media (min-width: 1800px) {
  .lgPadding {
    padding: 100px 0px;
  }
}

.mdPadding {
  padding: 40px 0px;
}
@media (min-width: 768px) {
  .mdPadding {
    padding: 50px 0px;
  }
}
@media (min-width: 1200px) {
  .mdPadding {
    padding: 60px 0px;
  }
}
@media (min-width: 1400px) {
  .mdPadding {
    padding: 70px 0px;
  }
}
@media (min-width: 1800px) {
  .mdPadding {
    padding: 80px 0px;
  }
}

.lgMargin {
  margin: 50px 0px;
}
@media (min-width: 768px) {
  .lgMargin {
    margin: 60px 0px;
  }
}
@media (min-width: 1200px) {
  .lgMargin {
    margin: 70px 0px;
  }
}
@media (min-width: 1400px) {
  .lgMargin {
    margin: 90px 0px;
  }
}
@media (min-width: 1800px) {
  .lgMargin {
    margin: 100px 0px;
  }
}

.position, .calculator .custom-radio label::before, .calculator .location > div::before, .howItWorks-head picture::before, .googleReview::before, .shippin-bg > picture::before, .cta::after, .mission-vission > picture::after, .theme-form .formGroup > div::before, .contact-address > div strong::before, .innerBanner > picture::after, .bannerImage picture::after, footer .links a::before, .bottom-header .drop-downs > a::after, .bottom-header .main-menu nav > ul > li > a::before, .bottom-header ul li .has-sub-menu > a::after, .bottom-header ul li .mega > ul > li > a::before, article > ul li::before, .list > ul li::before, .details ul li::before {
  content: "";
  position: absolute;
}

.wh-100, .innerBanner > picture img, .innerBanner > picture::after, .newsList img, article > ul li::before, .list > ul li::before {
  width: 100%;
  height: 100%;
}

.slick-nav {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: 100%;
  bottom: 0;
  transform: translateY(0%);
  align-items: self-end;
}
.slick-nav > div {
  height: 40px;
  display: flex;
  align-items: center;
  transition: 0.5s ease all;
}
.slick-nav > div.prev::after, .slick-nav > div.prev1::after, .slick-nav > div.prev2::after, .slick-nav > div.prev3::after, .slick-nav > div.prev4::after, .slick-nav > div.prev5::after {
  left: 30px;
}
.slick-nav > div.next::after, .slick-nav > div.next1::after, .slick-nav > div.next2::after, .slick-nav > div.next3::after, .slick-nav > div.next4::after, .slick-nav > div.next5::after {
  right: 30px;
}
.slick-nav > div:hover path {
  transition: 0.5s ease all;
  fill: #07725B;
}
.slick-nav svg {
  height: auto;
  width: 25px;
}
@media (min-width: 992px) {
  .slick-nav svg {
    width: 30px;
  }
}
@media (min-width: 1440px) {
  .slick-nav svg {
    width: 36px;
  }
}
@media (min-width: 1600px) {
  .slick-nav svg {
    width: 38px;
  }
}
@media (min-width: 1900px) {
  .slick-nav svg {
    width: 40px;
  }
}

.slick-dots {
  display: flex;
  justify-content: center;
  bottom: -53px;
  z-index: 8;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  gap: 15px;
}
.slick-dots li {
  margin: 0;
  display: flex;
  width: auto;
  justify-content: center;
}
.slick-dots li button {
  padding: 0;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #C1C1C1;
}
.slick-dots li button::before {
  font-size: 0;
  width: auto;
}
.slick-dots li.slick-active button {
  width: 35px;
  transition: 0.4s ease all;
  background-color: #07725B;
}

.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100% !important;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  width: 100%;
  height: 100% !important;
}

.jq-star-svg polygon {
  stroke-linejoin: round;
}

.tab-content > .tab-pane {
  display: block;
  height: 0;
  overflow: hidden;
}

.tab-content > .active {
  height: auto;
}

/* width */
*::-webkit-scrollbar {
  width: 7px;
}

/* Track */
*::-webkit-scrollbar-track {
  background-color: #07725B;
  border-radius: 10px;
}

/* Handle */
*::-webkit-scrollbar-thumb {
  background: #78BB60;
  border-radius: 10px;
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
  background: #07725B;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

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

.mt-3 {
  margin-top: 30px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.bg-unset {
  background: unset !important;
}

picture, article {
  display: block;
}

.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.py-0 {
  padding: 0 !important;
}

li {
  list-style: none;
}

.details ul {
  padding-left: 10px;
}
@media (min-width: 576px) {
  .details ul {
    padding-left: 31px;
  }
}
.details ul li {
  list-style: none;
  padding-left: 30px;
  position: relative;
}
@media (min-width: 576px) {
  .details ul li {
    padding-left: 41px;
  }
}
.details ul li::before {
  background: url('data:image/svg+xml,<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="11.4889" cy="11.8203" rx="11.4889" ry="11.5" fill="white"/><path d="M8.41063 7.32031L7.36719 8.49531L10.7565 12.3203L7.36719 16.1453L8.41063 17.3203L12.8508 12.3203L8.41063 7.32031Z" fill="%2300562C"/><path d="M11.9653 7.32031L10.9219 8.49531L14.3112 12.3203L10.9219 16.1453L11.9653 17.3203L16.4055 12.3203L11.9653 7.32031Z" fill="%2300562C"/></svg>');
  width: 18px;
  height: 18px;
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  top: 3px;
}
@media (min-width: 576px) {
  .details ul li::before {
    width: 23px;
    height: 23px;
  }
}

article > ul li, .list > ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
article > ul li:last-child, .list > ul li:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  article > ul li, .list > ul li {
    padding-left: 4.5%;
  }
}
@media (min-width: 1200px) {
  article > ul li, .list > ul li {
    padding-left: 3.5%;
  }
}
article > ul li::before, .list > ul li::before {
  top: 6px;
  left: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_1574_488)"><path d="M10 0C15.5142 0 20 4.48583 20 10C20 15.5142 15.5142 20 10 20C4.48583 20 4.76837e-07 15.5142 4.76837e-07 10C4.76837e-07 4.48583 4.48583 0 10 0ZM10 19.1667C15.0542 19.1667 19.1667 15.0542 19.1667 10C19.1667 4.94583 15.0542 0.833333 10 0.833333C4.94583 0.833333 0.833334 4.94583 0.833334 10C0.833334 15.0542 4.94583 19.1667 10 19.1667Z" fill="%2307725B"/><path d="M11.6218 8.52199L9.2651 6.12283C9.10427 5.95866 9.10594 5.69449 9.2701 5.53283C9.43427 5.37283 9.69927 5.37449 9.85927 5.53783L12.2134 7.93449C12.3784 8.09949 12.6084 8.35116 12.8434 8.61616C13.5418 9.40283 13.5418 10.5895 12.8434 11.377C12.6084 11.6412 12.3776 11.8937 12.2159 12.0553L9.85927 14.4545C9.7776 14.5378 9.6701 14.5787 9.5626 14.5787C9.45677 14.5787 9.35177 14.5387 9.2701 14.4587C9.10594 14.2978 9.10427 14.0337 9.2651 13.8695L11.6243 11.4678C11.7809 11.3112 11.9976 11.072 12.2201 10.8228C12.6384 10.3512 12.6384 9.63949 12.2201 9.16699C11.9976 8.91616 11.7801 8.67783 11.6218 8.51949V8.52199Z" fill="%2307725B"/></g><defs><clipPath id="clip0_1574_488"><rect width="20" height="20" fill="white" transform="matrix(-1 0 0 1 20 0)"/></clipPath></defs></svg>');
  width: 14px;
  height: 14px;
  background-size: contain !important;
  background-repeat: no-repeat;
}
@media (min-width: 576px) {
  article > ul li::before, .list > ul li::before {
    width: 11px;
    height: 11px;
  }
}
@media (min-width: 768px) {
  article > ul li::before, .list > ul li::before {
    width: 11px;
    height: 11px;
    top: 6px;
  }
}
@media (min-width: 992px) {
  article > ul li::before, .list > ul li::before {
    top: 7px;
    width: 12px;
    height: 12px;
  }
}
@media (min-width: 1200px) {
  article > ul li::before, .list > ul li::before {
    width: 12px;
    height: 12px;
    top: 6px;
  }
}
@media (min-width: 1400px) {
  article > ul li::before, .list > ul li::before {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1600px) {
  article > ul li::before, .list > ul li::before {
    top: 5px;
    width: 17px;
    height: 17px;
  }
}
@media (min-width: 1900px) {
  article > ul li::before, .list > ul li::before {
    top: 8px;
    width: 20px;
    height: 20px;
  }
}

@keyframes animateIPlay2 {
  0% {
    box-shadow: 0 0 rgba(250, 114, 2, 0.5);
  }
  40%, 80% {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
}
.playButton {
  cursor: pointer;
  z-index: 2;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: animateIPlay2 2s linear infinite;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.playButton img {
  transition: 0.5s ease all;
}
@media (max-width: 575px) {
  .playButton img {
    width: 40px;
    height: 40px;
  }
}
.playButton:hover img {
  transition: 0.5s ease all;
  transform: scale(1.3);
}

.fancybox-button svg path {
  fill: #fff;
}

.error, .error-message {
  color: #ee1922;
  display: none;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  left: 0;
}

.iti {
  width: 100%;
}

.iti__country-list {
  z-index: 9;
}

.iti__arrow {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M0.207687 0.661149C0.274081 0.596471 0.353073 0.545135 0.440105 0.510102C0.527138 0.475069 0.620487 0.457032 0.714771 0.457032C0.809054 0.457032 0.902406 0.475069 0.989438 0.510102C1.07647 0.545135 1.15546 0.596471 1.22186 0.661149L4.49291 3.8216C4.55931 3.88627 4.6383 3.93761 4.72533 3.97264C4.81237 4.00768 4.90572 4.02571 5 4.02571C5.09428 4.02571 5.18763 4.00768 5.27467 3.97264C5.3617 3.93761 5.44069 3.88627 5.50709 3.8216L8.77814 0.661148C8.84454 0.59647 8.92353 0.545134 9.01056 0.510101C9.0976 0.475068 9.19095 0.457031 9.28523 0.457031C9.37951 0.457031 9.47286 0.475068 9.5599 0.510101C9.64693 0.545134 9.72592 0.59647 9.79231 0.661148C9.92534 0.790438 10 0.965334 10 1.14764C10 1.32994 9.92534 1.50483 9.79231 1.63412L6.51412 4.80147C6.11237 5.18915 5.5678 5.4069 5 5.4069C4.43221 5.4069 3.88763 5.18915 3.48589 4.80147L0.207687 1.63412C0.0746661 1.50483 7.89828e-08 1.32994 6.24876e-08 1.14764C4.59925e-08 0.965335 0.0746661 0.790439 0.207687 0.661149Z" fill="%23231720"/></svg>');
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  border: unset !important;
  transition: 0.5s ease all;
  margin-left: 10px;
}

.iti__arrow--up {
  transform: rotate(180deg);
  transition: 0.5s ease all;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: unset;
}

.iti__selected-flag div:first-child {
  transform: scale(1.4);
}

input:focus, input:focus-visible, input:focus-within, textarea:focus, textarea:focus-visible, textarea:focus-within, select:focus, select:focus-visible, select:focus-within {
  outline: unset;
}

select {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="6" viewBox="0 0 13 6" fill="none"><path d="M6.34624 6C6.69376 6.00062 7.03799 5.93274 7.35926 5.80023C7.68053 5.66773 7.97253 5.47321 8.21858 5.22779L12.5398 0.906599C12.6394 0.807003 12.6953 0.671923 12.6953 0.531074C12.6953 0.390224 12.6394 0.255143 12.5398 0.155548C12.4402 0.0559522 12.3051 -3.41145e-08 12.1642 -4.64279e-08C12.0234 -5.87414e-08 11.8883 0.0559522 11.7887 0.155548L7.46752 4.47674C7.17001 4.77388 6.76672 4.94078 6.34624 4.94078C5.92575 4.94078 5.52246 4.77388 5.22495 4.47674L0.903761 0.155547C0.804165 0.0559512 0.669085 -1.05137e-06 0.528235 -1.06368e-06C0.387386 -1.07599e-06 0.252306 0.0559512 0.15271 0.155547C0.0531139 0.255142 -0.00283817 0.390223 -0.00283818 0.531072C-0.00283819 0.671922 0.0531139 0.807002 0.15271 0.906598L4.4739 5.22779C4.71994 5.47321 5.01195 5.66773 5.33321 5.80023C5.65448 5.93274 5.99872 6.00062 6.34624 6Z" fill="%23333333"/></svg>');
  border: unset;
  width: 100%;
  background-repeat: no-repeat;
  background-position: right;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}
select:focus-visible {
  outline: unset;
}

.head span {
  font-weight: 600;
  display: block;
  color: #07725B;
  letter-spacing: 1px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .head span {
    margin-bottom: 2px;
    font-size: 11.5px;
  }
}
@media (min-width: 992px) {
  .head span {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .head span {
    letter-spacing: 2px;
    margin-bottom: 15px;
    font-size: 14.6px;
  }
}
@media (min-width: 1440px) {
  .head span {
    font-size: 15.5px;
  }
}
@media (min-width: 1600px) {
  .head span {
    letter-spacing: 2.2px;
    margin-bottom: 20px;
    font-size: 17.5px;
  }
}
@media (min-width: 1900px) {
  .head span {
    font-size: 22px;
  }
}
.head h2 {
  margin-bottom: 15px;
  color: #101010;
}
@media (min-width: 768px) {
  .head h2 {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .head h2 {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .head h2 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1440px) {
  .head h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .head h2 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .head h2 {
    margin-bottom: 20px;
  }
}

.typing-demo {
  width: 185px;
  animation: typing 3s steps(22) infinite, blink 0.7s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: monospace;
}

@keyframes typing {
  from {
    width: 0;
  }
}
@keyframes blink {
  50% {
    border-color: transparent;
  }
}
.btn {
  width: -moz-fit-content;
  width: fit-content;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 992px) {
  .btn {
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .btn {
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .btn {
    gap: 18px;
  }
}
@media (min-width: 1900px) {
  .btn {
    gap: 20px;
  }
}
.btn i {
  display: flex;
}
.btn i svg {
  width: 14px;
  height: auto;
}
@media (min-width: 992px) {
  .btn i svg {
    width: 12px;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .btn i svg {
    width: 13px;
    height: auto;
  }
}
@media (min-width: 1440px) {
  .btn i svg {
    width: 14px;
    height: auto;
  }
}
@media (min-width: 1600px) {
  .btn i svg {
    width: 15px;
    height: auto;
  }
}
@media (min-width: 1900px) {
  .btn i svg {
    width: 16px;
    height: auto;
  }
}
.btn.themeBtn, .thank-you .btn, .page-not-found .btn, .footerTop .btn {
  height: -moz-fit-content;
  height: fit-content;
  padding: 6px 12px;
  color: #fff;
  font-weight: 500;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .footerTop .btn {
    padding: 8px 20px;
  }
}
@media (min-width: 992px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .footerTop .btn {
    padding: 9px 18px;
  }
}
@media (min-width: 1200px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .footerTop .btn {
    padding: 11px 26px;
  }
}
@media (min-width: 1600px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .footerTop .btn {
    padding: 13px 28px;
  }
}
@media (min-width: 1900px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .footerTop .btn {
    padding: 15px 30px;
  }
}
.btn.loadMore {
  background-color: #07725B;
  color: #fff;
  transition: 0.5s ease all;
}
.btn.loadMore:hover {
  transition: 0.5s ease all;
  background-color: #78BB60;
}
.btn.themeBtnWhite {
  background-color: #fff;
  color: #07725B;
  transition: 0.3s ease all;
}
.btn.themeBtnWhite:hover {
  transition: 0.5s ease all;
  background-color: #353535;
  color: #fff;
}
.btn.themeBtnWhite:hover path {
  transition: 0.5s ease all;
  fill: #fff;
}
.btn.themeBtnPrimary, .thank-you .btn, .page-not-found .btn, .footerTop .btn {
  background-color: #07725B;
  transition: 0.3s ease all;
}
.btn.themeBtnPrimary:hover, .thank-you .btn:hover, .page-not-found .btn:hover, .footerTop .btn:hover {
  transition: 0.5s ease all;
  background-color: #353535;
}
.btn.themeBtnSecondary {
  background-color: #78BB60;
  transition: 0.3s ease all;
}
.btn.themeBtnSecondary:hover {
  transition: 0.5s ease all;
  background-color: #353535;
}

@media (min-width: 992px) {
  .justify-content-lg-between {
    justify-content: space-between;
  }
}

.navbar-toggler:focus {
  border: unset;
  outline: unset;
  box-shadow: unset;
}

.fancybox-container {
  z-index: 100000000000000000000000000;
}

.fancybox-infobar span {
  color: #fff;
}

.heading {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .heading {
    margin-bottom: 60px;
  }
}
.heading h2 {
  width: 100%;
}
@media (min-width: 768px) {
  .heading h2 {
    width: 70.32%;
  }
}
@media (min-width: 1200px) {
  .heading h2 {
    width: 64.32%;
  }
}
@media (min-width: 1600px) {
  .heading h2 {
    width: 51.32%;
  }
}
.heading h2, .heading h1 {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .heading h2, .heading h1 {
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .heading h2, .heading h1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .heading h2, .heading h1 {
    margin-bottom: 35px;
  }
}
@media (min-width: 1600px) {
  .heading h2, .heading h1 {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  .heading h2, .heading h1 {
    margin-bottom: 40px;
  }
}
.heading p {
  width: 100%;
}
@media (min-width: 768px) {
  .heading p {
    width: 78.14%;
  }
}
@media (min-width: 1200px) {
  .heading p {
    width: 58.14%;
  }
}
.heading > span {
  background-color: rgba(120, 187, 96, 0.5);
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 5px 15px;
}
@media (min-width: 992px) {
  .heading > span {
    padding: 6px 20px;
  }
}
@media (min-width: 1200px) {
  .heading > span {
    margin-bottom: 14px;
    padding: 8px 24px;
  }
}
@media (min-width: 1440px) {
  .heading > span {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .heading > span {
    margin-bottom: 18px;
    padding: 9px 28px;
  }
}
@media (min-width: 1900px) {
  .heading > span {
    padding: 10px 30px;
    margin-bottom: 20px;
  }
}

.btnReadMore i {
  position: relative;
  transform: translateX();
  transition: 0.5s ease all;
}
.btnReadMore:hover i {
  transform: translateX(10px);
  transition: 0.5s ease all;
}

.arrowBtn {
  width: -moz-fit-content;
  width: fit-content;
  line-height: normal;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #101010;
  gap: 5px;
}
@media (min-width: 992px) {
  .arrowBtn {
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .arrowBtn {
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .arrowBtn {
    gap: 18px;
  }
}
@media (min-width: 1900px) {
  .arrowBtn {
    gap: 20px;
  }
}
.arrowBtn svg {
  height: auto;
  width: 45px;
  transform: translateX(0);
  transition: 0.5s ease all;
}
@media (min-width: 1200px) {
  .arrowBtn svg {
    width: 55px;
  }
}
@media (min-width: 1440px) {
  .arrowBtn svg {
    width: 60px;
  }
}
@media (min-width: 1600px) {
  .arrowBtn svg {
    width: 65px;
  }
}
@media (min-width: 1900px) {
  .arrowBtn svg {
    width: 71px;
  }
}
.arrowBtn:hover {
  color: #78BB60;
  transition: 0.3s ease all;
}
.arrowBtn:hover svg {
  transform: translateX(10px);
  transition: 0.8s ease all;
}
.arrowBtn:hover svg path {
  fill: #78BB60;
  transition: 0.3s ease all;
}

.brand {
  width: 320px;
}
@media (min-width: 992px) {
  .brand {
    width: 16.28%;
  }
}
.brand img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

header {
  transition: 0.6s ease all;
  background: rgba(16, 16, 16, 0.2);
  z-index: 9;
  top: 0;
  position: fixed;
  width: 100%;
  padding: 15px 0px;
}
@media (min-width: 992px) {
  header {
    padding: 20px 0px;
  }
}
@media (min-width: 1200px) {
  header {
    padding: 24px 0px;
  }
}
@media (min-width: 1440px) {
  header {
    padding: 28px 0px;
  }
}
@media (min-width: 1600px) {
  header {
    padding: 30px 0px;
  }
}
header.scrolled {
  background-color: #fff;
  transition: 0.5s ease all;
}
header.scrolled img {
  transition: 0.8s ease all;
}
header.scrolled img:first-child {
  display: none;
}
header.scrolled img:last-child {
  display: block !important;
}
header.scrolled .navbar-toggler rect {
  fill: #101010;
  transition: 0.8s ease all;
}
header.scrolled .bottom-header ul a {
  color: #101010;
}

.bottom-header .buttonGroup {
  display: flex;
  gap: 12px;
  width: 69%;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .bottom-header .buttonGroup a {
    font-size: 0;
  }
  .bottom-header .buttonGroup .btn {
    gap: 0;
    height: 30px;
  }
}
@media (min-width: 768px) {
  .bottom-header .buttonGroup {
    width: 59%;
  }
}
@media (min-width: 992px) {
  .bottom-header .buttonGroup {
    gap: 15px;
    width: auto;
  }
}
@media (min-width: 1440px) {
  .bottom-header .buttonGroup {
    gap: 18px;
  }
}
@media (min-width: 1600px) {
  .bottom-header .buttonGroup {
    gap: 20px;
  }
}
.bottom-header ul {
  display: flex;
}
@media (min-width: 768px) {
  .bottom-header ul {
    gap: 15px;
  }
}
@media (min-width: 1200px) {
  .bottom-header ul {
    gap: 28px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul {
    gap: 33px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul {
    gap: 36px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul {
    gap: 40px;
  }
}
.bottom-header ul a {
  color: #fff;
  padding: 4px 0px;
}
@media (min-width: 768px) {
  .bottom-header ul a {
    padding: 5px 0px;
  }
}
@media (min-width: 992px) {
  .bottom-header ul a {
    padding: 6px 0px;
  }
}
@media (min-width: 1200px) {
  .bottom-header ul a {
    padding: 8px 0px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul a {
    padding: 10px 0px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul a {
    padding: 11px 0px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul a {
    padding: 12px 0px;
  }
}
.bottom-header ul li {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.bottom-header ul li.drop-downs a {
  padding-right: 20px;
  margin-right: 10px;
}
.bottom-header ul li.drop-downs .mega-menu, .bottom-header ul li.drop-downs .mega {
  position: absolute;
  z-index: 310;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
  padding-top: 58px;
  top: 0;
  width: fit-content;
  display: none;
}
.bottom-header ul li.drop-downs .mega-menu ul, .bottom-header ul li.drop-downs .mega ul {
  overflow: hidden;
  display: flex;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1803921569);
  border: 1px solid #ECECEC;
  padding: 10px 0px;
}
@media (min-width: 1200px) {
  .bottom-header ul li.drop-downs .mega-menu ul, .bottom-header ul li.drop-downs .mega ul {
    padding: 14px 0px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul li.drop-downs .mega-menu ul, .bottom-header ul li.drop-downs .mega ul {
    padding: 16px 0px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul li.drop-downs .mega-menu ul, .bottom-header ul li.drop-downs .mega ul {
    padding: 20px 0px;
  }
}
.bottom-header ul li.drop-downs .mega-menu ul li a, .bottom-header ul li.drop-downs .mega ul li a {
  padding: 12px 10px;
}
@media (min-width: 1200px) {
  .bottom-header ul li.drop-downs .mega-menu ul li a, .bottom-header ul li.drop-downs .mega ul li a {
    padding: 14px 12px;
  }
}
@media (min-width: 1350px) {
  .bottom-header ul li.drop-downs .mega-menu ul li a, .bottom-header ul li.drop-downs .mega ul li a {
    padding: 16px 14px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul li.drop-downs .mega-menu ul li a, .bottom-header ul li.drop-downs .mega ul li a {
    padding: 18px 16px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul li.drop-downs .mega-menu ul li a, .bottom-header ul li.drop-downs .mega ul li a {
    padding: 20px 18px;
  }
}
.bottom-header ul li.drop-downs .mega-menu ul li:last-child, .bottom-header ul li.drop-downs .mega ul li:last-child {
  border-bottom: unset;
}
.bottom-header ul li.drop-downs .mega-menu a, .bottom-header ul li.drop-downs .mega a {
  padding: 0;
  margin: 0;
  padding-right: 35px;
}
.bottom-header ul li.drop-downs .mega > ul {
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: column;
}
.bottom-header ul li.drop-downs .mega-menu {
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: 0;
  margin-left: 0px;
}
.bottom-header ul li.drop-downs .mega-menu ul {
  flex-wrap: wrap;
  padding: 10px;
  width: 100%;
}
@media (min-width: 992px) {
  .bottom-header ul li.drop-downs .mega-menu ul {
    padding: 12px 10px;
  }
}
@media (min-width: 1200px) {
  .bottom-header ul li.drop-downs .mega-menu ul {
    padding: 14px 12px;
  }
}
@media (min-width: 1350px) {
  .bottom-header ul li.drop-downs .mega-menu ul {
    padding: 16px 14px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul li.drop-downs .mega-menu ul {
    padding: 18px 16px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul li.drop-downs .mega-menu ul {
    padding: 20px 18px;
  }
}
.bottom-header ul li.drop-downs .mega-menu li {
  width: 50%;
}
.bottom-header ul li.drop-downs .mega-menu a {
  border-radius: 10px;
  height: -moz-fit-content;
  height: fit-content;
  gap: 20px;
}
.bottom-header ul li.drop-downs .mega-menu a::before {
  content: "+";
}
.bottom-header ul li.drop-downs .mega-menu a:hover {
  background-color: #07725B;
  color: #fff;
}
.bottom-header ul li.drop-downs > .mega a {
  border: unset !important;
}
@media (min-width: 1200px) {
  .bottom-header ul li.drop-downs > ul {
    margin-top: 151px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul li.drop-downs > ul {
    margin-top: 151px;
  }
}
.bottom-header ul li.drop-downs:hover .mega {
  display: flex;
}
@media (min-width: 992px) {
  .bottom-header ul li .mega {
    margin-top: 79px;
    min-width: 230px;
    margin-left: -100px;
  }
}
@media (min-width: 1200px) {
  .bottom-header ul li .mega {
    margin-top: 100px;
    min-width: 300px;
    margin-left: -170px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul li .mega {
    margin-top: 103px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul li .mega {
    min-width: 380px;
    margin-top: 117px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul li .mega {
    margin-top: 131px;
  }
}
@media (min-width: 992px) {
  .bottom-header ul li .mega-menu {
    min-width: 450px;
  }
}
@media (min-width: 1200px) {
  .bottom-header ul li .mega-menu {
    min-width: 595px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul li .mega-menu {
    min-width: 627px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul li .mega-menu {
    min-width: 707px;
  }
}
.bottom-header ul li .mega > ul > li {
  border-bottom: 1px solid #ECECEC;
  width: 100%;
  margin: auto;
}
.bottom-header ul li .mega > ul > li > a::before {
  background-color: #07725B;
  border-radius: 10px;
  left: 0;
  width: 6px;
}
@media (min-width: 1200px) {
  .bottom-header ul li .mega > ul > li > a::before {
    width: 7px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul li .mega > ul > li > a::before {
    width: 8px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul li .mega > ul > li > a::before {
    width: 9px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul li .mega > ul > li > a::before {
    width: 10px;
  }
}
.bottom-header ul li .mega > ul > li:hover a::before {
  height: 100%;
}
.bottom-header ul li .mega > ul > li:last-child {
  border-bottom: unset;
}
.bottom-header ul li .has-sub-menu > a::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><g clip-path="url(%23clip0_1272_3009)"><path d="M0.941832 3.80183C1.06495 3.80167 1.18687 3.82588 1.30058 3.87308C1.41429 3.92028 1.51752 3.98953 1.60433 4.07683L6.39996 8.87183C6.54505 9.01697 6.71732 9.1321 6.90692 9.21065C7.09652 9.2892 7.29973 9.32962 7.50496 9.32962C7.71018 9.32962 7.9134 9.2892 8.10299 9.21065C8.29259 9.1321 8.46486 9.01697 8.60996 8.87183L13.3981 4.08308C13.4846 3.99354 13.588 3.92212 13.7024 3.87299C13.8168 3.82385 13.9398 3.79799 14.0643 3.79691C14.1887 3.79583 14.3122 3.81955 14.4274 3.86669C14.5426 3.91383 14.6473 3.98344 14.7353 4.07146C14.8234 4.15949 14.893 4.26416 14.9401 4.37938C14.9872 4.49459 15.011 4.61804 15.0099 4.74252C15.0088 4.867 14.9829 4.99002 14.9338 5.1044C14.8847 5.21878 14.8132 5.32223 14.7237 5.40871L9.93558 10.1975C9.29052 10.8413 8.41636 11.2029 7.50496 11.2029C6.59355 11.2029 5.71939 10.8413 5.07433 10.1975L0.278707 5.40246C0.147509 5.27134 0.0581526 5.10426 0.0219437 4.92235C-0.0142651 4.74043 0.00430124 4.55187 0.0752934 4.38051C0.146286 4.20915 0.266513 4.0627 0.420762 3.95969C0.575011 3.85669 0.75635 3.80175 0.941832 3.80183Z" fill="%23575757"/></g><defs><clipPath id="clip0_1272_3009"><rect width="15" height="15" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .bottom-header ul li .has-sub-menu > a::after {
    width: 15px;
    height: 15px;
    right: 12px;
    background-size: 12px;
  }
}
@media (min-width: 1200px) {
  .bottom-header ul li .has-sub-menu > a::after {
    right: 13px;
    background-size: 13px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul li .has-sub-menu > a::after {
    right: 14px;
    background-size: 14px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul li .has-sub-menu > a::after {
    right: 15px;
    background-size: 15px;
  }
}
.bottom-header ul li .has-sub-menu > a:hover::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><g clip-path="url(%23clip0_1272_3009)"><path d="M0.941832 3.80183C1.06495 3.80167 1.18687 3.82588 1.30058 3.87308C1.41429 3.92028 1.51752 3.98953 1.60433 4.07683L6.39996 8.87183C6.54505 9.01697 6.71732 9.1321 6.90692 9.21065C7.09652 9.2892 7.29973 9.32962 7.50496 9.32962C7.71018 9.32962 7.9134 9.2892 8.10299 9.21065C8.29259 9.1321 8.46486 9.01697 8.60996 8.87183L13.3981 4.08308C13.4846 3.99354 13.588 3.92212 13.7024 3.87299C13.8168 3.82385 13.9398 3.79799 14.0643 3.79691C14.1887 3.79583 14.3122 3.81955 14.4274 3.86669C14.5426 3.91383 14.6473 3.98344 14.7353 4.07146C14.8234 4.15949 14.893 4.26416 14.9401 4.37938C14.9872 4.49459 15.011 4.61804 15.0099 4.74252C15.0088 4.867 14.9829 4.99002 14.9338 5.1044C14.8847 5.21878 14.8132 5.32223 14.7237 5.40871L9.93558 10.1975C9.29052 10.8413 8.41636 11.2029 7.50496 11.2029C6.59355 11.2029 5.71939 10.8413 5.07433 10.1975L0.278707 5.40246C0.147509 5.27134 0.0581526 5.10426 0.0219437 4.92235C-0.0142651 4.74043 0.00430124 4.55187 0.0752934 4.38051C0.146286 4.20915 0.266513 4.0627 0.420762 3.95969C0.575011 3.85669 0.75635 3.80175 0.941832 3.80183Z" fill="%23575757"/></g><defs><clipPath id="clip0_1272_3009"><rect width="15" height="15" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  transform: rotate(-90deg);
}
@media (min-width: 992px) {
  .bottom-header ul li .has-sub-menu > a:hover::after {
    background-size: 12px;
  }
}
@media (min-width: 1200px) {
  .bottom-header ul li .has-sub-menu > a:hover::after {
    background-size: 13px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul li .has-sub-menu > a:hover::after {
    background-size: 14px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul li .has-sub-menu > a:hover::after {
    background-size: 15px;
  }
}
.bottom-header ul li .has-sub-menu:hover .mega-menu {
  display: flex;
}
.bottom-header .main-menu {
  height: -moz-fit-content;
  height: fit-content;
  gap: 10px;
}
@media (max-width: 991px) {
  .bottom-header .main-menu {
    width: 69%;
    justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .bottom-header .main-menu {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .bottom-header .main-menu {
    gap: 30px;
  }
}
@media (min-width: 1600px) {
  .bottom-header .main-menu {
    gap: 40px;
  }
}
.bottom-header .main-menu nav > ul > li {
  display: flex;
  align-items: center;
}
.bottom-header .main-menu nav > ul > li a {
  transition: 0.3s ease all;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  color: #000;
}
.bottom-header .main-menu nav > ul > li > a::before {
  border-radius: 5px;
  width: 0;
  height: 2px;
  background-color: #78BB60;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.5s ease all;
}
.bottom-header .main-menu nav > ul > li > a:hover {
  color: #78BB60;
  transition: 0.3s ease all;
}
.bottom-header .main-menu nav > ul > li > a:hover::before {
  width: 100%;
  transition: 0.5s ease all;
}
@media (min-width: 992px) {
  .bottom-header .navbar-toggler {
    display: none;
  }
}
.bottom-header .drop-downs a {
  padding-right: 16px;
}
@media (min-width: 1600px) {
  .bottom-header .drop-downs a {
    padding-right: 18px;
  }
}
@media (min-width: 1900px) {
  .bottom-header .drop-downs a {
    padding-right: 20px;
  }
}
.bottom-header .drop-downs > a {
  position: relative;
}
.bottom-header .drop-downs > a::after {
  background-size: cover;
  background-repeat: no-repeat;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><g clip-path="url(%23clip0_1089_239)"><path d="M0.943785 3.80183C1.0669 3.80167 1.18883 3.82588 1.30253 3.87308C1.41624 3.92028 1.51948 3.98953 1.60628 4.07683L6.40191 8.87183C6.54701 9.01697 6.71927 9.1321 6.90887 9.21065C7.09847 9.2892 7.30168 9.32962 7.50691 9.32962C7.71213 9.32962 7.91535 9.2892 8.10495 9.21065C8.29455 9.1321 8.46681 9.01697 8.61191 8.87183L13.4 4.08308C13.4865 3.99354 13.59 3.92212 13.7043 3.87299C13.8187 3.82385 13.9417 3.79799 14.0662 3.79691C14.1907 3.79583 14.3142 3.81955 14.4294 3.86669C14.5446 3.91383 14.6493 3.98344 14.7373 4.07146C14.8253 4.15949 14.8949 4.26416 14.9421 4.37938C14.9892 4.49459 15.0129 4.61804 15.0118 4.74252C15.0108 4.867 14.9849 4.99002 14.9358 5.1044C14.8866 5.21878 14.8152 5.32223 14.7257 5.40871L9.93753 10.1975C9.29248 10.8413 8.41831 11.2029 7.50691 11.2029C6.59551 11.2029 5.72134 10.8413 5.07628 10.1975L0.28066 5.40246C0.149462 5.27134 0.0601057 5.10426 0.0238969 4.92235C-0.012312 4.74043 0.00625437 4.55187 0.0772465 4.38051C0.148239 4.20915 0.268466 4.0627 0.422715 3.95969C0.576964 3.85669 0.758303 3.80175 0.943785 3.80183Z" fill="%236A2875"/></g><defs><clipPath id="clip0_1089_239"><rect width="15" height="15" fill="white"/></clipPath></defs></svg>');
  width: 13px;
  height: 15px;
  transform: translateY(1px);
  background-size: 11px;
  right: 0;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
  .bottom-header .drop-downs > a::after {
    background-size: 12px;
    transform: translateY(3px);
  }
}
@media (min-width: 1600px) {
  .bottom-header .drop-downs > a::after {
    transform: translateY(2px);
    background-size: 14px;
  }
}
@media (min-width: 1900px) {
  .bottom-header .drop-downs > a::after {
    width: 15px;
    background-size: 15px;
  }
}

@media (max-width: 767px) {
  .social {
    display: none !important;
  }
}

.mobDropDown {
  position: relative;
}
.mobDropDown button {
  background-color: #07725B;
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 27px;
  border-radius: 5px;
}
.mobDropDown .dropdown-menu {
  position: unset !important;
  transform: translate(0) !important;
  border: unset;
  padding-left: 25px;
  background: unset;
}
.mobDropDown .dropdown-menu li {
  margin-bottom: 10px;
}

.mobile_left_menu {
  z-index: 99999999;
}
.mobile_left_menu nav > ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
}
.mobile_left_menu nav > ul a {
  font-size: 16px;
}

.footerTop {
  background: #FAF0EC;
  padding: 25px 0px;
}
@media (min-width: 992px) {
  .footerTop {
    padding: 30px 0px;
  }
}
@media (min-width: 1200px) {
  .footerTop {
    padding: 35px 0px;
  }
}
@media (min-width: 1440px) {
  .footerTop {
    padding: 38px 0px;
  }
}
@media (min-width: 1600px) {
  .footerTop {
    padding: 40px 0px;
  }
}
@media (min-width: 1900px) {
  .footerTop {
    padding: 42px 0px;
  }
}
.footerTop .phone, .footerTop .email {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .footerTop .phone, .footerTop .email {
    margin-bottom: 20px;
  }
}
.footerTop .phone a, .footerTop .email a {
  font-weight: 500;
}
@media (max-width: 575px) {
  .footerTop .phone a, .footerTop .email a {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .footerTop .phone a, .footerTop .email a {
    padding-left: 55px;
  }
}
.footerTop .phone svg, .footerTop .email svg {
  height: auto;
  width: 27px;
}
@media (min-width: 768px) {
  .footerTop .phone svg, .footerTop .email svg {
    width: 28px;
  }
}
@media (min-width: 992px) {
  .footerTop .phone svg, .footerTop .email svg {
    width: 26px;
  }
}
@media (min-width: 1200px) {
  .footerTop .phone svg, .footerTop .email svg {
    width: 28px;
  }
}
@media (min-width: 1440px) {
  .footerTop .phone svg, .footerTop .email svg {
    width: 30px;
  }
}
@media (min-width: 1600px) {
  .footerTop .phone svg, .footerTop .email svg {
    width: 33px;
  }
}
@media (min-width: 1900px) {
  .footerTop .phone svg, .footerTop .email svg {
    width: 35px;
  }
}
.footerTop .brand {
  width: 100%;
}
@media (max-width: 1199px) {
  .footerTop .brand {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .footerTop .brand {
    width: 24.33%;
  }
}
@media (min-width: 1200px) {
  .footerTop .brand {
    width: 27.33%;
  }
}
.footerTop .brand img {
  height: auto;
  width: 149px;
}
@media (min-width: 768px) {
  .footerTop .brand img {
    width: 170px;
  }
}
@media (min-width: 992px) {
  .footerTop .brand img {
    width: 180px;
  }
}
@media (min-width: 1200px) {
  .footerTop .brand img {
    width: 220px;
  }
}
@media (min-width: 1440px) {
  .footerTop .brand img {
    width: 240px;
  }
}
@media (min-width: 1600px) {
  .footerTop .brand img {
    width: 260px;
  }
}
@media (min-width: 1900px) {
  .footerTop .brand img {
    width: 280px;
  }
}
@media (min-width: 768px) {
  .footerTop .phone {
    width: 28%;
  }
}
@media (min-width: 992px) {
  .footerTop .phone {
    border-right: 1px solid #C1C1C1;
    width: 19.24%;
  }
}
@media (min-width: 1200px) {
  .footerTop .phone {
    width: 20.24%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footerTop .email {
    margin-left: 47px;
  }
}
@media (min-width: 768px) {
  .footerTop .email {
    width: 35%;
  }
}
@media (min-width: 992px) {
  .footerTop .email {
    padding-left: 30px;
    width: 33.16%;
  }
}
@media (min-width: 1200px) {
  .footerTop .email {
    padding-left: 40px;
    width: 31.16%;
  }
}
@media (min-width: 1440px) {
  .footerTop .email {
    width: 29.16%;
    padding-left: 70px;
  }
}
@media (min-width: 1600px) {
  .footerTop .email {
    padding-left: 90px;
    width: 29.16%;
  }
}
@media (min-width: 1900px) {
  .footerTop .email {
    width: 27.16%;
    padding-left: 110px;
  }
}
.footerTop .ctaButton {
  width: 100%;
}
@media (min-width: 768px) {
  .footerTop .ctaButton {
    width: 30%;
  }
}
@media (min-width: 992px) {
  .footerTop .ctaButton {
    width: 23.2%;
  }
}
@media (min-width: 1200px) {
  .footerTop .ctaButton {
    width: 21.2%;
  }
}
@media (min-width: 1440px) {
  .footerTop .ctaButton {
    width: 23.2%;
  }
}
@media (min-width: 1600px) {
  .footerTop .ctaButton {
    width: 23.2%;
  }
}
@media (min-width: 1900px) {
  .footerTop .ctaButton {
    width: 25.2%;
  }
}
.footerTop strong {
  align-items: center;
  width: 100%;
  color: #101010;
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .footerTop strong {
    margin-bottom: 10px;
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .footerTop strong {
    gap: 14px;
  }
}
@media (min-width: 1440px) {
  .footerTop strong {
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .footerTop strong {
    gap: 18px;
  }
}
@media (min-width: 1900px) {
  .footerTop strong {
    gap: 20px;
  }
}
.footerTop a {
  color: #101010;
}
.footerTop .btn {
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .footerTop .btn {
    margin-left: auto;
  }
}

footer {
  background-color: #07725B;
  padding-top: 40px;
}
@media (max-width: 991px) {
  footer {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  footer {
    padding-top: 90px;
  }
}
@media (min-width: 992px) {
  footer {
    padding-top: 95px;
  }
}
@media (min-width: 1200px) {
  footer {
    padding-top: 100px;
  }
}
@media (min-width: 1440px) {
  footer {
    padding-top: 110px;
  }
}
@media (min-width: 1600px) {
  footer {
    padding-top: 120px;
  }
}
@media (min-width: 1900px) {
  footer {
    padding-top: 130px;
  }
}
footer strong, footer p, footer a, footer span {
  color: #fff;
}
footer strong {
  color: #78BB60;
  width: 100%;
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 15px;
}
@media (min-width: 768px) {
  footer strong {
    margin-bottom: 26px;
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  footer strong {
    margin-bottom: 28px;
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  footer strong {
    margin-bottom: 15px;
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  footer strong {
    margin-bottom: 16px;
    font-size: 24px;
  }
}
@media (min-width: 1600px) {
  footer strong {
    margin-bottom: 18px;
    font-size: 26px;
  }
}
@media (min-width: 1900px) {
  footer strong {
    margin-bottom: 20px;
    font-size: 28px;
  }
}
footer .aboutContent {
  width: 100%;
}
@media (min-width: 768px) {
  footer .aboutContent {
    width: 48.13%;
  }
}
@media (min-width: 992px) {
  footer .aboutContent {
    width: 29.13%;
  }
}
@media (min-width: 1200px) {
  footer .aboutContent {
    width: 25.84%;
  }
}
@media (min-width: 1280px) {
  footer .aboutContent {
    width: 25.84%;
  }
}
@media (min-width: 1440px) {
  footer .aboutContent {
    width: 23.84%;
  }
}
footer .links {
  width: 50%;
}
@media (min-width: 768px) {
  footer .links {
    width: 21.23%;
  }
}
@media (min-width: 992px) {
  footer .links {
    width: 17.45%;
  }
}
@media (min-width: 1200px) {
  footer .links {
    width: 17.45%;
  }
}
footer .links a {
  position: relative;
  transition: 0.5s ease all;
}
footer .links a::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><g clip-path="url(%23clip0_1472_405)"><path d="M-3.8147e-06 7.5C-3.8147e-06 6.01664 0.439864 4.5666 1.26398 3.33323C2.08809 2.09986 3.25943 1.13856 4.62987 0.570907C6.00032 0.00324965 7.50832 -0.145275 8.96317 0.144114C10.418 0.433503 11.7544 1.14781 12.8033 2.1967C13.8522 3.2456 14.5665 4.58197 14.8559 6.03683C15.1453 7.49168 14.9968 8.99968 14.4291 10.3701C13.8614 11.7406 12.9001 12.9119 11.6668 13.736C10.4334 14.5601 8.98336 15 7.5 15C5.51153 14.9979 3.60513 14.207 2.19907 12.8009C0.793014 11.3949 0.00214672 9.48847 -3.8147e-06 7.5ZM13.75 7.5C13.75 6.26387 13.3834 5.0555 12.6967 4.02769C12.0099 2.99988 11.0338 2.1988 9.89177 1.72576C8.74973 1.25271 7.49306 1.12894 6.28068 1.3701C5.0683 1.61125 3.95466 2.20651 3.08058 3.08059C2.2065 3.95466 1.61125 5.06831 1.37009 6.28069C1.12893 7.49307 1.2527 8.74974 1.72575 9.89178C2.1988 11.0338 2.99988 12.0099 4.02768 12.6967C5.05549 13.3834 6.26386 13.75 7.5 13.75C9.15704 13.7482 10.7457 13.0891 11.9174 11.9174C13.0891 10.7457 13.7482 9.15705 13.75 7.5Z" fill="%2378BB60"/><path d="M10 7.49761C10.0005 7.04011 9.83326 6.59829 9.53 6.25574C9.34812 6.05136 9.17125 5.85761 9.04437 5.73074L7.27937 3.93511C7.16175 3.82461 7.00594 3.76389 6.84456 3.76566C6.68318 3.76744 6.52874 3.83157 6.41357 3.94464C6.29841 4.0577 6.23145 4.21093 6.2267 4.37225C6.22196 4.53357 6.2798 4.69048 6.38812 4.81011L8.15625 6.61011C8.27312 6.72761 8.43187 6.90261 8.59375 7.08449C8.69446 7.19867 8.75003 7.34568 8.75003 7.49793C8.75003 7.65017 8.69446 7.79719 8.59375 7.91136C8.4325 8.09261 8.27375 8.26761 8.16062 8.38136L6.38812 10.1851C6.2798 10.3047 6.22196 10.4617 6.2267 10.623C6.23145 10.7843 6.29841 10.9375 6.41357 11.0506C6.52874 11.1637 6.68318 11.2278 6.84456 11.2296C7.00594 11.2313 7.16175 11.1706 7.27937 11.0601L9.0475 9.26136C9.1725 9.13636 9.3475 8.94449 9.52812 8.74074C9.8325 8.39823 10.0004 7.95583 10 7.49761Z" fill="%2378BB60"/></g><defs><clipPath id="clip0_1472_405"><rect width="15" height="15" fill="white" transform="matrix(-1 0 0 1 15 0)"/></clipPath></defs></svg>');
  width: 13px;
  height: 13px;
  top: 2px;
  left: 0;
  opacity: 0;
  background-size: cover;
  transition: 0.5s ease all;
}
@media (min-width: 992px) {
  footer .links a::before {
    width: 12px;
    height: 12px;
    top: 1px;
  }
}
@media (min-width: 1200px) {
  footer .links a::before {
    width: 15px;
    height: 15px;
    top: 2px;
  }
}
@media (min-width: 1440px) {
  footer .links a::before {
    top: 3px;
  }
}
@media (min-width: 1600px) {
  footer .links a::before {
    top: 5px;
  }
}
footer .links a:hover {
  transition: 0.5s ease all;
  padding-left: 18px;
}
@media (min-width: 1200px) {
  footer .links a:hover {
    padding-left: 20px;
  }
}
@media (min-width: 1440px) {
  footer .links a:hover {
    padding-left: 22px;
  }
}
@media (min-width: 1600px) {
  footer .links a:hover {
    padding-left: 23px;
  }
}
@media (min-width: 1600px) {
  footer .links a:hover {
    padding-left: 24px;
  }
}
@media (min-width: 1900px) {
  footer .links a:hover {
    padding-left: 25px;
  }
}
footer .links a:hover::before {
  opacity: 1;
  transition: 0.5s ease all;
}
footer .links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
@media (min-width: 768px) {
  footer .links ul {
    gap: 5px;
  }
}
footer .links ul li {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .phone div {
    width: -moz-fit-content !important;
    width: fit-content !important;
    flex-wrap: wrap;
  }
  footer .phone a {
    display: flex;
  }
}
footer .address {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .address {
    margin-top: 20px;
  }
  footer .address ul {
    display: flex;
    gap: 46px;
  }
  footer .address li {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 992px) {
  footer .address {
    width: 28.24%;
  }
}
@media (min-width: 1200px) {
  footer .address {
    width: 27.45%;
  }
}
@media (min-width: 1280px) {
  footer .address {
    width: 25.45%;
  }
}
@media (min-width: 1440px) {
  footer .address {
    width: 23.45%;
  }
}
@media (min-width: 1900px) {
  footer .address {
    width: 22.9%;
  }
}
footer > .container-ctn .d-flex {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  footer > .container-ctn .d-flex {
    gap: 20px 0px;
  }
}
@media (min-width: 992px) {
  footer > .container-ctn .d-flex {
    padding-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  footer > .container-ctn .d-flex {
    padding-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  footer > .container-ctn .d-flex {
    padding-bottom: 55px;
  }
}
@media (min-width: 1600px) {
  footer > .container-ctn .d-flex {
    padding-bottom: 58px;
  }
}
@media (min-width: 1900px) {
  footer > .container-ctn .d-flex {
    padding-bottom: 60px;
  }
}
footer .aboutContent p {
  font-weight: 700;
  margin-bottom: 10px;
}
footer .aboutContent picture {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  footer .aboutContent picture {
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  footer .aboutContent picture {
    margin-bottom: 28px;
  }
}
@media (min-width: 1200px) {
  footer .aboutContent picture {
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  footer .aboutContent picture {
    margin-bottom: 36px;
  }
}
@media (min-width: 1600px) {
  footer .aboutContent picture {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  footer .aboutContent picture {
    margin-bottom: 40px;
  }
}
footer .aboutContent span {
  margin-bottom: 18px;
  display: block;
}
@media (min-width: 768px) {
  footer .aboutContent span {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  footer .aboutContent span {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  footer .aboutContent span {
    margin-bottom: 28px;
  }
}
@media (min-width: 1440px) {
  footer .aboutContent span {
    margin-bottom: 34px;
  }
}
@media (min-width: 1600px) {
  footer .aboutContent span {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  footer .aboutContent span {
    margin-bottom: 43px;
  }
}
footer .aboutContent ul {
  display: flex;
  gap: 0px 10px;
}
footer .aboutContent a:hover svg path {
  fill: #78BB60;
}
footer .links div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .links div ul {
  width: 100%;
}
@media (min-width: 1200px) {
  footer .links div ul {
    width: 48%;
  }
}
footer .links div li {
  margin-bottom: 10px;
}
footer .links div li:last-child {
  margin-bottom: 0;
}
footer .address a, footer .links a {
  position: relative;
  transition: 0.5s ease all;
}
footer .address li {
  display: flex;
  margin-bottom: 10px;
  transition: 0.5s ease all;
  gap: 10px;
}
@media (min-width: 992px) {
  footer .address li {
    margin-bottom: 20px;
  }
}
footer .address li.mail div {
  flex-wrap: wrap;
}
footer .address li.mail a {
  width: 100%;
}
footer .address li:last-child {
  margin-bottom: 0;
}
footer .address li i {
  width: 20px;
}
footer .address li div {
  display: flex;
  width: 90%;
}
@media (min-width: 768px) {
  footer .address li div {
    width: 84%;
  }
}
@media (min-width: 992px) {
  footer .address li div {
    width: 91%;
  }
}
@media (min-width: 1200px) {
  footer .address li div {
    width: 90%;
  }
}
@media (min-width: 1600px) {
  footer .address li div {
    width: 93%;
  }
}
@media (max-width: 767px) {
  footer .address li a {
    width: -moz-fit-content;
    width: fit-content;
  }
}
footer .copy {
  background: #015845;
  padding: 10px 0px;
}
@media (min-width: 768px) {
  footer .copy {
    padding: 15px 0px;
  }
}
@media (min-width: 992px) {
  footer .copy {
    padding: 23px 0px;
  }
}
@media (max-width: 767px) {
  footer .copy {
    text-align: center;
  }
}
@media (max-width: 767px) {
  footer .copy p {
    line-height: 25px;
  }
}
footer .copy p a {
  margin-left: 5px;
}
@media (min-width: 576px) {
  footer .copy p a {
    margin-left: 10px;
  }
}
footer .copy p a img {
  height: auto;
}
@media (max-width: 575px) {
  footer .copy p a img {
    width: 120px;
  }
}
footer span {
  font-weight: 400;
}

a.brandFooter {
  width: 150px;
  display: flex;
}
@media (min-width: 992px) {
  a.brandFooter {
    width: 56.58%;
  }
}

@keyframes rotate {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes bouns1 {
  0% {
    transform: translate(0%, 0%);
  }
  25% {
    transform: translate(100%, -50%);
  }
  75% {
    transform: translate(100%, 100%);
  }
  to {
    transform: translate(0%, 0%);
  }
}
@keyframes bouns2 {
  0% {
    transform: translate(0%, 0%);
  }
  25% {
    transform: translate(-50%, -50%);
  }
  75% {
    transform: translate(-100%, -100%);
  }
  to {
    transform: translate(0%, 0%);
  }
}
@keyframes osil {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-8deg);
  }
  75% {
    transform: rotate(8deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.bannerImage picture {
  position: relative;
}
.bannerImage picture::after {
    display: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  background: #000D25;
  mix-blend-mode: multiply;
  z-index: 0;
}
.bannerImage picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 400px;
}
@media (min-width: 576px) and (max-width: 767px) {
  .bannerImage picture img {
    height: 430px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bannerImage picture img {
    height: 450px;
  }
}
@media (min-width: 992px) {
  .bannerImage picture img {
    height: auto;
    max-height: 1080px;
  }
}

.banner {
  position: relative;
}
.banner .container-ctn {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -36.5%);
  left: 50%;
}
.banner h1, .banner p, .banner span {
  color: #444444;
}

.bannerBtn {
  display: flex;
  gap: 10px;
}
@media (min-width: 768px) {
  .bannerBtn {
    gap: 25px;
  }
}
@media (min-width: 992px) {
  .bannerBtn {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .bannerBtn {
    gap: 33px;
  }
}
@media (min-width: 1440px) {
  .bannerBtn {
    gap: 36px;
  }
}
@media (min-width: 1600px) {
  .bannerBtn {
    gap: 38px;
  }
}
@media (min-width: 1900px) {
  .bannerBtn {
    gap: 40px;
  }
}

.bannerText {
  width: 100%;
}
@media (min-width: 768px) {
  .bannerText {
    width: 60.32%;
  }
}
@media (min-width: 992px) {
  .bannerText {
    width: 47.32%;
  }
}
.bannerText .bannerBtn {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .bannerText .bannerBtn {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .bannerText .bannerBtn {
    margin-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .bannerText .bannerBtn {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .bannerText .bannerBtn {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .bannerText .bannerBtn {
    margin-bottom: 60px;
  }
}
.bannerText p {
  width: 85% !important;
}

.howDoesWork {
  background: linear-gradient(180deg, #EDFFE6 0%, #E2F0DD 100%);
  padding-bottom: 10px;
  margin-bottom: 172px;
}

ul.workingStep {
  padding-bottom: 50px;
  counter-reset: number;
  gap: 20px;
}
@media (min-width: 576px) {
  ul.workingStep {
    gap: 40px;
    padding-bottom: 60px;
    padding-top: 20px;
  }
  .w-px-400 {
      width: auto !important;
  }
}
@media (min-width: 992px) {
  ul.workingStep {
    padding-top: 40px;
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  ul.workingStep {
    padding-bottom: 130px;
    gap: 50px;
  }
}
@media (min-width: 1440px) {
  ul.workingStep {
    gap: 70px;
  }
}
@media (min-width: 1600px) {
  ul.workingStep {
    gap: 75px;
  }
}
@media (min-width: 1900px) {
  ul.workingStep {
    gap: 80px;
  }
}
ul.workingStep h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}
@media (min-width: 576px) {
  ul.workingStep h3 {
    font-size: 16px;
    line-height: 23px;
  }
}
@media (min-width: 992px) {
  ul.workingStep h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) {
  ul.workingStep h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1440px) {
  ul.workingStep h3 {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 32px;
  }
}
@media (min-width: 1600px) {
  ul.workingStep h3 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media (min-width: 1900px) {
  ul.workingStep h3 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 40px;
  }
}
ul.workingStep p {
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 768px) {
  ul.workingStep p {
    font-size: 12px;
    line-height: 19px;
  }
}
@media (min-width: 992px) {
  ul.workingStep p {
    font-size: 14px;
    line-height: 23px;
  }
}
@media (min-width: 1200px) {
  ul.workingStep p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1440px) {
  ul.workingStep p {
    font-size: 17px;
    line-height: 30px;
  }
}
@media (min-width: 1600px) {
  ul.workingStep p {
    font-size: 18px;
    line-height: 33px;
  }
}
@media (min-width: 1900px) {
  ul.workingStep p {
    font-size: 24px;
    line-height: 40px;
  }
}
ul.workingStep li {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  ul.workingStep li {
    width: 47%;
  }
}
@media (min-width: 992px) {
  ul.workingStep li {
    width: 47%;
  }
}
@media (min-width: 1200px) {
  ul.workingStep li {
    width: 47.65%;
  }
}
@media (min-width: 1440px) {
  ul.workingStep li {
    width: 47.2%;
  }
}
@media (min-width: 1600px) {
  ul.workingStep li {
    width: 47.3%;
  }
}
@media (min-width: 1900px) {
  ul.workingStep li {
    width: 47.65%;
  }
}
ul.workingStep li img {
  width: 100%;
}
ul.workingStep li picture {
  overflow: hidden;
  position: absolute;
  z-index: 2;
  border: 1px solid #ECECEC;
  border-radius: 10px;
  width: 32%;
}
@media (max-width: 767px) {
  ul.workingStep li picture {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  ul.workingStep li picture {
    top: -20px;
  }
}
@media (min-width: 1200px) {
  ul.workingStep li picture {
    top: -40px;
  }
}
ul.workingStep li > div {
  display: flex;
  align-items: center;
  margin-left: auto;
  min-height: 120px;
  padding: 15px 15px 15px 15px;
  border-radius: 15px;
  background-color: #fff;
  transition: 0.5s ease all;
  width: 75.69%;
}
@media (min-width: 576px) {
  ul.workingStep li > div {
    min-height: 165px;
    width: 71.69%;
  }
}
@media (min-width: 768px) {
  ul.workingStep li > div {
    width: 87.69%;
    padding: 10px 15px 10px 22px;
    min-height: 85px;
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  ul.workingStep li > div {
    padding: 20px 20px 20px 22px;
    min-height: 110px;
    border-radius: 22px;
  }
}
@media (min-width: 1200px) {
  ul.workingStep li > div {
    padding: 25px 25px 25px 40px;
    min-height: 140px;
    border-radius: 25px;
  }
}
@media (min-width: 1440px) {
  ul.workingStep li > div {
    padding: 30px 30px 30px 40px;
    min-height: 160px;
    border-radius: 40px;
  }
}
@media (min-width: 1600px) {
  ul.workingStep li > div {
    padding: 30px 45px 30px 45px;
    min-height: 170px;
    border-radius: 45px;
  }
}
@media (min-width: 1900px) {
  ul.workingStep li > div {
    padding: 32px 50px 50px 50px;
    min-height: 230px;
    border-radius: 50px;
  }
}
ul.workingStep li > div:hover {
  background-color: #07725B;
  transition: 0.3s ease all;
}
ul.workingStep li > div:hover h3, ul.workingStep li > div:hover p {
  color: #fff;
}
ul.workingStep li > div > div {
  position: relative;
  width: 100%;
  margin-left: auto;
  padding-left: 49px;
}
@media (min-width: 576px) {
  ul.workingStep li > div > div {
    padding-left: 57px;
  }
}
@media (min-width: 768px) {
  ul.workingStep li > div > div {
    width: 86.7%;
    padding-left: 38px;
  }
}
@media (min-width: 992px) {
  ul.workingStep li > div > div {
    padding-left: 50px;
  }
}
@media (min-width: 1200px) {
  ul.workingStep li > div > div {
    padding-left: 64px;
  }
}
@media (min-width: 1440px) {
  ul.workingStep li > div > div {
    padding-left: 64px;
  }
}
@media (min-width: 1600px) {
  ul.workingStep li > div > div {
    padding-left: 70px;
  }
}
@media (min-width: 1900px) {
  ul.workingStep li > div > div {
    padding-left: 95px;
  }
}
ul.workingStep li > div > div::before {
  color: rgba(120, 187, 96, 0.3);
  font-weight: 700;
  transition: 0.5s ease all;
  counter-increment: number;
  content: counter(number) " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 105px;
  line-height: 90px;
}
@media (min-width: 768px) {
  ul.workingStep li > div > div::before {
    font-size: 70px;
    line-height: 66px;
  }
}
@media (min-width: 992px) {
  ul.workingStep li > div > div::before {
    font-size: 100px;
    line-height: 80px;
  }
}
@media (min-width: 1200px) {
  ul.workingStep li > div > div::before {
    font-size: 123px;
    line-height: 123px;
  }
}
@media (min-width: 1440px) {
  ul.workingStep li > div > div::before {
    font-size: 120px;
    line-height: 95px;
  }
}
@media (min-width: 1600px) {
  ul.workingStep li > div > div::before {
    font-size: 150px;
    line-height: 150px;
  }
}
@media (min-width: 1900px) {
  ul.workingStep li > div > div::before {
    font-size: 200px;
    line-height: 200px;
  }
}

.testimonials .heading, .blog-home .heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.testimonials .heading h2, .blog-home .heading h2 {
  margin-bottom: 0 !important;
  width: 100% !important;
}

.page-not-found img {
  width: 80%;
  height: auto;
  margin: auto;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .page-not-found img {
    width: auto;
  }
}
.page-not-found p {
  color: #101010;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 35px;
}
@media (min-width: 576px) {
  .page-not-found p {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .page-not-found p {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 28px;
  }
}
@media (min-width: 992px) {
  .page-not-found p {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .page-not-found p {
    font-size: 33px;
    line-height: 33px;
    margin-bottom: 33px;
  }
}
@media (min-width: 1440px) {
  .page-not-found p {
    font-size: 35px;
    line-height: 55px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1600px) {
  .page-not-found p {
    font-size: 38px;
    line-height: 58px;
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  .page-not-found p {
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 40px;
  }
}
.page-not-found .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.thank-you {
  text-align: center;
}
.thank-you h2 {
  width: -moz-fit-content;
  width: fit-content;
  color: #101010;
  font-weight: 700;
  font-family: Lato;
  margin: auto;
  margin-bottom: 15px;
  font-size: 46px;
  line-height: 50px;
}
@media (min-width: 576px) {
  .thank-you h2 {
    font-size: 74px;
    line-height: 74px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .thank-you h2 {
    font-size: 105px;
    line-height: 105px;
  }
}
@media (min-width: 992px) {
  .thank-you h2 {
    font-size: 130px;
    line-height: 130px;
  }
}
@media (min-width: 1200px) {
  .thank-you h2 {
    font-size: 148px;
    line-height: 148px;
  }
}
@media (min-width: 1600px) {
  .thank-you h2 {
    font-size: 185px;
    line-height: 185px;
  }
}
@media (min-width: 1900px) {
  .thank-you h2 {
    font-size: 200px;
    line-height: 200px;
  }
}
.thank-you p {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .thank-you p {
    margin-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .thank-you p {
    margin-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  .thank-you p {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .thank-you p {
    margin-bottom: 55px;
  }
}
@media (min-width: 1600px) {
  .thank-you p {
    margin-bottom: 58px;
  }
}
@media (min-width: 1900px) {
  .thank-you p {
    margin-bottom: 60px;
  }
}
.thank-you .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.blog-home .d-flex {
  gap: 20px;
}
@media (min-width: 576px) {
  .blog-home .d-flex {
    gap: 15px;
  }
}
@media (min-width: 768px) {
  .blog-home .d-flex {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .blog-home .d-flex {
    gap: 33px;
  }
}
@media (min-width: 1350px) {
  .blog-home .d-flex {
    gap: 37px;
  }
}
@media (min-width: 1440px) {
  .blog-home .d-flex {
    gap: 39px;
  }
}
@media (min-width: 1600px) {
  .blog-home .d-flex {
    gap: 44px;
  }
}
@media (min-width: 1900px) {
  .blog-home .d-flex {
    gap: 53px;
  }
}

.blog-card {
  transition: 0.5s ease all;
  border-radius: 5px;
  border: 1px solid #ECECEC;
  padding: 12px 12px 20px 12px;
  width: 100%;
}
@media (min-width: 576px) {
  .blog-card {
    width: 48.5%;
  }
}
@media (min-width: 768px) {
  .blog-card {
    padding: 12px 12px 25px 12px;
  }
}
@media (min-width: 992px) {
  .blog-card {
    padding: 14px 14px 30px 14px;
    width: 22.68%;
  }
}
@media (min-width: 1200px) {
  .blog-card {
    padding: 16px 16px 35px 16px;
  }
}
@media (min-width: 1440px) {
  .blog-card {
    padding: 18px 18px 38px 18px;
  }
}
@media (min-width: 1600px) {
  .blog-card {
    padding: 18px 18px 38px 18px;
  }
}
@media (min-width: 1900px) {
  .blog-card {
    padding: 20px 20px 40px 20px;
  }
}
.blog-card img {
  width: 100%;
  height: auto;
}
.blog-card .blog-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
}
@media (min-width: 992px) {
  .blog-card .blog-info {
    margin: 12px 0px;
  }
}
@media (min-width: 1200px) {
  .blog-card .blog-info {
    margin: 15px 0px;
  }
}
@media (min-width: 1440px) {
  .blog-card .blog-info {
    margin: 16px 0px;
  }
}
@media (min-width: 1600px) {
  .blog-card .blog-info {
    margin: 18px 0px;
  }
}
@media (min-width: 1900px) {
  .blog-card .blog-info {
    margin: 20px 0px;
  }
}
.blog-card .date {
  background-color: #07725B;
  color: #fff;
  padding: 2px 8px;
  border-radius: 7px;
}
@media (min-width: 768px) {
  .blog-card .date {
    padding: 5px 10px;
    border-radius: 8px;
  }
}
@media (min-width: 1200px) {
  .blog-card .date {
    padding: 5px 12px;
    border-radius: 9px;
  }
}
@media (min-width: 1440px) {
  .blog-card .date {
    padding: 6px 13px;
    border-radius: 10px;
  }
}
@media (min-width: 1600px) {
  .blog-card .date {
    padding: 7px 14px;
  }
}
@media (min-width: 1900px) {
  .blog-card .date {
    padding: 8px 15px;
  }
}
.blog-card .description {
  overflow: hidden;
  overflow-y: auto;
  height: 72px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .blog-card .description {
    margin-bottom: 18px;
    height: 75px;
  }
}
@media (min-width: 992px) {
  .blog-card .description {
    height: 65px;
  }
}
@media (min-width: 1200px) {
  .blog-card .description {
    margin-bottom: 20px;
    height: 96px;
  }
}
@media (min-width: 1280px) {
  .blog-card .description {
    margin-bottom: 20px;
    height: 72px;
  }
}
@media (min-width: 1440px) {
  .blog-card .description {
    margin-bottom: 26px;
    height: 78px;
  }
}
@media (min-width: 1600px) {
  .blog-card .description {
    margin-bottom: 28px;
    height: 84px;
  }
}
@media (min-width: 1900px) {
  .blog-card .description {
    margin-bottom: 30px;
    height: 105px;
  }
}
.blog-card .description p {
  font-weight: 600;
}
.blog-card .date, .blog-card .author, .blog-card .btn {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .blog-card .date, .blog-card .author, .blog-card .btn {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 1200px) {
  .blog-card .date, .blog-card .author, .blog-card .btn {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 1440px) {
  .blog-card .date, .blog-card .author, .blog-card .btn {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (min-width: 1600px) {
  .blog-card .date, .blog-card .author, .blog-card .btn {
    font-size: 17px;
    line-height: 23px;
  }
}
@media (min-width: 1900px) {
  .blog-card .date, .blog-card .author, .blog-card .btn {
    font-size: 18px;
    line-height: 25px;
  }
}
.blog-card:hover {
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
  transition: 0.5s ease all;
}

.newsDetail article {
  width: 100%;
}
@media (min-width: 768px) {
  .newsDetail article {
    width: 59.02%;
  }
}
.newsDetail article > picture {
  margin: 15px 0px 25px 0px;
}
@media (min-width: 768px) {
  .newsDetail article > picture {
    margin: 18px 0px 28px 0px;
  }
}
@media (min-width: 992px) {
  .newsDetail article > picture {
    margin: 20px 0px 30px 0px;
  }
}
@media (min-width: 1200px) {
  .newsDetail article > picture {
    margin: 24px 0px 34px 0px;
  }
}
@media (min-width: 1440px) {
  .newsDetail article > picture {
    margin: 26px 0px 36px 0px;
  }
}
@media (min-width: 1600px) {
  .newsDetail article > picture {
    margin: 28px 0px 38px 0px;
  }
}
@media (min-width: 1900px) {
  .newsDetail article > picture {
    margin: 30px 0px 40px 0px;
  }
}
.newsDetail article > picture img {
  width: 100%;
  height: 100%;
}
.newsDetail article > p {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .newsDetail article > p {
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .newsDetail article > p {
    margin-bottom: 14px;
  }
}
@media (min-width: 1200px) {
  .newsDetail article > p {
    margin-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .newsDetail article > p {
    margin-bottom: 18px;
  }
}
@media (min-width: 1600px) {
  .newsDetail article > p {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) {
  .newsDetail article > p {
    margin-bottom: 20px;
  }
}
.newsDetail article > ul {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .newsDetail article > ul {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .newsDetail article > ul {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .newsDetail article > ul {
    margin-bottom: 28px;
  }
}
@media (min-width: 1440px) {
  .newsDetail article > ul {
    margin-bottom: 36px;
  }
}
@media (min-width: 1600px) {
  .newsDetail article > ul {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  .newsDetail article > ul {
    margin-bottom: 40px;
  }
}
.newsDetail .share {
  gap: 10px;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ECECEC;
}
.newsDetail .share p {
  color: #101010;
  font-weight: 500;
}
@media (min-width: 576px) {
  .newsDetail .share {
    margin-top: 25px;
    padding-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .newsDetail .share {
    gap: 14px;
    margin-top: 32px;
    padding-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .share {
    gap: 16px;
    margin-top: 28px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .share {
    gap: 18px;
    margin-top: 36px;
    padding-bottom: 56px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .share {
    gap: 20px;
    margin-top: 38px;
    padding-bottom: 58px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .share {
    gap: 22px;
    margin-top: 40px;
    padding-bottom: 60px;
  }
}
.newsDetail .share ul {
  gap: 5px;
}
@media (min-width: 992px) {
  .newsDetail .share ul {
    gap: 6px;
  }
}
@media (min-width: 1200px) {
  .newsDetail .share ul {
    gap: 7px;
  }
}
@media (min-width: 1440px) {
  .newsDetail .share ul {
    gap: 8px;
  }
}
@media (min-width: 1600px) {
  .newsDetail .share ul {
    gap: 9px;
  }
}
@media (min-width: 1900px) {
  .newsDetail .share ul {
    gap: 10px;
  }
}
.newsDetail .share a:hover svg {
  border: 1px solid #07725B;
  background-color: #07725B;
  border-radius: 50%;
}
.newsDetail .share a:hover svg rect {
  fill: #07725B;
}
.newsDetail .share a:hover svg path {
  fill: #fff;
  stroke: #fff;
}
.newsDetail .blog-navigation {
  padding-top: 10px;
}
.newsDetail .blog-navigation > a {
  width: 44.47%;
}
@media (min-width: 1200px) {
  .newsDetail .blog-navigation > a {
    width: 28.47%;
  }
}
.newsDetail .blog-navigation > a:hover svg path {
  fill: #07725B;
}
.newsDetail .blog-navigation > a:hover p, .newsDetail .blog-navigation > a:hover span {
  color: #07725B;
}
.newsDetail .blog-navigation a + a {
  text-align: right;
}
.newsDetail .blog-navigation p {
  color: #101010;
  display: flex;
  margin-top: 10px;
  gap: 10px;
}
@media (min-width: 576px) {
  .newsDetail .blog-navigation p {
    gap: 20px;
  }
}
.newsDetail .blog-navigation svg {
  margin-top: -4px;
}
@media (min-width: 1900px) {
  .newsDetail .blog-navigation svg {
    margin-top: 0px;
  }
}
.newsDetail .heading h2 {
  margin-bottom: 20px;
}
.newsDetail .heading h2 + span {
  margin-bottom: 30px;
  display: block;
}
.newsDetail aside {
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 100px;
  border: 1px solid #ECECEC;
  background: #FFF;
  box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  padding: 35px 20px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .newsDetail aside {
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside {
    padding: 30px 20px;
    width: 32.56%;
    top: 85px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside {
    padding: 45px 20px;
    width: 34.56%;
    top: 90px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside {
    top: 100px;
    width: 32.56%;
    padding: 45px 27px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside {
    padding: 56px 36px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside {
    padding: 58px 38px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside {
    padding: 60px 40px;
  }
}
.newsDetail aside h2 {
  color: #101010;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .newsDetail aside h2 {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside h2 {
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside h2 {
    font-size: 28px;
    line-height: 44px;
    margin-bottom: 52px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside h2 {
    font-size: 30px;
    line-height: 46px;
    margin-bottom: 56px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside h2 {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 58px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside h2 {
    font-size: 34px;
    line-height: 50px;
    margin-bottom: 60px;
  }
}
.newsDetail aside img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.newsDetail aside picture {
  width: 60px;
  height: 45px;
}
@media (min-width: 768px) {
  .newsDetail aside picture {
    width: 66px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside picture {
    width: 52px;
    height: 40px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside picture {
    width: 56px;
    height: 50px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside picture {
    width: 52px;
    height: 47px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside picture {
    height: 57px;
    width: 66px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside picture {
    height: 60px;
    width: 69px;
  }
}
.newsDetail aside ul {
  counter-reset: css-counter 0;
}
.newsDetail aside li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  counter-increment: css-counter 1;
  padding-left: 25px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid transparent;
  gap: 10px;
}
@media (min-width: 576px) {
  .newsDetail aside li {
    padding-left: 39px;
  }
}
@media (min-width: 768px) {
  .newsDetail aside li {
    padding-left: 20px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li {
    gap: 12px;
    padding-left: 24px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside li {
    gap: 15px;
    padding-left: 28px;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside li {
    gap: 21px;
    padding-left: 33px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li {
    gap: 24px;
    padding-left: 36px;
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside li {
    gap: 25px;
    padding-left: 39px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.newsDetail aside li:hover {
  border-bottom: 1px solid #C1C1C1;
}
.newsDetail aside li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 1px solid transparent;
}
.newsDetail aside li::after {
  content: counter(css-counter) " ";
  position: absolute;
  left: 0;
  font-size: 16px;
  color: #101010;
}
@media (min-width: 768px) {
  .newsDetail aside li::after {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li::after {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside li::after {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside li::after {
    font-size: 26px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li::after {
    font-size: 28px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside li::after {
    font-size: 30px;
  }
}
.newsDetail aside li a {
  width: 71%;
}
.newsDetail aside li a div {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 991px) {
  .newsDetail aside li a div {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .newsDetail aside li a div span {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .newsDetail aside li a {
    width: 72%;
  }
}
@media (min-width: 768px) {
  .newsDetail aside li a {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li a {
    width: 72%;
  }
}
@media (min-width: 1350px) {
  .newsDetail aside li a {
    width: 76%;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li a {
    width: 72%;
  }
}
.newsDetail aside li p {
  color: #101010;
  font-weight: 500;
  height: 45px;
  overflow: hidden;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .newsDetail aside li p {
    height: 46px;
  }
}
@media (min-width: 992px) {
  .newsDetail aside li p {
    height: 46px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside li p {
    height: 48px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside li p {
    height: 54px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside li p {
    height: 64px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside li p {
    height: 70px;
  }
}

.newsDetail .heading, .newsList .heading {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.newsDetail .heading h2, .newsList .heading h2 {
  margin-bottom: 0 !important;
  width: 100% !important;
}

.newsList .heading, .howItWorks-page .heading {
  justify-content: center;
  text-align: center;
}

.newsList > .container-ctn .d-flex {
  gap: 28px 8px;
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .newsList > .container-ctn .d-flex {
    gap: 27px;
  }
}
@media (min-width: 992px) {
  .newsList > .container-ctn .d-flex {
    gap: 25px 10px;
    margin-bottom: 28px;
  }
}
@media (min-width: 1200px) {
  .newsList > .container-ctn .d-flex {
    gap: 25px 12px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1280px) {
  .newsList > .container-ctn .d-flex {
    gap: 28px 13px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) {
  .newsList > .container-ctn .d-flex {
    gap: 33px 14px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .newsList > .container-ctn .d-flex {
    gap: 34px 15px;
    margin-bottom: 34px;
  }
}
@media (min-width: 1600px) {
  .newsList > .container-ctn .d-flex {
    gap: 36px 16px;
    margin-bottom: 36px;
  }
}
@media (min-width: 1900px) {
  .newsList > .container-ctn .d-flex {
    gap: 40px 20px;
    margin-bottom: 40px;
  }
}
.blogCard {
  position: relative;
  background-color: #fff;
  border: 1px solid #ECECEC;
}
@media (min-width: 576px) {
  .blogCard {
    width: 48%;
  }
}
@media (min-width: 992px) {
  .blogCard {
    width: 24.12%;
  }
}
.blogCard > div {
  position: relative;
  padding: 43px 10px 20px 10px;
  height: 175px;
}
@media (min-width: 576px) {
  .blogCard > div {
    padding: 40px 12px 17px 12px;
    height: 180px;
  }
}
@media (min-width: 768px) {
  .blogCard > div {
    padding: 45px 12px 17px 12px;
    height: 180px;
  }
}
@media (min-width: 992px) {
  .blogCard > div {
    padding: 20px 9px 15px 9px;
    height: 175px;
  }
}
@media (min-width: 1200px) {
  .blogCard > div {
    padding: 25px 14px 20px 14px;
    height: 185px;
  }
}
@media (min-width: 1440px) {
  .blogCard > div {
    padding: 30px 16px 25px 16px;
    height: 200px;
  }
}
@media (min-width: 1600px) {
  .blogCard > div {
    padding: 40px 18px 30px 18px;
    height: 210px;
  }
}
@media (min-width: 1900px) {
  .blogCard > div {
    padding: 50px 20px 40px 20px;
    height: 280px;
  }
}
.blogCard span {
  justify-content: center;
  background-color: #ECECEC;
  padding: 8px;
  display: flex;
  width: 100%;
  margin-top: -75px;
  z-index: 1;
  position: relative;
}
@media (min-width: 576px) {
  .blogCard span {
    margin-top: -69px;
    padding: 8px;
  }
}
@media (min-width: 768px) {
  .blogCard span {
    margin-top: -77px;
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .blogCard span {
    margin-top: -50px;
    padding: 12px;
  }
}
@media (min-width: 1200px) {
  .blogCard span {
    margin-top: -65px;
    padding: 15px;
  }
}
@media (min-width: 1440px) {
  .blogCard span {
    margin-top: -70px;
    padding: 18px;
  }
}
@media (min-width: 1600px) {
  .blogCard span {
    margin-top: -95px;
    padding: 20px;
  }
}
@media (min-width: 1900px) {
  .blogCard span {
    margin-top: -105px;
  }
}
.blogCard h3 {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 26px;
  height: 50px;
}
@media (min-width: 576px) {
  .blogCard h3 {
    margin-top: 19px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }
}
@media (min-width: 768px) {
  .blogCard h3 {
    margin-top: 22px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 28px;
    height: 54px;
  }
}
@media (min-width: 992px) {
  .blogCard h3 {
    margin-top: 18px;
    margin-bottom: 11px;
    font-size: 12.5px;
    line-height: 23px;
    height: 50px;
  }
}
@media (min-width: 1200px) {
  .blogCard h3 {
    margin-top: 20px;
    margin-bottom: 11px;
    font-size: 17px;
    line-height: 27px;
    height: 50px;
  }
}
@media (min-width: 1440px) {
  .blogCard h3 {
    margin-top: 22px;
    margin-bottom: 13px;
    font-size: 18px;
    line-height: 29px;
    height: 55px;
  }
}
@media (min-width: 1600px) {
  .blogCard h3 {
    margin-top: 26px;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 30px;
    height: 70px;
  }
}
@media (min-width: 1900px) {
  .blogCard h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 35px;
    height: 70px;
  }
}
.blogCard .description {
  display: none;
  transition: 0.5s ease all;
  overflow: hidden;
}
@media (min-width: 576px) {
  .blogCard .description {
    height: 48px;
  }
}
@media (min-width: 768px) {
  .blogCard .description {
    height: 24px;
  }
}
@media (min-width: 992px) {
  .blogCard .description {
    height: 36px;
  }
}
@media (min-width: 1200px) {
  .blogCard .description {
    height: 21px;
  }
}
@media (min-width: 1440px) {
  .blogCard .description {
    height: 21px;
  }
}
@media (min-width: 1600px) {
  .blogCard .description {
    height: 28px;
  }
}
@media (min-width: 1900px) {
  .blogCard .description {
    height: 27px;
  }
}
.blogCard .arrowBtn {
  font-weight: 700;
  margin-top: 20px;
  position: absolute;
  bottom: 18px;
}
@media (min-width: 1200px) {
  .blogCard .arrowBtn {
    margin-top: 18px;
    bottom: 28px;
  }
}
@media (min-width: 1440px) {
  .blogCard .arrowBtn {
    margin-top: 20px;
  }
}
@media (min-width: 1600px) {
  .blogCard .arrowBtn {
    margin-top: 25px;
    bottom: 35px;
  }
}
@media (min-width: 1900px) {
  .blogCard .arrowBtn {
    margin-top: 40px;
    bottom: 40px;
  }
}
.blogCard .arrowBtn:hover {
  color: #07725B;
}
.blogCard .arrowBtn:hover path {
  fill: #07725B;
}
.blogCard:hover {
  box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
}
.blogCard:hover .description {
  display: block;
  transition: 0.5s ease all;
}
.blogCard:hover span {
  color: #fff;
  background-color: #78BB60;
}

.terms ul {
  margin: 25px 0px;
}
@media (min-width: 768px) {
  .terms ul {
    margin: 26px 0px;
  }
}
@media (min-width: 992px) {
  .terms ul {
    margin: 28px 0px;
  }
}
@media (min-width: 1200px) {
  .terms ul {
    margin: 30px 0px;
  }
}
@media (min-width: 1440px) {
  .terms ul {
    margin: 33px 0px;
  }
}
@media (min-width: 1600px) {
  .terms ul {
    margin: 35px 0px;
  }
}
@media (min-width: 1900px) {
  .terms ul {
    margin: 40px 0px;
  }
}
.terms ul li {
  width: 100%;
}
.terms p {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .terms p {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .terms p {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .terms p {
    margin-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .terms p {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .terms p {
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .terms p {
    margin-bottom: 20px;
  }
}
.terms p:last-child {
  margin-bottom: 0;
}
.terms .themeBtn, .terms .footerTop .btn, .footerTop .terms .btn, .terms .page-not-found .btn, .page-not-found .terms .btn, .terms .thank-you .btn, .thank-you .terms .btn {
  margin-top: 30px !important;
}

@media (min-width: 576px) {
  .colum-2 ul {
    -moz-column-count: 2;
         column-count: 2;
  }
}

.faq .head {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .faq .head {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .faq .head {
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .faq .head {
    margin-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .faq .head {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .faq .head {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .faq .head {
    margin-bottom: 60px;
  }
}
.faq .accordion {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .faq .accordion {
    margin-top: 40px;
  }
}
.faq h3 button {
  font-size: 15px;
  line-height: 25px;
}
@media (min-width: 768px) {
  .faq h3 button {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .faq h3 button {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 1200px) {
  .faq h3 button {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 1440px) {
  .faq h3 button {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 1600px) {
  .faq h3 button {
    font-size: 19px;
    line-height: 29px;
  }
}
@media (min-width: 1900px) {
  .faq h3 button {
    font-size: 24px;
    line-height: 35px;
  }
}
.faq .accordion-item {
  border: unset;
  margin-bottom: 20px;
  border-radius: 20px;
}
.faq .accordion-header {
  transition: 0.5s ease all;
  border-top: 1px solid #ECECEC;
  border-left: 1px solid #ECECEC;
  border-right: 1px solid #ECECEC;
  border-radius: 20px 20px 0px 0px;
  padding: 15px 50px 0px 25px;
}
@media (min-width: 768px) {
  .faq .accordion-header {
    padding: 30px 60px 10px 35px;
  }
}
@media (min-width: 992px) {
  .faq .accordion-header {
    padding: 30px 70px 10px 40px;
  }
}
@media (min-width: 1200px) {
  .faq .accordion-header {
    padding: 30px 110px 10px 50px;
  }
}
@media (min-width: 1440px) {
  .faq .accordion-header {
    padding: 34px 120px 10px 54px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion-header {
    padding: 36px 125px 10px 56px;
  }
}
@media (min-width: 1900px) {
  .faq .accordion-header {
    padding: 40px 130px 10px 60px;
  }
}
.faq .accordion-item:has(.show) {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
  transition: 0.5s ease all;
}
.faq .accordion-header:has(.collapsed) {
  border: 1px solid #ECECEC;
  border-radius: 20px;
  padding: 15px 50px 15px 25px;
}
@media (min-width: 768px) {
  .faq .accordion-header:has(.collapsed) {
    padding: 30px 60px 30px 30px;
  }
}
@media (min-width: 992px) {
  .faq .accordion-header:has(.collapsed) {
    padding: 30px 70px 30px 40px;
  }
}
@media (min-width: 1200px) {
  .faq .accordion-header:has(.collapsed) {
    padding: 30px 110px 30px 50px;
  }
}
@media (min-width: 1440px) {
  .faq .accordion-header:has(.collapsed) {
    padding: 34px 120px 34px 54px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion-header:has(.collapsed) {
    padding: 36px 125px 36px 56px;
  }
}
@media (min-width: 1900px) {
  .faq .accordion-header:has(.collapsed) {
    padding: 40px 130px 40px 60px;
  }
}
.faq .accordion-body {
  border-bottom: 1px solid #ECECEC;
  border-left: 1px solid #ECECEC;
  border-right: 1px solid #ECECEC;
  border-radius: 0px 0px 20px 20px;
  padding: 10px 50px 20px 25px;
}
@media (min-width: 768px) {
  .faq .accordion-body {
    padding: 10px 60px 30px 35px;
  }
}
@media (min-width: 992px) {
  .faq .accordion-body {
    padding: 10px 70px 30px 40px;
  }
}
@media (min-width: 1200px) {
  .faq .accordion-body {
    padding: 10px 110px 30px 50px;
  }
}
@media (min-width: 1440px) {
  .faq .accordion-body {
    padding: 10px 120px 34px 54px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion-body {
    padding: 10px 125px 36px 56px;
  }
}
@media (min-width: 1900px) {
  .faq .accordion-body {
    padding: 10px 130px 40px 60px;
  }
}
.faq .accordion-header {
  position: relative;
}
.faq .accordion-header .accordion-button {
  color: #101010;
  transition: 0.5s ease all;
  padding: 0;
  background: unset;
  box-shadow: unset;
  line-height: 24px;
}
@media (min-width: 992px) {
  .faq .accordion-header .accordion-button {
    line-height: 22px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion-header .accordion-button {
    line-height: 26px;
  }
}
@media (min-width: 1900px) {
  .faq .accordion-header .accordion-button {
    line-height: 35px;
  }
}
.faq .accordion-header .accordion-button::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><rect x="0.5" y="-0.5" width="49" height="49" rx="24.5" transform="matrix(1 0 0 -1 0 49)" fill="%236A2875" stroke="%236A2875"/><path d="M16.2501 20.0067C16.4142 20.0065 16.5767 20.0392 16.7282 20.1029C16.8798 20.1666 17.0173 20.2601 17.133 20.378L23.5247 26.8524C23.718 27.0484 23.9476 27.2039 24.2003 27.3099C24.453 27.416 24.7239 27.4706 24.9974 27.4706C25.2709 27.4706 25.5418 27.416 25.7945 27.3099C26.0472 27.2039 26.2768 27.0484 26.4701 26.8524L32.8518 20.3864C32.967 20.2655 33.1049 20.1691 33.2573 20.1028C33.4098 20.0364 33.5737 20.0015 33.7396 20C33.9056 19.9986 34.0701 20.0306 34.2236 20.0943C34.3772 20.1579 34.5167 20.2519 34.634 20.3708C34.7513 20.4896 34.8441 20.6309 34.907 20.7865C34.9698 20.9421 35.0014 21.1088 35 21.2769C34.9985 21.4449 34.964 21.611 34.8986 21.7655C34.8331 21.9199 34.7379 22.0596 34.6185 22.1764L28.2369 28.6424C27.3772 29.5117 26.2121 30 24.9974 30C23.7827 30 22.6176 29.5117 21.7579 28.6424L15.3663 22.1679C15.1914 21.9909 15.0723 21.7653 15.024 21.5197C14.9758 21.274 15.0005 21.0194 15.0951 20.7881C15.1898 20.5567 15.35 20.3589 15.5556 20.2198C15.7612 20.0808 16.0029 20.0066 16.2501 20.0067Z" fill="white"/></svg>');
  background-size: 30px;
  width: 30px;
  height: 30px;
  right: -35px;
  position: absolute;
}
@media (min-width: 768px) {
  .faq .accordion-header .accordion-button::after {
    right: -36px;
    top: -5px;
    background-size: 33px;
    width: 33px;
    height: 33px;
  }
}
@media (min-width: 992px) {
  .faq .accordion-header .accordion-button::after {
    top: -10px;
    right: -50px;
    background-size: 36px;
    width: 36px;
    height: 36px;
  }
}
@media (min-width: 1200px) {
  .faq .accordion-header .accordion-button::after {
    right: -70px;
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1440px) {
  .faq .accordion-header .accordion-button::after {
    background-size: 44px;
    width: 44px;
    height: 44px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion-header .accordion-button::after {
    background-size: 48px;
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1900px) {
  .faq .accordion-header .accordion-button::after {
    background-size: 50px;
    width: 50px;
    height: 50px;
  }
}
.faq .accordion-header .accordion-button:not(.collapsed) {
  border: unset;
  transition: 0.5s ease all;
}
.faq .accordion-header .accordion-button:not(.collapsed) .career-info li i {
  background-color: #101010;
  transition: 0.5s ease all;
}
.faq .accordion-header .accordion-button:not(.collapsed) .career-info li i path {
  fill: #fff;
  transition: 0.5s ease all;
}
.faq .accordion-body p + p, .faq .accordion-body p + ul {
  margin-top: 15px;
}
.faq .accordion-body ul li:last-child p {
  margin-bottom: 0;
}
.faq .accordion-item .accordion-collapse {
  transition: 0.2s ease all;
}

.innerBanner {
  position: relative;
  background-color: #07725B;
}
.innerBanner .heading span {
  color: #fff;
}
.innerBanner > picture {
  position: relative;
}
.innerBanner > picture::after {
  opacity: 0.5;
  background: #000D25;
  mix-blend-mode: multiply;
  left: 0;
  z-index: 0;
  bottom: 0;
}
.innerBanner > picture img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .innerBanner > picture img {
    height: 250px;
  }
}
.innerBanner .container-ctn {
  z-index: 2;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 576px) {
  .innerBanner .container-ctn {
    transform: translate(-50%, -11%);
  }
}
.innerBanner h1 {
  color: #fff;
  text-transform: capitalize;
}
.innerBanner .breadCrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0px;
}
.innerBanner .breadCrumb ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.innerBanner .breadCrumb ul li, .innerBanner .breadCrumb ul a {
  color: #fff;
}
.innerBanner .breadCrumb ul li:last-child {
  font-weight: 600;
}

.contact-page .heading {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.contact-page .heading h2 {
  width: 100% !important;
}

.contact-address {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 1;
  position: relative;
  margin-bottom: -472px;
}
@media (min-width: 576px) {
  .contact-address {
    justify-content: space-between;
    margin-bottom: -141px;
  }
}
@media (min-width: 768px) {
  .contact-address {
    margin-bottom: -135px;
  }
}
@media (min-width: 992px) {
  .contact-address {
    margin-bottom: -153px;
  }
}
@media (min-width: 1200px) {
  .contact-address {
    margin-bottom: -175px;
  }
}
@media (min-width: 1280px) {
  .contact-address {
    margin-bottom: -180px;
  }
}
@media (min-width: 1440px) {
  .contact-address {
    margin-bottom: -202px;
  }
}
@media (min-width: 1600px) {
  .contact-address {
    margin-bottom: -212px;
  }
}
@media (min-width: 1900px) {
  .contact-address {
    margin-bottom: -212px;
  }
}
@media (max-width: 575px) {
  .contact-address {
    gap: 20px;
  }
}
.contact-address > div {
  box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border: 1px solid #ECECEC;
  border-radius: 20px;
  width: 80%;
  padding: 25px 20px 20px;
  transition: 0.3s ease all;
}
@media (min-width: 576px) {
  .contact-address > div {
    border-radius: 20px;
    width: 32.26%;
    padding: 20px 10px 20px;
  }
}
@media (min-width: 768px) {
  .contact-address > div {
    border-radius: 28px;
    width: 32.26%;
    padding: 30px 15px 15px;
  }
}
@media (min-width: 992px) {
  .contact-address > div {
    border-radius: 30px;
    width: 27.26%;
    padding: 40px 20px 20px;
  }
}
@media (min-width: 1200px) {
  .contact-address > div {
    width: 23.26%;
    border-radius: 35px;
    padding: 45px 24px 24px;
  }
}
@media (min-width: 1440px) {
  .contact-address > div {
    border-radius: 40px;
    padding: 50px 26px 26px;
  }
}
@media (min-width: 1600px) {
  .contact-address > div {
    border-radius: 45px;
    padding: 55px 26px 26px;
  }
}
@media (min-width: 1900px) {
  .contact-address > div {
    border-radius: 50px;
    padding: 60px 30px 30px;
  }
}
@media (min-width: 992px) {
  .contact-address > div:last-child {
    margin-bottom: 0;
  }
}
.contact-address > div > p,
.contact-address > div a {
  line-height: normal;
}
.contact-address > div > p,
.contact-address > div a,
.contact-address > div strong {
  display: flex;
}
@media (min-width: 576px) {
  .contact-address > div a {
    margin-bottom: 5px;
  }
}
@media (min-width: 1440px) {
  .contact-address > div a {
    margin-bottom: 6px;
  }
}
@media (min-width: 1600px) {
  .contact-address > div a {
    margin-bottom: 8px;
  }
}
@media (min-width: 1900px) {
  .contact-address > div a {
    margin-bottom: 10px;
  }
}
.contact-address > div a + a {
  margin-bottom: 0;
}
.contact-address > div > strong {
  font-weight: 600;
  padding-left: 42px;
  line-height: 30px;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .contact-address > div > strong {
    padding-left: 35px;
    line-height: 29px;
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .contact-address > div > strong {
    margin-bottom: 15px;
    padding-left: 45px;
    font-size: 18px;
    line-height: 30px;
  }
}
@media (min-width: 992px) {
  .contact-address > div > strong {
    margin-bottom: 20px;
    padding-left: 45px;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  .contact-address > div > strong {
    padding-left: 60px;
    font-size: 22px;
    line-height: 35px;
  }
}
@media (min-width: 1440px) {
  .contact-address > div > strong {
    padding-left: 65px;
    font-size: 24px;
    line-height: 40px;
  }
}
@media (min-width: 1600px) {
  .contact-address > div > strong {
    padding-left: 75px;
    font-size: 28px;
    line-height: 48px;
  }
}
@media (min-width: 1900px) {
  .contact-address > div > strong {
    padding-left: 80px;
    font-size: 30px;
    line-height: 50px;
  }
}
.contact-address > div a,
.contact-address > div p {
  font-size: 15px;
  line-height: 25px;
}
@media (min-width: 576px) {
  .contact-address > div a,
  .contact-address > div p {
    font-size: 12px;
    line-height: 17px;
  }
}
@media (min-width: 768px) {
  .contact-address > div a,
  .contact-address > div p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .contact-address > div a,
  .contact-address > div p {
    font-size: 15px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  .contact-address > div a,
  .contact-address > div p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1280px) {
  .contact-address > div a,
  .contact-address > div p {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (min-width: 1350px) {
  .contact-address > div a,
  .contact-address > div p {
    font-size: 17px;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .contact-address > div a,
  .contact-address > div p {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (min-width: 1600px) {
  .contact-address > div a,
  .contact-address > div p {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (min-width: 1900px) {
  .contact-address > div a,
  .contact-address > div p {
    font-size: 24px;
    line-height: 40px;
  }
}
.contact-address > div strong,
.contact-address > div a,
.contact-address > div p {
  color: #101010;
}
.contact-address > div strong,
.contact-address > div a {
  width: 100%;
}
.contact-address > div.phone strong::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><rect width="35" height="35" rx="17.5" fill="%78BB60"/><path d="M18.8184 8.83604C18.8184 8.61466 18.9063 8.40235 19.0629 8.24581C19.2194 8.08927 19.4317 8.00133 19.6531 8.00133C21.8661 8.00376 23.9877 8.88396 25.5526 10.4488C27.1174 12.0137 27.9976 14.1354 28 16.3484C28 16.5698 27.9121 16.7821 27.7555 16.9386C27.599 17.0951 27.3867 17.1831 27.1653 17.1831C26.9439 17.1831 26.7316 17.0951 26.5751 16.9386C26.4186 16.7821 26.3306 16.5698 26.3306 16.3484C26.3286 14.578 25.6245 12.8806 24.3726 11.6288C23.1208 10.3769 21.4235 9.67273 19.6531 9.67074C19.4317 9.67074 19.2194 9.5828 19.0629 9.42626C18.9063 9.26973 18.8184 9.05741 18.8184 8.83604ZM19.6531 13.0096C20.5386 13.0096 21.3878 13.3613 22.0139 13.9875C22.6401 14.6136 22.9918 15.4629 22.9918 16.3484C22.9918 16.5698 23.0798 16.7821 23.2363 16.9386C23.3929 17.0951 23.6052 17.1831 23.8265 17.1831C24.0479 17.1831 24.2602 17.0951 24.4168 16.9386C24.5733 16.7821 24.6612 16.5698 24.6612 16.3484C24.6599 15.0205 24.1318 13.7474 23.1929 12.8085C22.254 11.8696 20.9809 11.3415 19.6531 11.3402C19.4317 11.3402 19.2194 11.4281 19.0629 11.5846C18.9063 11.7412 18.8184 11.9535 18.8184 12.1749C18.8184 12.3962 18.9063 12.6085 19.0629 12.7651C19.2194 12.9216 19.4317 13.0096 19.6531 13.0096ZM27.2429 21.9735C27.7266 22.4585 27.9983 23.1156 27.9983 23.8006C27.9983 24.4856 27.7266 25.1427 27.2429 25.6278L26.4834 26.5034C19.6472 33.0483 3.01181 16.4168 9.45564 9.55889L10.4155 8.72419C10.9011 8.25398 11.5523 7.99386 12.2282 8.00011C12.9042 8.00636 13.5504 8.27847 14.0272 8.75758C14.0531 8.78345 15.5998 10.7926 15.5998 10.7926C16.0587 11.2747 16.3142 11.9152 16.3131 12.5809C16.3121 13.2465 16.0545 13.8861 15.594 14.3668L14.6274 15.5821C15.1623 16.8818 15.9488 18.0631 16.9416 19.0579C17.9344 20.0527 19.114 20.8416 20.4126 21.3791L21.6355 20.4067C22.1162 19.9466 22.7557 19.6893 23.4211 19.6883C24.0866 19.6874 24.7268 19.9429 25.2088 20.4017C25.2088 20.4017 27.2171 21.9476 27.2429 21.9735ZM26.0944 23.1871C26.0944 23.1871 24.097 21.6504 24.0711 21.6245C23.8991 21.454 23.6668 21.3584 23.4246 21.3584C23.1825 21.3584 22.9501 21.454 22.7782 21.6245C22.7556 21.6479 21.0721 22.9893 21.0721 22.9893C20.9586 23.0796 20.8236 23.1388 20.6803 23.161C20.537 23.1833 20.3904 23.1678 20.2549 23.1162C18.5725 22.4898 17.0444 21.5091 15.7741 20.2407C14.5038 18.9722 13.5209 17.4455 12.8921 15.7641C12.8363 15.6267 12.8181 15.477 12.8394 15.3303C12.8607 15.1836 12.9206 15.0452 13.0131 14.9294C13.0131 14.9294 14.3544 13.2449 14.377 13.2232C14.5475 13.0513 14.6432 12.8189 14.6432 12.5768C14.6432 12.3346 14.5475 12.1022 14.377 11.9303C14.3511 11.9052 12.8144 9.90613 12.8144 9.90613C12.6399 9.74963 12.4121 9.66581 12.1778 9.67187C11.9434 9.67792 11.7203 9.77338 11.5541 9.93868L10.5942 10.7734C5.88483 16.436 20.3008 30.0526 25.263 25.3632L26.0234 24.4867C26.2016 24.3217 26.3087 24.0938 26.3219 23.8513C26.3351 23.6088 26.2536 23.3706 26.0944 23.1871Z" fill="white"/></svg>');
}
.contact-address > div.email strong::before {
  background-image: url('data:image/svg+xml,<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="35" height="35" rx="17.5" fill="%78BB60"/><g clip-path="url(%23clip0_1272_2561)"><path d="M22.8333 8.83594H11.1667C10.062 8.83726 9.00296 9.27667 8.22185 10.0578C7.44073 10.8389 7.00132 11.8979 7 13.0026L7 23.0026C7.00132 24.1073 7.44073 25.1663 8.22185 25.9474C9.00296 26.7285 10.062 27.1679 11.1667 27.1693H22.8333C23.938 27.1679 24.997 26.7285 25.7782 25.9474C26.5593 25.1663 26.9987 24.1073 27 23.0026V13.0026C26.9987 11.8979 26.5593 10.8389 25.7782 10.0578C24.997 9.27667 23.938 8.83726 22.8333 8.83594ZM11.1667 10.5026H22.8333C23.3323 10.5036 23.8196 10.6539 24.2325 10.9341C24.6453 11.2143 24.9649 11.6117 25.15 12.0751L18.7683 18.4576C18.2987 18.9254 17.6628 19.188 17 19.188C16.3372 19.188 15.7013 18.9254 15.2317 18.4576L8.85 12.0751C9.03512 11.6117 9.35468 11.2143 9.76754 10.9341C10.1804 10.6539 10.6677 10.5036 11.1667 10.5026ZM22.8333 25.5026H11.1667C10.5036 25.5026 9.86774 25.2392 9.3989 24.7704C8.93006 24.3015 8.66667 23.6656 8.66667 23.0026V14.2526L14.0533 19.6359C14.8355 20.4162 15.8952 20.8543 17 20.8543C18.1048 20.8543 19.1645 20.4162 19.9467 19.6359L25.3333 14.2526V23.0026C25.3333 23.6656 25.0699 24.3015 24.6011 24.7704C24.1323 25.2392 23.4964 25.5026 22.8333 25.5026Z" fill="white"/></g><defs><clipPath id="clip0_1272_2561"><rect width="20" height="20" fill="white" transform="translate(7 8)"/></clipPath></defs></svg>');
}
.contact-address > div.address strong::before {
  background-image: url('data:image/svg+xml,<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="35" height="35" rx="17.5" fill="%78BB60"/><g clip-path="url(%23clip0_1272_2569)"><path d="M14.553 20.398C15.228 21.058 16.114 21.388 17 21.388C17.886 21.388 18.772 21.058 19.447 20.398L21.949 17.95C23.271 16.628 24 14.87 24 13C24 11.13 23.271 9.373 21.949 8.05C20.628 6.728 18.87 6 17 6C15.13 6 13.372 6.728 12.05 8.05C9.321 10.779 9.321 15.22 12.058 17.957L14.553 20.397V20.398ZM13.464 9.465C14.408 8.521 15.664 8.001 17 8.001C18.336 8.001 19.591 8.521 20.535 9.465C21.479 10.409 22 11.665 22 13.001C22 14.337 21.479 15.592 20.543 16.529L18.049 18.969C17.471 19.533 16.529 19.533 15.951 18.969L13.464 16.537C11.515 14.587 11.515 11.414 13.464 9.465ZM14 12.991C14 11.334 15.343 9.991 17 9.991C18.657 9.991 20 11.334 20 12.991C20 14.648 18.657 15.991 17 15.991C15.343 15.991 14 14.648 14 12.991ZM29 22.768C29 23.12 28.815 23.445 28.515 23.625L18.654 29.542C18.144 29.848 17.572 30.001 17.001 30.001C16.43 30.001 15.857 29.848 15.348 29.542L5.485 23.626C5.184 23.445 5 23.12 5 22.769C5 22.418 5.185 22.092 5.485 21.912L9.714 19.375C10.189 19.09 10.803 19.244 11.086 19.718C11.37 20.192 11.217 20.806 10.743 21.09L7.943 22.77L16.376 27.83C16.761 28.06 17.239 28.06 17.624 27.83L26.057 22.77L23.257 21.09C22.783 20.806 22.63 20.192 22.914 19.718C23.198 19.244 23.811 19.09 24.286 19.375L28.515 21.912C28.816 22.093 29 22.417 29 22.768Z" fill="white"/></g><defs><clipPath id="clip0_1272_2569"><rect width="24" height="24" fill="white" transform="translate(5 6)"/></clipPath></defs></svg>');
}
.contact-address > div strong {
  position: relative;
}
.contact-address > div strong::before {
  border-radius: 50%;
  left: 0;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  width: 30px;
  height: 30px;
  background-color: #07725B;
}
@media (min-width: 576px) {
  .contact-address > div strong::before {
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 768px) {
  .contact-address > div strong::before {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1200px) {
  .contact-address > div strong::before {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 1300px) {
  .contact-address > div strong::before {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 1440px) {
  .contact-address > div strong::before {
    width: 43px;
    height: 43px;
  }
}
@media (min-width: 1600px) {
  .contact-address > div strong::before {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1900px) {
  .contact-address > div strong::before {
    width: 50px;
    height: 50px;
  }
}
.contact-address > div:hover {
  background-color: #07725B;
  transition: 0.5s ease all;
}
.contact-address > div:hover p,
.contact-address > div:hover a,
.contact-address > div:hover strong {
  color: #fff;
  transition: 0.5s ease all;
}
.contact-address > div:hover strong::before {
  background-color: #78BB60;
  transition: 0.5s ease all;
}

.contact-form {
  background: linear-gradient(180deg, #EDFFE6 0%, #E2F0DD 100%);
  padding-top: 460px;
  padding-bottom: 160px;
  position: relative;
}
@media (min-width: 576px) {
  .contact-form {
    padding-bottom: 240px;
    padding-top: 130px;
  }
}
@media (min-width: 768px) {
  .contact-form {
    padding-top: 190px;
    padding-bottom: 45px;
  }
}
@media (min-width: 992px) {
  .contact-form {
    padding-top: 190px;
    padding-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  .contact-form {
    padding-top: 195px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .contact-form {
    padding-top: 190px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1600px) {
  .contact-form {
    padding-top: 200px;
    padding-bottom: 70px;
  }
}
@media (min-width: 1900px) {
  .contact-form {
    padding-top: 230px;
    padding-bottom: 100px;
  }
}
.contact-form picture {
  position: absolute;
  left: 5%;
  bottom: 0;
  width: 40.7%;
}
.contact-form picture img {
  height: auto;
  width: 96%;
}
@media (min-width: 992px) {
  .contact-form picture img {
    width: 88%;
  }
}
@media (min-width: 1200px) {
  .contact-form picture img {
    width: 85.91%;
  }
}

.form-container {
  width: 100%;
  position: relative;
}
@media (min-width: 992px) {
  .form-container {
    width: 60.07%;
  }
}
@media (min-width: 1200px) {
  .form-container {
    width: 64.07%;
  }
}
@media (min-width: 1440px) {
  .form-container {
    width: 64.07%;
  }
}

.form-wrapper {
  background: #f6fdf3;
  padding: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .form-wrapper {
    width: 49.42%;
    padding: 20px 35px;
  }
}
@media (min-width: 992px) {
  .form-wrapper {
    padding: 36px 50px;
  }
}
@media (min-width: 1200px) {
  .form-wrapper {
    padding: 38px 60px;
  }
}
@media (min-width: 1440px) {
  .form-wrapper {
    padding: 50px 60px;
  }
}
@media (min-width: 1600px) {
  .form-wrapper {
    padding: 48px 72px;
  }
}
@media (min-width: 1900px) {
  .form-wrapper {
    padding: 60px 90px;
  }
}
.form-wrapper form {
  display: flex;
  flex-wrap: wrap;
  gap: 33px 0px;
}
@media (min-width: 992px) {
  .form-wrapper form {
    gap: 22px 0px;
  }
}
@media (min-width: 1200px) {
  .form-wrapper form {
    gap: 25px 0px;
  }
}
@media (min-width: 1440px) {
  .form-wrapper form {
    gap: 30px 0px;
  }
}
@media (min-width: 1600px) {
  .form-wrapper form {
    gap: 36px 0px;
  }
}
@media (min-width: 1900px) {
  .form-wrapper form {
    gap: 40px 0px;
  }
}
.form-wrapper form input,
.form-wrapper form select,
.form-wrapper form textarea,
.form-wrapper form .formGroup {
  width: 100%;
  color: #353535;
}
.form-wrapper form input::-moz-placeholder, .form-wrapper form select::-moz-placeholder, .form-wrapper form textarea::-moz-placeholder, .form-wrapper form .formGroup::-moz-placeholder {
  color: #353535;
}
.form-wrapper form input::placeholder,
.form-wrapper form select::placeholder,
.form-wrapper form textarea::placeholder,
.form-wrapper form .formGroup::placeholder {
  color: #353535;
}
.form-wrapper h3,
.form-wrapper .h3 {
  font-weight: 600;
  color: #101010;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .form-wrapper h3,
  .form-wrapper .h3 {
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  .form-wrapper h3,
  .form-wrapper .h3 {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 36px;
  }
}
@media (min-width: 1440px) {
  .form-wrapper h3,
  .form-wrapper .h3 {
    margin-bottom: 33px;
    font-size: 25px;
    line-height: 37px;
  }
}
@media (min-width: 1600px) {
  .form-wrapper h3,
  .form-wrapper .h3 {
    margin-bottom: 36px;
    font-size: 26px;
    line-height: 38px;
  }
}
@media (min-width: 1900px) {
  .form-wrapper h3,
  .form-wrapper .h3 {
    margin-bottom: 39px;
    font-size: 28px;
    line-height: 40px;
  }
}

.theme-form input,
.theme-form textarea,
.theme-form select {
  border-radius: 0;
  background: unset;
  border: unset;
  width: 100%;
  color: #fff;
  border-bottom: 1px solid #969696;
  padding: 2px 30px;
}
@media (min-width: 992px) {
  .theme-form input,
  .theme-form textarea,
  .theme-form select {
    padding: 0px 30px;
  }
}
@media (min-width: 1200px) {
  .theme-form input,
  .theme-form textarea,
  .theme-form select {
    padding: 0px 44px;
  }
}
@media (min-width: 1440px) {
  .theme-form input,
  .theme-form textarea,
  .theme-form select {
    padding: 0px 48px;
  }
}
@media (min-width: 1600px) {
  .theme-form input,
  .theme-form textarea,
  .theme-form select {
    padding: 0px 50px;
  }
}
.theme-form input::-moz-placeholder, .theme-form textarea::-moz-placeholder, .theme-form select::-moz-placeholder {
  color: #fff;
}
.theme-form input::placeholder,
.theme-form textarea::placeholder,
.theme-form select::placeholder {
  color: #fff;
}
.theme-form select {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><g clip-path="url(%23clip0_945_2206)"><path d="M7.50256 10.7307C7.0919 10.7314 6.68513 10.6512 6.30549 10.4946C5.92586 10.3381 5.5808 10.1082 5.29006 9.81818L0.183807 4.71193C0.0661174 4.59424 0 4.43462 0 4.26818C0 4.10174 0.0661174 3.94212 0.183807 3.82443C0.301497 3.70674 0.461119 3.64062 0.627557 3.64062C0.793996 3.64062 0.953617 3.70674 1.07131 3.82443L6.17756 8.93068C6.52912 9.28181 7.00568 9.47903 7.50256 9.47903C7.99943 9.47903 8.47599 9.28181 8.82756 8.93068L13.9338 3.82443C14.0515 3.70674 14.2111 3.64063 14.3776 3.64062C14.544 3.64062 14.7036 3.70674 14.8213 3.82443C14.939 3.94212 15.0051 4.10174 15.0051 4.26818C15.0051 4.43462 14.939 4.59424 14.8213 4.71193L9.71506 9.81818C9.42431 10.1082 9.07926 10.3381 8.69962 10.4946C8.31999 10.6512 7.91321 10.7314 7.50256 10.7307Z" fill="white"/></g><defs><clipPath id="clip0_945_2206"><rect width="15" height="15" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: right;
}
.theme-form .formGroup > div {
  position: relative;
  height: 25px;
}
@media (min-width: 992px) {
  .theme-form .formGroup > div {
    height: 25px;
  }
}
@media (min-width: 1200px) {
  .theme-form .formGroup > div {
    height: 36px;
  }
}
.theme-form .formGroup > div::before {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  left: 0;
  top: 0;
  width: 21px;
  height: 21px;
}
@media (min-width: 992px) {
  .theme-form .formGroup > div::before {
    left: 0;
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1200px) {
  .theme-form .formGroup > div::before {
    top: -5px;
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 1440px) {
  .theme-form .formGroup > div::before {
    width: 26px;
    height: 26px;
  }
}
@media (min-width: 1600px) {
  .theme-form .formGroup > div::before {
    width: 28px;
    height: 28px;
  }
}
@media (min-width: 1900px) {
  .theme-form .formGroup > div::before {
    width: 30px;
    height: 30px;
  }
}
.theme-form .formGroup > div.name::before {
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="%2378BB60"/><path d="M21.7676 19.9141C21.3992 19.0414 20.8645 18.2486 20.1934 17.5801C19.5243 16.9096 18.7317 16.375 17.8594 16.0059C17.8516 16.002 17.8438 16 17.836 15.9961C19.0528 15.1172 19.8438 13.6855 19.8438 12.0703C19.8438 9.39453 17.6758 7.22656 15 7.22656C12.3243 7.22656 10.1563 9.39453 10.1563 12.0703C10.1563 13.6855 10.9473 15.1172 12.1641 15.998C12.1563 16.002 12.1485 16.0039 12.1407 16.0078C11.2657 16.377 10.4805 16.9062 9.80669 17.582C9.1362 18.2511 8.60162 19.0437 8.23247 19.916C7.86982 20.77 7.67423 21.6856 7.6563 22.6133C7.65578 22.6341 7.65943 22.6549 7.66705 22.6743C7.67467 22.6937 7.6861 22.7114 7.70066 22.7263C7.71522 22.7412 7.73262 22.7531 7.75184 22.7612C7.77105 22.7693 7.7917 22.7734 7.81255 22.7734H8.98442C9.07036 22.7734 9.13872 22.7051 9.14067 22.6211C9.17974 21.1133 9.7852 19.7012 10.8555 18.6309C11.9629 17.5234 13.4336 16.9141 15 16.9141C16.5665 16.9141 18.0372 17.5234 19.1446 18.6309C20.2149 19.7012 20.8204 21.1133 20.8594 22.6211C20.8614 22.707 20.9297 22.7734 21.0157 22.7734H22.1875C22.2084 22.7734 22.229 22.7693 22.2483 22.7612C22.2675 22.7531 22.2849 22.7412 22.2994 22.7263C22.314 22.7114 22.3254 22.6937 22.333 22.6743C22.3407 22.6549 22.3443 22.6341 22.3438 22.6133C22.3243 21.6797 22.1309 20.7715 21.7676 19.9141ZM15 15.4297C14.1036 15.4297 13.2598 15.0801 12.625 14.4453C11.9903 13.8105 11.6407 12.9668 11.6407 12.0703C11.6407 11.1738 11.9903 10.3301 12.625 9.69531C13.2598 9.06055 14.1036 8.71094 15 8.71094C15.8965 8.71094 16.7403 9.06055 17.375 9.69531C18.0098 10.3301 18.3594 11.1738 18.3594 12.0703C18.3594 12.9668 18.0098 13.8105 17.375 14.4453C16.7403 15.0801 15.8965 15.4297 15 15.4297Z" fill="white"/></svg>');
}
.theme-form .formGroup > div.mail::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="31" viewBox="0 0 30 31" fill="none"><rect y="0.789062" width="30" height="30" rx="15" fill="%2378BB60"/><rect x="7" y="10" width="16" height="12" stroke="white" stroke-width="1.5"/><path d="M7 10L15 16L23 10" stroke="white" stroke-width="1.5"/></svg>');
}
.theme-form .formGroup > div.phone::before {
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="%2378BB60"/><rect x="9" y="6" width="12" height="18" stroke="white" stroke-width="1.5"/><circle cx="15" cy="20" r="1" fill="white"/></svg>');
}
.theme-form .formGroup > div.message::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><rect width="30" height="30" rx="15" fill="%2378BB60"/><path d="M18.9491 6.84055L7.38824 18.4182C6.94668 18.858 6.59663 19.3811 6.35834 19.9573C6.12005 20.5336 5.99826 21.1514 6.00002 21.775V23.0504C6.00002 23.3022 6.09992 23.5438 6.27775 23.7218C6.45558 23.8999 6.69677 24 6.94826 24H8.22174C8.8445 24.0017 9.46143 23.8798 10.0368 23.6411C10.6122 23.4025 11.1346 23.0519 11.5738 22.6098L23.1347 11.0321C23.6888 10.4758 24 9.72211 24 8.93633C24 8.15056 23.6888 7.39686 23.1347 6.84055C22.5711 6.30107 21.8215 6 21.0419 6C20.2623 6 19.5127 6.30107 18.9491 6.84055ZM21.7938 9.68937L10.2329 21.267C9.69826 21.7992 8.97559 22.0988 8.22174 22.1008H7.89649V21.775C7.89847 21.0201 8.19762 20.2964 8.72904 19.7609L20.2899 8.18329C20.4925 7.98953 20.7618 7.88141 21.0419 7.88141C21.322 7.88141 21.5913 7.98953 21.7938 8.18329C21.9929 8.3832 22.1047 8.65401 22.1047 8.93633C22.1047 9.21866 21.9929 9.48947 21.7938 9.68937Z" fill="white"/></svg>');
}
.theme-form .iti input {
  padding-left: 84px !important;
}
@media (min-width: 992px) {
  .theme-form .iti input {
    padding-left: 84px !important;
  }
}
@media (min-width: 1200px) {
  .theme-form .iti input {
    padding-left: 98px !important;
  }
}
@media (min-width: 1440px) {
  .theme-form .iti input {
    padding-left: 106px !important;
  }
}
@media (min-width: 1600px) {
  .theme-form .iti input {
    padding-left: 104px !important;
  }
}
.theme-form .iti--allow-dropdown .iti__flag-container,
.theme-form .iti--separate-dial-code .iti__flag-container {
  left: 27px;
}
@media (min-width: 992px) {
  .theme-form .iti--allow-dropdown .iti__flag-container,
  .theme-form .iti--separate-dial-code .iti__flag-container {
    left: 27px;
  }
}
@media (min-width: 1200px) {
  .theme-form .iti--allow-dropdown .iti__flag-container,
  .theme-form .iti--separate-dial-code .iti__flag-container {
    left: 40px;
  }
}
@media (min-width: 1440px) {
  .theme-form .iti--allow-dropdown .iti__flag-container,
  .theme-form .iti--separate-dial-code .iti__flag-container {
    left: 48px;
  }
}

.map {
  margin-bottom: -10px;
}
.map iframe {
  height: 250px;
}
@media (min-width: 768px) {
  .map iframe {
    height: 300px;
  }
}
@media (min-width: 992px) {
  .map iframe {
    height: 330px;
  }
}
@media (min-width: 1200px) {
  .map iframe {
    height: 450px;
  }
}
@media (min-width: 1900px) {
  .map iframe {
    height: 500px;
  }
}

.aboutIntro {
  padding: 50px 0px;
}
@media (min-width: 992px) {
  .aboutIntro {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .aboutIntro {
    padding-top: 90px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .aboutIntro {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1600px) {
  .aboutIntro {
    padding-top: 140px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1900px) {
  .aboutIntro {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}

.aboutIntroImage {
  position: relative;
  width: 100%;
  height: 320px;
}
@media (min-width: 576px) {
  .aboutIntroImage {
    height: 463px;
  }
}
@media (min-width: 768px) {
  .aboutIntroImage {
    height: 620px;
  }
}
@media (min-width: 992px) {
  .aboutIntroImage {
    width: 44.77%;
    height: 360px;
  }
}
@media (min-width: 1200px) {
  .aboutIntroImage {
    height: 437px;
  }
}
@media (min-width: 1280px) {
  .aboutIntroImage {
    height: 465px;
  }
}
@media (min-width: 1350px) {
  .aboutIntroImage {
    height: 493px;
  }
}
@media (min-width: 1440px) {
  .aboutIntroImage {
    height: 523px;
  }
}
@media (min-width: 1600px) {
  .aboutIntroImage {
    height: 579px;
  }
}
@media (min-width: 1900px) {
  .aboutIntroImage {
    height: 698px;
  }
}
.aboutIntroImage > picture img {
  width: 80.52%;
  height: auto;
}

.aboutMask {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 74.03%;
}
.aboutMask img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.aboutIntroDescriptionLong {
  overflow: hidden;
  width: 100%;
  height: 130px;
}
@media (min-width: 768px) {
  .aboutIntroDescriptionLong {
    height: 188px;
  }
}
@media (min-width: 992px) {
  .aboutIntroDescriptionLong {
    height: 190px;
  }
}
@media (min-width: 1200px) {
  .aboutIntroDescriptionLong {
    height: 216px;
  }
}
@media (min-width: 1280px) {
  .aboutIntroDescriptionLong {
    height: 266px;
  }
}
@media (min-width: 1440px) {
  .aboutIntroDescriptionLong {
    height: 293px;
  }
}
@media (min-width: 1600px) {
  .aboutIntroDescriptionLong {
    height: 310px;
  }
}
@media (min-width: 1900px) {
  .aboutIntroDescriptionLong {
    height: 395px;
  }
}
.aboutIntroDescriptionLong.expanded {
  height: auto;
}

.aboutIntroDescription {
  width: 100%;
}
@media (min-width: 992px) {
  .aboutIntroDescription {
    width: 49.42%;
  }
}
.aboutIntroDescription p {
  width: 100% !important;
}
.aboutIntroDescription h2 {
  width: 95% !important;
}
.aboutIntroDescription p {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .aboutIntroDescription p {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .aboutIntroDescription p {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .aboutIntroDescription p {
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .aboutIntroDescription p {
    margin-bottom: 32px;
  }
}
@media (min-width: 1600px) {
  .aboutIntroDescription p {
    margin-bottom: 35px;
  }
}
@media (min-width: 1900px) {
  .aboutIntroDescription p {
    margin-bottom: 40px;
  }
}

.why-choose .heading,
.shipping-notes .heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.why-choose .heading h2,
.shipping-notes .heading h2 {
  width: 100% !important;
}
@media (min-width: 576px) {
  .why-choose .heading p,
  .shipping-notes .heading p {
    width: 83%;
  }
}

.why-choose {
  background: linear-gradient(180deg, #EDFFE6 0%, #E2F0DD 100%);
}
.why-choose .d-flex {
  gap: 5px;
}
@media (max-width: 767px) {
  .why-choose .d-flex {
    margin-top: 30px;
  }
}
@media (min-width: 576px) {
  .why-choose .d-flex {
    gap: 16px 30px;
  }
}
@media (min-width: 768px) {
  .why-choose .d-flex {
    gap: 18px 35px;
  }
}
@media (min-width: 992px) {
  .why-choose .d-flex {
    gap: 20px 45px;
  }
}
@media (min-width: 1200px) {
  .why-choose .d-flex {
    gap: 25px 96px;
  }
}
@media (min-width: 1280px) {
  .why-choose .d-flex {
    gap: 28px 102px;
  }
}
@media (min-width: 1350px) {
  .why-choose .d-flex {
    gap: 30px 109px;
  }
}
@media (min-width: 1440px) {
  .why-choose .d-flex {
    gap: 36px 115px;
  }
}
@media (min-width: 1600px) {
  .why-choose .d-flex {
    gap: 38px 128px;
  }
}
@media (min-width: 1900px) {
  .why-choose .d-flex {
    gap: 40px 155px;
  }
}

.why-choose-card > p,
.why-choose-card h3,
.benfit-card > p,
.benfit-card h3 {
  color: #101010;
  line-height: 23px;
  font-size: 12px;
}
@media (max-width: 575px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    text-align: center;
    min-height: 60px;
  }
}
@media (min-width: 576px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    width: 69.41%;
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    font-size: 15px;
  }
}
@media (min-width: 1280px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    font-size: 15px;
  }
}
@media (min-width: 1350px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    font-size: 17px;
  }
}
@media (min-width: 1600px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    font-size: 18px;
  }
}
@media (min-width: 1900px) {
  .why-choose-card > p,
  .why-choose-card h3,
  .benfit-card > p,
  .benfit-card h3 {
    font-size: 24px;
  }
}

.why-choose-card {
  transition: 0.5s ease all;
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ECECEC;
  justify-content: space-between;
  border-radius: 20px;
  padding: 10px 5px 10px 5px;
  width: 49%;
}
@media (max-width: 575px) {
  .why-choose-card {
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .why-choose-card {
    width: 47%;
    border-radius: 30px;
  }
}
@media (min-width: 768px) {
  .why-choose-card {
    width: 47.4%;
    padding: 7px 24px 7px 7px;
  }
}
@media (min-width: 992px) {
  .why-choose-card {
    width: 29.9%;
    padding: 8px 20px 8px 8px;
  }
}
@media (min-width: 1200px) {
  .why-choose-card {
    width: 27.32%;
    padding: 8px 24px 8px 8px;
  }
}
@media (min-width: 1440px) {
  .why-choose-card {
    padding: 8px 24px 8px 8px;
  }
}
@media (min-width: 1600px) {
  .why-choose-card {
    padding: 10px 26px 10px 10px;
  }
}
@media (min-width: 1900px) {
  .why-choose-card {
    padding: 10px 40px 10px 10px;
  }
}
.why-choose-card img {
  transition: 0.3s ease all;
  height: auto;
}
.why-choose-card picture {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #FAFAFD;
  border: 1px solid #ECECEC;
  padding: 5px;
  width: 70px;
  height: 70px;
}
.why-choose-card picture img {
  width: 48px;
}
@media (min-width: 576px) {
  .why-choose-card picture {
    width: 50px;
    height: 50px;
  }
  .why-choose-card picture img {
    width: 35px;
  }
}
@media (min-width: 768px) {
  .why-choose-card picture {
    width: 70px;
    height: 70px;
    padding: 9px;
  }
  .why-choose-card picture img {
    width: 48px;
  }
}
@media (min-width: 992px) {
  .why-choose-card picture {
    width: 60px;
    height: 60px;
    padding: 9px;
  }
  .why-choose-card picture img {
    width: 40px;
  }
}
@media (min-width: 1200px) {
  .why-choose-card picture {
    width: 70px;
    height: 70px;
    padding: 9px;
  }
  .why-choose-card picture img {
    width: 48px;
  }
}
@media (min-width: 1280px) {
  .why-choose-card picture {
    width: 70px;
    height: 70px;
    padding: 9px;
  }
  .why-choose-card picture img {
    width: 48px;
  }
}
@media (min-width: 1440px) {
  .why-choose-card picture {
    width: 85px;
    height: 85px;
    padding: 11px;
  }
  .why-choose-card picture img {
    width: 55px;
  }
}
@media (min-width: 1600px) {
  .why-choose-card picture {
    width: 90px;
    height: 90px;
    padding: 12px;
  }
  .why-choose-card picture img {
    width: 60px;
  }
}
@media (min-width: 1900px) {
  .why-choose-card picture {
    width: 100px;
    height: 100px;
    padding: 15px;
  }
  .why-choose-card picture img {
    width: 70px;
  }
}
.why-choose-card:hover {
  box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1);
  transition: 0.8s ease all;
}
.why-choose-card:hover picture {
  background-color: #07725B;
  transition: 0.5s ease all;
}
.why-choose-card:hover picture img {
  filter: invert(1);
}

.mission-vission > picture {
  width: 100%;
}
@media (min-width: 576px) {
  .mission-vission > picture {
    width: 41.299%;
  }
}
@media (max-width: 575px) {
  .mission-vission > picture {
    height: 480px;
    position: relative;
  }
  .mission-vission > picture::after {
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0.85;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mission-vission > picture {
    height: 440px;
  }
}
.mission-vission > picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mission-vission-tab {
  gap: 30px;
}
@media (max-width: 767px) {
  .mission-vission-tab {
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .mission-vission-tab {
    gap: 20px;
  }
}
@media (min-width: 768px) {
  .mission-vission-tab {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .mission-vission-tab {
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  .mission-vission-tab {
    gap: 60px;
  }
}
@media (min-width: 1440px) {
  .mission-vission-tab {
    gap: 75px;
  }
}
@media (min-width: 1600px) {
  .mission-vission-tab {
    gap: 85px;
  }
}
@media (min-width: 1900px) {
  .mission-vission-tab {
    gap: 105px;
  }
}
.mission-vission-tab .arrowBtn {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .mission-vission-tab .arrowBtn {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .mission-vission-tab .arrowBtn {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .mission-vission-tab .arrowBtn {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) {
  .mission-vission-tab .arrowBtn {
    margin-top: 20px;
  }
}
@media (min-width: 1600px) {
  .mission-vission-tab .arrowBtn {
    margin-top: 55px;
  }
}
@media (min-width: 1900px) {
  .mission-vission-tab .arrowBtn {
    margin-top: 60px;
  }
}
.mission-vission-tab .long-description {
  overflow-y: auto;
  height: 200px;
  padding-right: 10px;
}
.mission-vission-tab .long-description::-webkit-scrollbar-track {
  background-color: #ECECEC;
}
@media (min-width: 768px) {
  .mission-vission-tab .long-description {
    height: 135px;
    padding-right: 10px;
  }
}
@media (min-width: 992px) {
  .mission-vission-tab .long-description {
    height: 200px;
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  .mission-vission-tab .long-description {
    height: 241px;
    padding-right: 20px;
  }
}
@media (min-width: 1440px) {
  .mission-vission-tab .long-description {
    padding-right: 25px;
    height: 296px;
  }
}
@media (min-width: 1600px) {
  .mission-vission-tab .long-description {
    padding-right: 30px;
    height: 320px;
  }
}
.mission-vission-tab h2 {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .mission-vission-tab h2 {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .mission-vission-tab h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .mission-vission-tab h2 {
    margin-bottom: 22px;
  }
}
@media (min-width: 1440px) {
  .mission-vission-tab h2 {
    margin-bottom: 25px;
  }
}
@media (min-width: 1600px) {
  .mission-vission-tab h2 {
    margin-bottom: 36px;
  }
}
@media (min-width: 1900px) {
  .mission-vission-tab h2 {
    margin-bottom: 40px;
  }
}
.mission-vission-tab p,
.mission-vission-tab span,
.mission-vission-tab strong {
  font-size: 15px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .mission-vission-tab p,
  .mission-vission-tab span,
  .mission-vission-tab strong {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .mission-vission-tab p,
  .mission-vission-tab span,
  .mission-vission-tab strong {
    font-size: 13px;
    line-height: 22px;
  }
}
@media (min-width: 1200px) {
  .mission-vission-tab p,
  .mission-vission-tab span,
  .mission-vission-tab strong {
    font-size: 16px;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .mission-vission-tab p,
  .mission-vission-tab span,
  .mission-vission-tab strong {
    font-size: 18px;
    line-height: 32px;
  }
}
@media (min-width: 1600px) {
  .mission-vission-tab p,
  .mission-vission-tab span,
  .mission-vission-tab strong {
    font-size: 20px;
    line-height: 35px;
  }
}
@media (min-width: 1900px) {
  .mission-vission-tab p,
  .mission-vission-tab span,
  .mission-vission-tab strong {
    font-size: 24px;
    line-height: 40px;
  }
}
.mission-vission-tab p + p {
  margin-top: 10px;
}

.tab-button-container {
  border-radius: 20px;
  background-color: #78BB60;
  display: flex;
  justify-content: space-between;
  padding: 10px 24px;
}
@media (min-width: 576px) {
  .tab-button-container {
    padding: 10px 20px;
  }
}
@media (min-width: 768px) {
  .tab-button-container {
    justify-content: center;
    width: 30.04%;
    padding: 15px 0px;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .tab-button-container {
    padding: 25px 0px;
  }
}
@media (min-width: 1200px) {
  .tab-button-container {
    padding: 48px 0px;
  }
}
@media (min-width: 1440px) {
  .tab-button-container {
    padding: 50px 0px;
  }
}
@media (min-width: 1600px) {
  .tab-button-container {
    padding: 65px 0px;
  }
}
@media (min-width: 1900px) {
  .tab-button-container {
    padding: 68px 0px;
  }
}
.tab-button-container .tab-button {
  transform: translateX(0px);
  transition: 0.5s ease all;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  padding: 10px 15px 10px 15px;
  border-radius: 14px;
}
@media (min-width: 576px) {
  .tab-button-container .tab-button {
    font-size: 16px;
    line-height: 34px;
    padding: 10px 15px 10px 15px;
    border-radius: 20px;
  }
}
@media (min-width: 768px) {
  .tab-button-container .tab-button {
    font-size: 19px;
    line-height: 40px;
    padding: 25px 15px 25px 15px;
    border-radius: 28px;
  }
}
@media (min-width: 992px) {
  .tab-button-container .tab-button {
    font-size: 21px;
    line-height: 59px;
    padding: 25px 30px 25px 25px;
    border-radius: 30px;
  }
}
@media (min-width: 1200px) {
  .tab-button-container .tab-button {
    font-size: 24px;
    line-height: 60px;
    padding: 33px 45px 33px 33px;
    border-radius: 35px;
  }
}
@media (min-width: 1280px) {
  .tab-button-container .tab-button {
    font-size: 28px;
    line-height: 70px;
    padding: 35px 48px 35px 35px;
    border-radius: 40px;
  }
}
@media (min-width: 1440px) {
  .tab-button-container .tab-button {
    font-size: 30px;
    line-height: 73px;
    padding: 45px 58px 45px 45px;
    border-radius: 45px;
  }
}
@media (min-width: 1600px) {
  .tab-button-container .tab-button {
    font-size: 33px;
    line-height: 76px;
    padding: 50px 63px 50px 50px;
    border-radius: 48px;
  }
}
@media (min-width: 1900px) {
  .tab-button-container .tab-button {
    font-size: 40px;
    line-height: 80px;
    padding: 60px 73px 60px 60px;
    border-radius: 50px;
  }
}
.tab-button-container .tab-button.active {
  transition: 0.5s ease all;
  background-color: #07725B;
  color: white;
  transform: translateX(0px);
}
@media (min-width: 768px) {
  .tab-button-container .tab-button.active {
    transform: translateX(11px);
  }
}

@media (min-width: 768px) {
  .tabArea {
    width: 53.61%;
  }
}

.container-mission {
  width: 94%;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 576px) {
  .container-mission {
    width: 54.23%;
  }
}
@media (min-width: 768px) {
  .container-mission {
    right: 0;
    width: 71.23%;
  }
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.timer-col {
  transition: 0.8s ease all;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #ECECEC;
  padding-top: 20px;
  margin-bottom: 40px;
  width: 48%;
  border-radius: 5px;
}
@media (min-width: 576px) {
  .timer-col {
    border-radius: 10px;
    margin-bottom: 50px;
    padding-top: 40px;
    width: 31.3%;
  }
}
@media (min-width: 992px) {
  .timer-col {
    width: 15.7%;
  }
}
.timer-col strong, .timer-col span, .timer-col sup {
  font-weight: 600;
  transition: 0.8s ease all;
}
.timer-col span {
  display: inline-block;
}
.timer-col strong {
  margin-bottom: 5px;
  display: inline-block;
}
@media (min-width: 1200px) {
  .timer-col strong {
    margin-bottom: 10px;
  }
}
.timer-col p {
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  .timer-col p {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .timer-col p {
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .timer-col p {
    margin-bottom: 20px;
  }
}
.timer-col sup {
  margin-left: 5px;
}
@media (min-width: 1200px) {
  .timer-col sup {
    margin-left: 8px;
  }
}
@media (min-width: 1440px) {
  .timer-col sup {
    margin-left: 10px;
  }
}
@media (min-width: 1600px) {
  .timer-col sup {
    margin-left: 13px;
  }
}
@media (min-width: 1900px) {
  .timer-col sup {
    margin-left: 15px;
  }
}
.timer-col picture {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 10px;
  background-color: #78BB60;
  margin-bottom: -30px;
  border-radius: 50%;
  transition: 0.8s ease all;
}
@media (min-width: 576px) {
  .timer-col picture {
    margin-bottom: -30px;
  }
}
@media (min-width: 768px) {
  .timer-col picture {
    margin-bottom: -30px;
  }
}
@media (min-width: 992px) {
  .timer-col picture {
    margin-bottom: -30px;
  }
}
@media (min-width: 1200px) {
  .timer-col picture {
    margin-bottom: -35px;
  }
}
@media (min-width: 1440px) {
  .timer-col picture {
    margin-bottom: -45px;
  }
}
@media (min-width: 1440px) {
  .timer-col picture {
    margin-bottom: -37px;
  }
}
@media (min-width: 1600px) {
  .timer-col picture {
    margin-bottom: -50px;
  }
}
@media (min-width: 1900px) {
  .timer-col picture {
    margin-bottom: -50px;
  }
}
.timer-col picture img {
  height: auto;
  width: 35px;
}
@media (min-width: 768px) {
  .timer-col picture img {
    width: 45px;
  }
}
@media (min-width: 992px) {
  .timer-col picture img {
    width: 35px;
  }
}
@media (min-width: 1200px) {
  .timer-col picture img {
    width: 50px;
  }
}
@media (min-width: 1600px) {
  .timer-col picture img {
    width: 70px;
  }
}
@media (min-width: 1900px) {
  .timer-col picture img {
    width: 80px;
  }
}
.timer-col:hover {
  background: linear-gradient(180deg, #78BB60 0%, #07725B 100%);
  box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1);
  transition: 0.5s ease all;
  border-radius: 35px;
}
@media (min-width: 768px) {
  .timer-col:hover {
    border-radius: 38px;
  }
}
@media (min-width: 1200px) {
  .timer-col:hover {
    border-radius: 40px;
  }
}
@media (min-width: 1440px) {
  .timer-col:hover {
    border-radius: 45px;
  }
}
@media (min-width: 1600px) {
  .timer-col:hover {
    border-radius: 48px;
  }
}
@media (min-width: 1900px) {
  .timer-col:hover {
    border-radius: 50px;
  }
}
.timer-col:hover picture {
  transition: 0.5s ease all;
  background-color: #fff;
}
.timer-col:hover picture img {
  filter: invert(1);
  transition: 0.5s ease all;
}
.timer-col:hover strong, .timer-col:hover span, .timer-col:hover sup, .timer-col:hover p {
  transition: 0.5s ease all;
  color: #fff;
}

.cta {
  background: linear-gradient(180deg, #78BB60 0%, #07725B 100%);
  border: 1px solid #ECECEC;
  box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1);
  padding: 40px 30px;
  border-radius: 50px;
  margin-bottom: -172px;
}
@media (min-width: 576px) {
  .cta {
    padding: 40px 45px;
  }
}
@media (min-width: 768px) {
  .cta {
    padding: 50px 70px;
    border-radius: 55px;
  }
}
@media (min-width: 992px) {
  .cta {
    padding: 0px 65px;
    border-radius: 65px;
  }
}
@media (min-width: 1200px) {
  .cta {
    padding: 0px 75px;
    border-radius: 75px;
  }
}
@media (min-width: 1440px) {
  .cta {
    padding: 0px 85px;
    border-radius: 90px;
  }
}
@media (min-width: 1600px) {
  .cta {
    padding: 0px 95px;
    border-radius: 95px;
  }
}
@media (min-width: 1900px) {
  .cta {
    border-radius: 100px;
    padding: 0px 100px;
  }
}
.cta::after {
  width: 90%;
  height: 95%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  border-radius: 50px;
  z-index: 0;
  border: 1px dashed #fff;
}
@media (min-width: 768px) {
  .cta::after {
    width: 95%;
    border-radius: 55px;
  }
}
@media (min-width: 992px) {
  .cta::after {
    width: 96%;
    height: 85%;
    border-radius: 65px;
  }
}
@media (min-width: 1200px) {
  .cta::after {
    border-radius: 75px;
  }
}
@media (min-width: 1440px) {
  .cta::after {
    border-radius: 90px;
  }
}
@media (min-width: 1600px) {
  .cta::after {
    border-radius: 95px;
  }
}
@media (min-width: 1900px) {
  .cta::after {
    border-radius: 100px;
  }
}
.cta h3, .cta span {
  color: #fff;
}
.cta h3 {
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .cta h3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .cta h3 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1600px) {
  .cta h3 {
    margin-bottom: 20px;
  }
}
.cta span {
  display: block;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cta span {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .cta span {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .cta span {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1280px) {
  .cta span {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .cta span {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 45px;
  }
}
@media (min-width: 1600px) {
  .cta span {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .cta span {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 60px;
  }
}

.shipping-items {
  width: 100%;
  z-index: 2;
}
@media (max-width: 991px) {
  .shipping-items {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .shipping-items {
    width: 25.83%;
  }
}
.shipping-items:last-child {
  margin-bottom: 0;
}

.shippin-bg {
  width: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .shippin-bg {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .shippin-bg {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .shippin-bg {
    width: 44.82%;
  }
}
.shippin-bg > picture {
  position: relative;
}
.shippin-bg > picture::before {
  width: 100%;
  height: 100%;
  left: -5px;
  background-size: contain;
  background-image: url("../images/home/mask-b.png");
  background-position: bottom left;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .shippin-bg > picture::before {
    left: -27px;
  }
}
@media (min-width: 992px) {
  .shippin-bg > picture::before {
    left: -27px;
  }
}
@media (min-width: 1200px) {
  .shippin-bg > picture::before {
    left: -40px;
  }
}
@media (min-width: 1440px) {
  .shippin-bg > picture::before {
    left: -50px;
  }
}
@media (min-width: 1600px) {
  .shippin-bg > picture::before {
    left: -50px;
  }
}
@media (min-width: 1900px) {
  .shippin-bg > picture::before {
    left: -57px;
  }
}
.shippin-bg > picture img {
  -webkit-mask-image: url("../images/home/mask.png");
          mask-image: url("../images/home/mask.png");
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 100%;
  z-index: 1;
}

.static-man {
  width: 100%;
  top: 0;
}
@media (max-width: 991px) {
  .static-man {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
}
@media (min-width: 992px) {
  .static-man {
    top: -23px;
    left: 10px;
  }
}
@media (min-width: 1200px) {
  .static-man {
    top: -28px;
    left: 30px;
  }
}
@media (min-width: 1280px) {
  .static-man {
    top: -30px;
  }
}
@media (min-width: 1350px) {
  .static-man {
    top: -32px;
  }
}
@media (min-width: 1440px) {
  .static-man {
    top: -33px;
  }
}
@media (min-width: 1600px) {
  .static-man {
    top: -37px;
    left: 30px;
  }
}
@media (min-width: 1900px) {
  .static-man {
    top: -46px;
    left: 37px;
  }
}
.static-man img {
  width: 54.23%;
}
@media (min-width: 992px) {
  .static-man img {
    width: 59.23%;
  }
}

.clientNav {
  width: 110px;
}
@media (min-width: 992px) {
  .clientNav {
    width: 140px;
  }
}

.clients .heading h2 {
  margin-bottom: 0;
}
.clients picture, .clients .slick-slide {
  height: 70px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .clients picture, .clients .slick-slide {
    height: 70px;
  }
}
@media (min-width: 1440px) {
  .clients picture, .clients .slick-slide {
    height: 75px;
  }
}
@media (min-width: 1600px) {
  .clients picture, .clients .slick-slide {
    height: 86px;
  }
}
@media (min-width: 1900px) {
  .clients picture, .clients .slick-slide {
    height: 115px;
  }
}
.clients img {
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s ease all;
  filter: grayscale(1);
  mix-blend-mode: luminosity;
  opacity: 0.5;
}
.clients picture:hover img, .clients picture.slick-current img, .clients .slick-slide:hover img, .clients .slick-slide.slick-current img {
  transition: 0.5s ease all;
  opacity: 1;
  filter: grayscale(0);
}
.clients .slick-list {
  margin: 0px -20px;
}
.clients .slick-slide {
  margin: 0px 20px;
}

.clients-row {
  gap: 10px 2.5%;
}
@media (min-width: 992px) {
  .clients-row {
    gap: 40px 2.5%;
  }
}

.clients-row a {
  border: 1px solid #cfcfcf;
  display: flex;
  border-radius: 12px;
  width: 31.6%;
  justify-content: center;
  height: 65px;
}
@media (min-width: 768px) {
  .clients-row a {
    height: 60px;
    width: 18%;
  }
}
@media (min-width: 992px) {
  .clients-row a {
    height: 80px;
  }
}
@media (min-width: 1200px) {
  .clients-row a {
    height: 90px;
  }
}
@media (min-width: 1600px) {
  .clients-row a {
    height: 120px;
  }
}

.clients-row a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 80%;
}

.testimonials {
  position: relative;
}
@media (max-width: 575px) {
  .testimonials .slick-nav {
    margin-bottom: -50px;
  }
}
.testimonials .row {
  width: 97%;
  margin: auto;
}
@media (min-width: 576px) {
  .testimonials .row {
    width: 93%;
  }
}
.testimonials .container-ctn {
  background-color: #FAFAFD;
  border-radius: 50px;
}
@media (min-width: 768px) {
  .testimonials .container-ctn {
    border-radius: 65px;
  }
}
@media (min-width: 992px) {
  .testimonials .container-ctn {
    border-radius: 75px;
  }
}
@media (min-width: 1200px) {
  .testimonials .container-ctn {
    border-radius: 80px;
  }
}
@media (min-width: 1440px) {
  .testimonials .container-ctn {
    border-radius: 85px;
  }
}
@media (min-width: 1600px) {
  .testimonials .container-ctn {
    border-radius: 95px;
  }
}
@media (min-width: 1900px) {
  .testimonials .container-ctn {
    border-radius: 100px;
  }
}
.testimonials .rating {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .testimonials .rating {
    margin-bottom: 22px;
  }
}
@media (min-width: 1440px) {
  .testimonials .rating {
    margin-bottom: 28px;
  }
}
@media (min-width: 1600px) {
  .testimonials .rating {
    margin-bottom: 30px;
  }
}
@media (min-width: 1900px) {
  .testimonials .rating {
    margin-bottom: 35px;
  }
}
.testimonials .rating i > svg {
  height: auto;
  width: 20px;
}
@media (min-width: 768px) {
  .testimonials .rating i > svg {
    width: 16px;
  }
}
@media (min-width: 992px) {
  .testimonials .rating i > svg {
    width: 18px;
  }
}
@media (min-width: 1200px) {
  .testimonials .rating i > svg {
    width: 20px;
  }
}
@media (min-width: 1600px) {
  .testimonials .rating i > svg {
    width: 22px;
  }
}
@media (min-width: 1900px) {
  .testimonials .rating i > svg {
    width: 25px;
  }
}

.testimonialSlider .slick-slide {
  background-color: #fff;
  transition: 0.5s ease all;
  border: 1px solid #B1DED4;
  border-radius: 15px;
  padding: 20px 14px 20px 14px;
  border-radius: 15px;
  margin: 0px 5px;
  margin-bottom: 15px;
}
.testimonialSlider .slick-slide:hover {
  transition: 0.5s ease all;
}
.testimonialSlider .slick-slide:hover {
  box-shadow: 0px 10px 10px rgba(5, 115, 91, 0.4);
  transition: 0.5s ease all;
}
@media (min-width: 992px) {
  .testimonialSlider .slick-slide:hover {
    box-shadow: 0px 10px 22px rgba(5, 115, 91, 0.4);
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .slick-slide:hover {
    box-shadow: 0px 10px 22px rgba(5, 115, 91, 0.4);
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .slick-slide:hover {
    box-shadow: 0px 10px 22px rgba(5, 115, 91, 0.4);
  }
}
@media (min-width: 1800px) {
  .testimonialSlider .slick-slide:hover {
    box-shadow: 0px 10px 22px rgba(5, 115, 91, 0.4);
  }
}
@media (min-width: 768px) {
  .testimonialSlider .slick-slide {
    padding: 39px 14px 33px 14px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .slick-slide {
    padding: 29px 12px 20px 12px;
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .slick-slide {
    padding: 39px 14px 33px 14px;
    border-radius: 20px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .slick-slide {
    padding: 47px 17px 40px 17px;
    border-radius: 30px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .slick-slide {
    padding: 55px 20px 40px 20px;
  }
}
@media (min-width: 576px) {
  .testimonialSlider .slick-slide {
    margin: 0px 10px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .slick-slide {
    margin: 0px 16px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .slick-slide {
    margin: 0px 18px;
    margin-bottom: 36px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .slick-slide {
    margin: 0px 19px;
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .slick-slide {
    margin: 0px 20px;
    margin-bottom: 40px;
  }
}
.testimonialSlider .slick-list {
  margin: 0px -5px;
}
@media (min-width: 576px) {
  .testimonialSlider .slick-list {
    margin: 0px -10px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .slick-list {
    margin: 0px -16px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .slick-list {
    margin: 0px -18px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .slick-list {
    margin: 0px -19px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .slick-list {
    margin: 0px -20px;
  }
}
.testimonialSlider .author {
  display: flex;
  gap: 10px;
}
@media (min-width: 768px) {
  .testimonialSlider .author {
    gap: 12px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .author {
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .author {
    gap: 22px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .author {
    gap: 30px;
  }
}
.testimonialSlider .author picture {
  width: 40px;
  height: 40px;
  background: #168C72;
  border-radius: 10px;
}
.testimonialSlider .author picture img {
  height: auto;
  width: 35px;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .testimonialSlider .author picture {
    border-radius: 13px;
    width: 50px;
    height: 50px;
  }
  .testimonialSlider .author picture img {
    width: 50px;
    height: 50px;
    margin-top: -11px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .author picture {
    border-radius: 13px;
    width: 45px;
    height: 45px;
  }
  .testimonialSlider .author picture img {
    width: 45px;
    height: 45px;
    margin-top: -11px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .author picture {
    width: 50px;
    height: 50px;
    border-radius: 13px;
  }
  .testimonialSlider .author picture img {
    width: 50px;
    height: 50px;
    margin-top: -11px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .author picture {
    width: 55px;
    height: 55px;
    border-radius: 15px;
  }
  .testimonialSlider .author picture img {
    width: 55px;
    height: 55px;
    margin-top: -13px;
  }
}
@media (min-width: 1800px) {
  .testimonialSlider .author picture {
    width: 70px;
    height: 70px;
    border-radius: 20px;
  }
  .testimonialSlider .author picture img {
    width: 70px;
    height: 70px;
    margin-top: -15px;
  }
}
.testimonialSlider .author .title {
  width: 76%;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .testimonialSlider .author .title {
    margin-bottom: 15px;
    margin-top: -7px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .author .title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .author .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 1800px) {
  .testimonialSlider .author .title {
    margin-bottom: 13px;
  }
}
.testimonialSlider .author h3 {
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: #07725B;
}
@media (min-width: 768px) {
  .testimonialSlider .author h3 {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .author h3 {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .author h3 {
    font-size: 16.8px;
    line-height: 26px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .author h3 {
    font-size: 19.6px;
    line-height: 33px;
    margin-bottom: 5px;
  }
}
@media (min-width: 1800px) {
  .testimonialSlider .author h3 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 8px;
  }
}
.testimonialSlider .author span {
  font-size: 12px;
  line-height: 22px;
}
@media (min-width: 768px) {
  .testimonialSlider .author span {
    font-size: 13px;
    line-height: 23px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .author span {
    font-size: 12px;
    line-height: 22px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .author span {
    font-size: 14px;
    line-height: 26px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .author span {
    font-size: 17px;
    line-height: 35px;
  }
}
@media (min-width: 1800px) {
  .testimonialSlider .author span {
    font-size: 20px;
    line-height: 35px;
  }
}
.testimonialSlider h4 {
  color: #101010;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .testimonialSlider h4 {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider h4 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider h4 {
    font-size: 19.6px;
    line-height: 25px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1800px) {
  .testimonialSlider h4 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 10px;
  }
}
.testimonialSlider .description {
  height: 120px;
  overflow-y: auto;
}
@media (max-width: 575px) {
  .testimonialSlider .description {
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .testimonialSlider .description {
    height: 120px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider .description {
    height: 80px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .description {
    height: 91px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .description {
    height: 84px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .description {
    height: 108px;
  }
}
@media (min-width: 1800px) {
  .testimonialSlider .description {
    height: 139px;
  }
}
.testimonialSlider .description::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.testimonialSlider .description::-webkit-scrollbar-track {
  background: #07725B;
  border-radius: 2px;
}
.testimonialSlider .description::-webkit-scrollbar-thumb {
  background: #4AAD97;
  border-radius: 4px;
  height: 3px;
}
.testimonialSlider .description::-webkit-scrollbar-thumb:hover {
  background: #353535;
}
.testimonialSlider .description p {
  font-weight: 500;
}

.slick-hmb .slick-arrow {
  position: absolute;
  top: 58%;
  cursor: pointer;
}
@media (min-width: 1199px) {
  .slick-hmb .slick-arrow {
    top: 54.8%;
  }
}
.slick-hmb .slick-arrow img {
  transition: 0.5s ease all;
  width: 25px;
  height: 25px;
}
@media (min-width: 768px) {
  .slick-hmb .slick-arrow img {
    width: 28px;
    height: 28px;
  }
}
@media (min-width: 992px) {
  .slick-hmb .slick-arrow img {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1200px) {
  .slick-hmb .slick-arrow img {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 1600px) {
  .slick-hmb .slick-arrow img {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1800px) {
  .slick-hmb .slick-arrow img {
    width: auto;
    height: auto;
  }
}
.slick-hmb .slick-arrow img:hover {
  transform: scale(1.1);
  transition: 0.5s ease all;
}
.slick-hmb .prev {
  left: 1.5%;
}
@media (min-width: 992px) {
  .slick-hmb .prev {
    left: 2.4%;
  }
}
@media (min-width: 1200px) {
  .slick-hmb .prev {
    left: 2.2%;
  }
}
@media (min-width: 1600px) {
  .slick-hmb .prev {
    left: 2.2%;
  }
}
@media (min-width: 1800px) {
  .slick-hmb .prev {
    left: 2.2%;
  }
}
.slick-hmb .next {
  right: 1.5%;
}
@media (min-width: 992px) {
  .slick-hmb .next {
    right: 2.4%;
  }
}
@media (min-width: 1200px) {
  .slick-hmb .next {
    right: 2.2%;
  }
}
@media (min-width: 1600px) {
  .slick-hmb .next {
    right: 2.2%;
  }
}
@media (min-width: 1800px) {
  .slick-hmb .next {
    right: 2.2%;
  }
}

.googleReview {
  position: relative;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .googleReview {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .googleReview {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .googleReview {
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .googleReview {
    margin-top: 10px;
  }
}
@media (min-width: 1600px) {
  .googleReview {
    margin-bottom: 33px;
  }
}
@media (min-width: 1800px) {
  .googleReview {
    margin-bottom: 38px;
  }
}
.googleReview::before {
  background-image: url(../images/svg/google.svg);
  background-size: cover;
  width: 15px;
  height: 15px;
}
@media (min-width: 768px) {
  .googleReview::before {
    width: 17px;
    height: 17px;
  }
}
@media (min-width: 992px) {
  .googleReview::before {
    width: 12px;
    height: 12px;
  }
}
@media (min-width: 1200px) {
  .googleReview::before {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 1600px) {
  .googleReview::before {
    width: 17px;
    height: 17px;
  }
}
@media (min-width: 1800px) {
  .googleReview::before {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 768px) {
  .googleReview img {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 992px) {
  .googleReview img {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .googleReview img {
    width: 11px;
    height: 11px;
  }
}
@media (min-width: 1600px) {
  .googleReview img {
    width: 13px;
    height: 13px;
  }
}
@media (min-width: 1800px) {
  .googleReview img {
    width: auto;
  }
}
.googleReview ul {
  padding-left: 20px;
  display: flex;
  margin: 0;
}
@media (min-width: 1200px) {
  .googleReview ul {
    padding-left: 23px;
  }
}
@media (min-width: 1600px) {
  .googleReview ul {
    padding-left: 26px;
  }
}
@media (min-width: 1800px) {
  .googleReview ul {
    padding-left: 30px;
  }
}

.howItWorks-page .heading h2 {
  margin-bottom: 0 !important;
}

.howItWorks-page .heading, .working .heading {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.howItWorks-page .heading h2, .working .heading h2 {
  text-align: center;
  width: 98%;
}
@media (min-width: 576px) {
  .howItWorks-page .heading h2, .working .heading h2 {
    width: 84%;
  }
}
@media (min-width: 992px) {
  .howItWorks-page .heading h2, .working .heading h2 {
    width: 61.32%;
  }
}
@media (min-width: 1200px) {
  .howItWorks-page .heading h2, .working .heading h2 {
    width: 68.32%;
  }
}
@media (min-width: 1300px) {
  .howItWorks-page .heading h2, .working .heading h2 {
    width: 63.32%;
  }
}

.howItWorks-page .d-flex {
  gap: 10px;
  margin-top: 5px;
}
@media (min-width: 576px) {
  .howItWorks-page .d-flex {
    margin-top: 8px;
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .howItWorks-page .d-flex {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .howItWorks-page .d-flex {
    margin-top: 10px;
    gap: 60px;
  }
}
@media (min-width: 1200px) {
  .howItWorks-page .d-flex {
    gap: 73px;
    margin-top: 12px;
  }
}
@media (min-width: 1280px) {
  .howItWorks-page .d-flex {
    gap: 75px;
  }
}
@media (min-width: 1350px) {
  .howItWorks-page .d-flex {
    gap: 82px;
    margin-top: 14px;
  }
}
@media (min-width: 1440px) {
  .howItWorks-page .d-flex {
    gap: 87px;
    margin-top: 18px;
  }
}
@media (min-width: 1600px) {
  .howItWorks-page .d-flex {
    gap: 97px;
    margin-top: 20px;
  }
}
@media (min-width: 1900px) {
  .howItWorks-page .d-flex {
    gap: 117px;
    margin-top: 24px;
  }
}

.howItWorks-card {
  border: 1px solid #ECECEC;
  background: linear-gradient(180deg, #EDFFE6 0%, #E2F0DD 100%);
  padding: 25px 16px 27px 16px;
  border-radius: 10px;
  transition: 0.5s ease all;
}
@media (min-width: 576px) {
  .howItWorks-card {
    width: 32%;
    padding: 22px 12px 24px 12px;
    border-radius: 10px;
  }
}
@media (min-width: 768px) {
  .howItWorks-card {
    width: 31.78%;
    padding: 22px 12px 24px 12px;
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .howItWorks-card {
    width: 28.78%;
    padding: 25px 16px 27px 16px;
    border-radius: 14px;
  }
}
@media (min-width: 1200px) {
  .howItWorks-card {
    padding: 35px 18px 37px 18px;
    border-radius: 14px;
  }
}
@media (min-width: 1440px) {
  .howItWorks-card {
    padding: 46px 26px 48px 26px;
    border-radius: 16px;
  }
}
@media (min-width: 1600px) {
  .howItWorks-card {
    padding: 48px 28px 50px 28px;
    border-radius: 18px;
  }
}
@media (min-width: 1900px) {
  .howItWorks-card {
    padding: 50px 30px 52px 30px;
    border-radius: 20px;
  }
}

.howItWorks-head {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .howItWorks-head {
    flex-wrap: wrap;
  }
}
@media (min-width: 576px) {
  .howItWorks-head {
    gap: 5px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .howItWorks-head {
    gap: 8px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .howItWorks-head {
    gap: 10px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .howItWorks-head {
    gap: 25px;
    margin-bottom: 28px;
  }
}
@media (min-width: 1440px) {
  .howItWorks-head {
    gap: 34px;
    margin-bottom: 34px;
  }
}
@media (min-width: 1600px) {
  .howItWorks-head {
    gap: 38px;
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  .howItWorks-head {
    gap: 40px;
    margin-bottom: 40px;
  }
}
.howItWorks-head h3 {
  color: #101010;
  font-size: 16px;
  line-height: 21px;
}
@media (min-width: 576px) {
  .howItWorks-head h3 {
    font-size: 13.5px;
    line-height: 19px;
  }
}
@media (min-width: 768px) {
  .howItWorks-head h3 {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .howItWorks-head h3 {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (min-width: 1200px) {
  .howItWorks-head h3 {
    margin-top: 2px;
    font-size: 19px;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .howItWorks-head h3 {
    margin-top: 4px;
    font-size: 21px;
    line-height: 38px;
  }
}
@media (min-width: 1600px) {
  .howItWorks-head h3 {
    font-size: 24px;
    line-height: 42px;
  }
}
@media (min-width: 1900px) {
  .howItWorks-head h3 {
    font-size: 30px;
    line-height: 50px;
  }
}
.howItWorks-head picture {
  position: relative;
  padding-left: 5px;
}
@media (min-width: 992px) {
  .howItWorks-head picture {
    padding-left: 5px;
  }
}
@media (min-width: 1200px) {
  .howItWorks-head picture {
    padding-left: 6px;
  }
}
@media (min-width: 1440px) {
  .howItWorks-head picture {
    padding-left: 8px;
  }
}
@media (min-width: 1600px) {
  .howItWorks-head picture {
    padding-left: 9px;
  }
}
@media (min-width: 1900px) {
  .howItWorks-head picture {
    padding-left: 10px;
  }
}
.howItWorks-head picture::before {
  transition: 0.5s ease all;
  background-color: #78BB60;
  left: 0;
  width: 26px;
  height: 44px;
  border-radius: 20px;
  top: -9px;
}
@media (min-width: 992px) {
  .howItWorks-head picture::before {
    animation: rotates 3s infinite;
  }
}
@media (min-width: 576px) {
  .howItWorks-head picture::before {
    width: 23px;
    height: 40px;
    border-radius: 25px;
    top: -8px;
  }
}
@media (min-width: 768px) {
  .howItWorks-head picture::before {
    width: 28px;
    height: 45px;
    border-radius: 30px;
    top: -8px;
  }
}
@media (min-width: 992px) {
  .howItWorks-head picture::before {
    width: 31px;
    height: 54px;
    border-radius: 30px;
    top: -9px;
  }
}
@media (min-width: 1200px) {
  .howItWorks-head picture::before {
    width: 39px;
    height: 65px;
    border-radius: 35px;
    top: -11px;
  }
}
@media (min-width: 1440px) {
  .howItWorks-head picture::before {
    width: 47px;
    height: 80px;
    border-radius: 40px;
    top: -11px;
  }
}
@media (min-width: 1600px) {
  .howItWorks-head picture::before {
    width: 55px;
    height: 95px;
    border-radius: 48px;
    top: -18px;
  }
}
@media (min-width: 1900px) {
  .howItWorks-head picture::before {
    top: -19px;
    width: 60px;
    height: 100px;
    border-radius: 50px;
  }
}
.howItWorks-head img {
  height: auto;
  position: relative;
  z-index: 1;
  width: 40px;
  transition: 0.5s ease all;
}
@media (min-width: 576px) {
  .howItWorks-head img {
    width: 35px;
  }
}
@media (min-width: 768px) {
  .howItWorks-head img {
    width: 40px;
  }
}
@media (min-width: 992px) {
  .howItWorks-head img {
    width: 50px;
  }
}
@media (min-width: 1200px) {
  .howItWorks-head img {
    width: 60px;
  }
}
@media (min-width: 1440px) {
  .howItWorks-head img {
    width: 74px;
  }
}
@media (min-width: 1600px) {
  .howItWorks-head img {
    width: 85px;
  }
}
@media (min-width: 1900px) {
  .howItWorks-head img {
    width: 90px;
  }
}

.howItWorks-card:hover {
  background: #78BB60;
  transition: 0.8s ease all;
}
.howItWorks-card:hover .howItWorks-head picture::before {
  background-color: #07725B;
  transition: 0.8s ease all;
}
.howItWorks-card:hover img {
  filter: invert(1);
  transition: 0.8s ease all;
}

.inner-cta {
  position: relative;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .inner-cta {
    margin-bottom: 70px;
  }
}
@media (min-width: 1200px) {
  .inner-cta {
    margin-bottom: 90px;
  }
}
@media (min-width: 1440px) {
  .inner-cta {
    margin-bottom: 100px;
  }
}
@media (min-width: 1600px) {
  .inner-cta {
    margin-bottom: 120px;
  }
}
@media (min-width: 1900px) {
  .inner-cta {
    margin-bottom: 130px;
  }
}
.inner-cta > picture {
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 22.97%;
}
@media (min-width: 576px) {
  .inner-cta > picture {
    bottom: -35px;
  }
}
.inner-cta .container-ctn {
  position: relative;
  background: linear-gradient(180deg, #78BB60 0%, #07725B 100%);
  border: 1px solid #ECECEC;
  border-radius: 40px;
}
@media (min-width: 576px) {
  .inner-cta .container-ctn {
    border-radius: 20px;
  }
}
@media (min-width: 768px) {
  .inner-cta .container-ctn {
    border-radius: 55px;
  }
}
@media (min-width: 992px) {
  .inner-cta .container-ctn {
    border-radius: 60px;
  }
}
@media (min-width: 1200px) {
  .inner-cta .container-ctn {
    border-radius: 70px;
  }
}
@media (min-width: 1440px) {
  .inner-cta .container-ctn {
    border-radius: 80px;
  }
}
@media (min-width: 1600px) {
  .inner-cta .container-ctn {
    border-radius: 90px;
  }
}
@media (min-width: 1900px) {
  .inner-cta .container-ctn {
    border-radius: 100px;
  }
}
.inner-cta .container-ctn > picture {
  width: 15.72%;
  position: absolute;
  left: 0;
  bottom: -10px;
}
@media (min-width: 576px) {
  .inner-cta .container-ctn > picture {
    bottom: -35px;
  }
}
@media (min-width: 768px) {
  .inner-cta .container-ctn > picture {
    left: 5.8%;
  }
}
.inner-cta picture img {
  width: 100%;
  height: auto;
}
.inner-cta .d-flex {
  margin: auto;
  min-height: 130px;
  width: 65%;
}
@media (min-width: 576px) {
  .inner-cta .d-flex {
    width: 60%;
    min-height: 100px;
  }
}
@media (min-width: 768px) {
  .inner-cta .d-flex {
    width: 52%;
    min-height: 170px;
  }
}
@media (min-width: 992px) {
  .inner-cta .d-flex {
    width: 46%;
    min-height: 180px;
  }
}
@media (min-width: 1200px) {
  .inner-cta .d-flex {
    min-height: 220px;
  }
}
@media (min-width: 1280px) {
  .inner-cta .d-flex {
    min-height: 250px;
  }
}
@media (min-width: 1440px) {
  .inner-cta .d-flex {
    min-height: 270px;
  }
}
@media (min-width: 1600px) {
  .inner-cta .d-flex {
    min-height: 310px;
  }
}
@media (min-width: 1900px) {
  .inner-cta .d-flex {
    min-height: 375px;
  }
}
.inner-cta .inner-cta-wrapper {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media (min-width: 768px) {
  .inner-cta .inner-cta-wrapper {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .inner-cta .inner-cta-wrapper {
    gap: 24px;
  }
}
@media (min-width: 1200px) {
  .inner-cta .inner-cta-wrapper {
    gap: 28px;
  }
}
@media (min-width: 1440px) {
  .inner-cta .inner-cta-wrapper {
    gap: 33px;
  }
}
@media (min-width: 1600px) {
  .inner-cta .inner-cta-wrapper {
    gap: 36px;
  }
}
@media (min-width: 1900px) {
  .inner-cta .inner-cta-wrapper {
    gap: 40px;
  }
}
.inner-cta .inner-cta-wrapper > div {
  width: 100%;
}
.inner-cta .ctaText {
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}
@media (max-width: 575px) {
  .inner-cta .ctaText {
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .inner-cta .ctaText {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 768px) {
  .inner-cta .ctaText {
    font-size: 13px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .inner-cta .ctaText {
    font-size: 15px;
    line-height: 26px;
  }
}
@media (min-width: 1200px) {
  .inner-cta .ctaText {
    font-size: 19px;
    line-height: 28px;
  }
}
@media (min-width: 1280px) {
  .inner-cta .ctaText {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .inner-cta .ctaText {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (min-width: 1600px) {
  .inner-cta .ctaText {
    font-size: 25px;
    line-height: 35px;
  }
}
@media (min-width: 1900px) {
  .inner-cta .ctaText {
    font-size: 30px;
    line-height: 40px;
  }
}
.inner-cta .ctaText strong {
  position: relative;
  display: block;
  top: 10px;
  min-width: 44.3%;
  color: #fff;
  font-size: 22px;
  line-height: 25px;
}
@media (max-width: 575px) {
  .inner-cta .ctaText strong {
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) {
  .inner-cta .ctaText strong {
    text-align: right;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .inner-cta .ctaText strong {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (min-width: 992px) {
  .inner-cta .ctaText strong {
    font-size: 34px;
    line-height: 50px;
  }
}
@media (min-width: 1200px) {
  .inner-cta .ctaText strong {
    font-size: 38px;
    line-height: 55px;
  }
}
@media (min-width: 1280px) {
  .inner-cta .ctaText strong {
    font-size: 40px;
    line-height: 60px;
  }
}
@media (min-width: 1440px) {
  .inner-cta .ctaText strong {
    font-size: 45px;
    line-height: 65px;
  }
}
@media (min-width: 1600px) {
  .inner-cta .ctaText strong {
    font-size: 50px;
    line-height: 70px;
  }
}
@media (min-width: 1900px) {
  .inner-cta .ctaText strong {
    font-size: 60px;
    line-height: 80px;
  }
}

.why-us {
  background: linear-gradient(180deg, #EDFFE6 0%, #E2F0DD 100%);
}
.why-us .d-flex {
  gap: 15px;
}
@media (min-width: 576px) {
  .why-us .d-flex {
    gap: 20px;
  }
}
@media (min-width: 768px) {
  .why-us .d-flex {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .why-us .d-flex {
    gap: 20px 56px;
  }
}
@media (min-width: 1200px) {
  .why-us .d-flex {
    gap: 22px 68px;
  }
}
@media (min-width: 1280px) {
  .why-us .d-flex {
    gap: 24px 72px;
  }
}
@media (min-width: 1350px) {
  .why-us .d-flex {
    gap: 24px 77px;
  }
}
@media (min-width: 1440px) {
  .why-us .d-flex {
    gap: 28px 82px;
  }
}
@media (min-width: 1600px) {
  .why-us .d-flex {
    gap: 30px 91px;
  }
}
@media (min-width: 1900px) {
  .why-us .d-flex {
    gap: 32px 110px;
  }
}

.benfit-card {
  border: 1px solid #ECECEC;
  background-color: #fff;
  transition: 0.5s ease all;
  width: 100%;
  border-radius: 15px;
  padding: 16px;
}
@media (max-width: 575px) {
  .benfit-card h3 {
    min-height: auto;
    text-align: left;
  }
}
@media (min-width: 576px) {
  .benfit-card {
    border-radius: 16px;
    padding: 17px;
    width: 48%;
  }
}
@media (min-width: 768px) {
  .benfit-card {
    border-radius: 18px;
    width: 31.86%;
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .benfit-card {
    border-radius: 20px;
    padding: 20px;
    width: 29.07%;
  }
}
@media (min-width: 1200px) {
  .benfit-card {
    border-radius: 22px;
    padding: 22px;
  }
}
@media (min-width: 1440px) {
  .benfit-card {
    border-radius: 26px;
    padding: 26px;
  }
}
@media (min-width: 1600px) {
  .benfit-card {
    border-radius: 28px;
    padding: 28px;
  }
}
@media (min-width: 1900px) {
  .benfit-card {
    border-radius: 30px;
    padding: 30px;
  }
}
.benfit-card p {
  width: 100%;
}
.benfit-card .card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .benfit-card .card-head {
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .benfit-card .card-head {
    gap: 8px;
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .benfit-card .card-head {
    gap: 10px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .benfit-card .card-head {
    gap: 11px;
    margin-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .benfit-card .card-head {
    gap: 13px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .benfit-card .card-head {
    gap: 14px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .benfit-card .card-head {
    gap: 15px;
    margin-bottom: 20px;
  }
}
.benfit-card .card-head picture {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ECECEC;
  border-radius: 50%;
  padding: 5px;
  width: 40px;
  height: 40px;
}
@media (min-width: 576px) {
  .benfit-card .card-head picture {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 768px) {
  .benfit-card .card-head picture {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 992px) {
  .benfit-card .card-head picture {
    width: 38px;
    height: 38px;
  }
}
@media (min-width: 1200px) {
  .benfit-card .card-head picture {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1440px) {
  .benfit-card .card-head picture {
    width: 46px;
    height: 46px;
  }
}
@media (min-width: 1600px) {
  .benfit-card .card-head picture {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1900px) {
  .benfit-card .card-head picture {
    width: 50px;
    height: 50px;
  }
}
.benfit-card .card-head picture img {
  height: auto;
  width: 25px;
}
@media (min-width: 576px) {
  .benfit-card .card-head picture img {
    width: 25px;
  }
}
@media (min-width: 768px) {
  .benfit-card .card-head picture img {
    width: 18px;
  }
}
@media (min-width: 992px) {
  .benfit-card .card-head picture img {
    width: 20px;
  }
}
@media (min-width: 1200px) {
  .benfit-card .card-head picture img {
    width: 22px;
  }
}
@media (min-width: 1440px) {
  .benfit-card .card-head picture img {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .benfit-card .card-head picture img {
    width: 28px;
  }
}
@media (min-width: 1900px) {
  .benfit-card .card-head picture img {
    width: 30px;
  }
}
.benfit-card:hover {
  box-shadow: 0px 15px 15px 0px rgba(7, 114, 91, 0.15);
}
.benfit-card:hover picture {
  transition: 0.5s ease all;
  background-color: #78BB60;
}

@media (min-width: 1200px) {
  .clients.clients-inner .heading h2 {
    width: 64.32%;
  }
}
@media (min-width: 1600px) {
  .clients.clients-inner .heading h2 {
    width: 54.32%;
  }
}

.cta-footer {
  padding-top: 25px;
}
@media (min-width: 992px) {
  .cta-footer {
    padding-top: 35px;
  }
}
@media (min-width: 1200px) {
  .cta-footer {
    padding-top: 45px;
  }
}
@media (min-width: 1440px) {
  .cta-footer {
    padding-top: 50px;
  }
}
@media (min-width: 1600px) {
  .cta-footer {
    padding-top: 55px;
  }
}
@media (min-width: 1900px) {
  .cta-footer {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .cta-footer .d-flex {
    gap: 20px;
  }
}
.cta-footer .container-ctn {
  background-color: #FAFAFD;
  border-radius: 6px;
  padding: 15px 20px;
}
@media (min-width: 576px) {
  .cta-footer .container-ctn {
    border-radius: 10px;
    padding: 20px 25px;
  }
}
@media (min-width: 992px) {
  .cta-footer .container-ctn {
    border-radius: 13px;
    padding: 25px 30px;
  }
}
@media (min-width: 1200px) {
  .cta-footer .container-ctn {
    border-radius: 14px;
    padding: 35px 45px;
  }
}
@media (min-width: 1440px) {
  .cta-footer .container-ctn {
    border-radius: 18px;
    padding: 40px 50px;
  }
}
@media (min-width: 1600px) {
  .cta-footer .container-ctn {
    border-radius: 19px;
    padding: 45px 55px;
  }
}
@media (min-width: 1900px) {
  .cta-footer .container-ctn {
    border-radius: 20px;
    padding: 50px 60px;
  }
}
.cta-footer-description {
  width: 100%;
}
@media (min-width: 576px) {
  .cta-footer-description {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .cta-footer-description {
    width: 70%;
  }
}
@media (min-width: 992px) {
  .cta-footer-description {
    width: 80%;
  }
}
.cta-footer-description a {
  color: #518EF8;
}
.cta-footer-description .h3 {
  font-weight: 600;
  line-height: 23px;
  font-size: 12px;
}
@media (min-width: 576px) {
  .cta-footer-description .h3 {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .cta-footer-description .h3 {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .cta-footer-description .h3 {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .cta-footer-description .h3 {
    font-size: 15px;
    line-height: 26px;
  }
}
@media (min-width: 1280px) {
  .cta-footer-description .h3 {
    font-size: 15px;
    line-height: 28px;
  }
}
@media (min-width: 1350px) {
  .cta-footer-description .h3 {
    font-size: 16px;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .cta-footer-description .h3 {
    font-size: 17px;
    line-height: 36px;
  }
}
@media (min-width: 1600px) {
  .cta-footer-description .h3 {
    font-size: 18px;
    line-height: 38px;
  }
}
@media (min-width: 1900px) {
  .cta-footer-description .h3 {
    font-size: 24px;
    line-height: 40px;
  }
}
.cta-footer-description h3 {
  color: #101010;
}

.careerApply {
  z-index: 99999999;
  background: rgba(255, 255, 255, 0.9);
}
.careerApply button.btn-close {
  z-index: 3;
  position: absolute;
  right: 10px;
  top: 10px;
}
@media (min-width: 768px) {
  .careerApply button.btn-close {
    right: -30px;
    top: -10px;
  }
}
@media (min-width: 992px) {
  .careerApply button.btn-close {
    right: -40px;
  }
}
@media (min-width: 1200px) {
  .careerApply button.btn-close {
    right: -50px;
  }
}
@media (min-width: 1440px) {
  .careerApply button.btn-close {
    right: -90px;
  }
}
.careerApply .modal-dialog {
  max-width: 600px;
}
@media (min-width: 768px) {
  .careerApply .modal-dialog {
    max-width: 650px;
  }
}
@media (min-width: 992px) {
  .careerApply .modal-dialog {
    max-width: 859px;
  }
}
@media (min-width: 1200px) {
  .careerApply .modal-dialog {
    max-width: 1000px;
  }
}
@media (min-width: 1440px) {
  .careerApply .modal-dialog {
    max-width: 1150px;
  }
}
@media (min-width: 576px) and (max-width: 1199px) {
  .careerApply .modal-dialog picture {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .careerApply .modal-dialog picture {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
.careerApply .modal-dialog picture img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .careerApply .error-message {
    bottom: -19px;
  }
}
@media (min-width: 768px) {
  .careerApply .error-message {
    padding-left: 10px;
  }
}

.careerPopupBox > div {
  padding: 20px;
  width: 100%;
}
@media (max-width: 575px) {
  .careerPopupBox > div {
    background: rgba(255, 255, 255, 0.7803921569);
    z-index: 1;
  }
}
@media (min-width: 576px) {
  .careerPopupBox > div {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .careerPopupBox > div {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .careerPopupBox > div {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .careerPopupBox > div {
    width: 60%;
    padding: 40px 40px;
  }
}
@media (min-width: 1440px) {
  .careerPopupBox > div {
    width: 50%;
    padding: 65px 60px;
  }
}
.careerPopupBox p {
  color: #231720;
  font-family: Montserrat;
  font-weight: 700;
  line-height: normal;
  font-size: 18px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .careerPopupBox p {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .careerPopupBox p {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .careerPopupBox p {
    margin-bottom: 29px;
  }
}
.careerPopupBox .formGroup {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .careerPopupBox .formGroup {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .careerPopupBox .formGroup {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .careerPopupBox .formGroup {
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .careerPopupBox .formGroup {
    margin-bottom: 30px;
  }
}
.careerPopupBox .formGroup label,
.careerPopupBox .formGroup input,
.careerPopupBox .formGroup textarea,
.careerPopupBox .formGroup select {
  width: 100%;
  padding-left: 0px;
}
.careerPopupBox .formGroup input,
.careerPopupBox .formGroup textarea,
.careerPopupBox .formGroup select {
  border-radius: 0;
  border: unset;
  border-bottom: 1px solid #999;
  background-color: transparent;
}
@media (min-width: 992px) {
  .careerPopupBox .formGroup input,
  .careerPopupBox .formGroup textarea,
  .careerPopupBox .formGroup select {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .careerPopupBox .formGroup input,
  .careerPopupBox .formGroup textarea,
  .careerPopupBox .formGroup select {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .careerPopupBox .formGroup input,
  .careerPopupBox .formGroup textarea,
  .careerPopupBox .formGroup select {
    font-size: 19px;
  }
}
.careerPopupBox .formGroup input:focus,
.careerPopupBox .formGroup textarea:focus,
.careerPopupBox .formGroup select:focus {
  outline: unset;
}
.careerPopupBox .formGroup textarea {
  width: 100%;
  resize: none;
}
.careerPopupBox .formGroup .custom-file-input {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #999;
  cursor: pointer;
}
.careerPopupBox .formGroup .custom-file-input button,
.careerPopupBox .formGroup .custom-file-input a {
  min-width: 100px;
  height: 40px;
  margin-top: -16px;
  z-index: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
  .careerPopupBox .formGroup .custom-file-input button,
  .careerPopupBox .formGroup .custom-file-input a {
    min-width: 110px;
    height: 39px;
    margin-top: -15px;
  }
}
@media (min-width: 768px) {
  .careerPopupBox .formGroup .custom-file-input button,
  .careerPopupBox .formGroup .custom-file-input a {
    min-width: 128px;
    height: 40px;
    margin-top: -20px;
  }
}
@media (min-width: 992px) {
  .careerPopupBox .formGroup .custom-file-input button,
  .careerPopupBox .formGroup .custom-file-input a {
    min-width: 148px;
    height: 50px;
    margin-top: -30px;
  }
}
.careerPopupBox .formGroup .custom-file-input input[type=file] {
  position: absolute;
  font-size: 100px;
  opacity: 0;
  right: 0;
  height: 60px;
  top: -30px;
  z-index: 9;
}
.careerPopupBox .formGroup .custom-file-input label {
  display: inline-block;
  z-index: 2;
  position: relative;
}
@media (min-width: 1200px) {
  .careerPopupBox form > button {
    position: relative;
    top: 10px;
    min-width: 140px;
  }
}
.careerPopupBox .iti {
  border-bottom: 1px solid #999;
  padding-left: 52px;
}
.careerPopupBox .iti input {
  border: unset;
}

.calculator .form-col-2,
.calculator .form-col-3,
.calculator .form-col-5 {
  position: relative;
}
.calculator select {
  padding-right: 20px;
  padding-left: 3px;
}
@media (min-width: 576px) {
  .calculator select {
    padding-right: 25px;
    padding-left: 5px;
  }
}
@media (min-width: 992px) {
  .calculator select {
    padding-right: 35px;
    padding-left: 12px;
  }
}
@media (min-width: 1200px) {
  .calculator select {
    padding-right: 40px;
    padding-left: 14px;
  }
}
@media (min-width: 1440px) {
  .calculator select {
    padding-right: 44px;
    padding-left: 16px;
  }
}
@media (min-width: 1600px) {
  .calculator select {
    padding-right: 48px;
    padding-left: 18px;
  }
}
@media (min-width: 1900px) {
  .calculator select {
    padding-right: 50px;
    padding-left: 20px;
  }
}
.calculator label,
.calculator select,
.calculator p,
.calculator input {
  color: #101010;
}
.calculator .radioOuter p {
  font-weight: 800;
}
.calculator select,
.calculator p {
  font-weight: 600;
}
.calculator .location > div {
  padding-left: 25px;
  position: relative;
}
@media (min-width: 576px) {
  .calculator .location > div {
    padding-left: 30px;
  }
}
.calculator .location > div::before {
  left: 0;
  width: 22px;
  height: 22px;
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="%2307725B"/><g clip-path="url(%23clip0_1623_248)"><path d="M12.9605 16.9978C13.523 17.5478 14.2613 17.8228 14.9996 17.8228C15.7379 17.8228 16.4762 17.5478 17.0387 16.9978L19.1236 14.9579C20.2252 13.8563 20.8327 12.3914 20.8327 10.8331C20.8327 9.27482 20.2252 7.81072 19.1236 6.70826C18.0228 5.60664 16.5579 5 14.9996 5C13.4413 5 11.9764 5.60664 10.8748 6.70826C8.60068 8.98233 8.60068 12.683 10.8814 14.9638L12.9605 16.997V16.9978ZM12.053 7.88738C12.8397 7.10075 13.8863 6.66743 14.9996 6.66743C16.1129 6.66743 17.1587 7.10075 17.9453 7.88738C18.7319 8.67401 19.1661 9.72064 19.1661 10.8339C19.1661 11.9472 18.7319 12.993 17.952 13.7738L15.8737 15.8071C15.3921 16.277 14.6071 16.277 14.1255 15.8071L12.053 13.7805C10.4289 12.1555 10.4289 9.51148 12.053 7.88738ZM12.4997 10.8256C12.4997 9.44481 13.6188 8.32569 14.9996 8.32569C16.3804 8.32569 17.4995 9.44481 17.4995 10.8256C17.4995 12.2064 16.3804 13.3255 14.9996 13.3255C13.6188 13.3255 12.4997 12.2064 12.4997 10.8256ZM24.9992 18.9728C24.9992 19.2661 24.845 19.5369 24.595 19.6869L16.3779 24.6175C15.9529 24.8725 15.4762 25 15.0004 25C14.5246 25 14.0471 24.8725 13.623 24.6175L5.40415 19.6877C5.15333 19.5369 5 19.2661 5 18.9736C5 18.6811 5.15416 18.4094 5.40415 18.2594L8.92817 16.1454C9.32399 15.9079 9.83563 16.0362 10.0715 16.4312C10.3081 16.8262 10.1806 17.3378 9.78563 17.5745L7.4524 18.9744L14.4796 23.1909C14.8004 23.3826 15.1987 23.3826 15.5196 23.1909L22.5468 18.9744L20.2135 17.5745C19.8185 17.3378 19.6911 16.8262 19.9277 16.4312C20.1644 16.0362 20.6752 15.9079 21.071 16.1454L24.595 18.2594C24.8458 18.4103 24.9992 18.6803 24.9992 18.9728Z" fill="white"/></g><defs><clipPath id="clip0_1623_248"><rect x="5" y="5" width="20" height="20" rx="10" fill="white"/></clipPath></defs></svg>');
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .calculator .location > div::before {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 1200px) {
  .calculator .location > div::before {
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 1440px) {
  .calculator .location > div::before {
    width: 26px;
    height: 26px;
  }
}
@media (min-width: 1600px) {
  .calculator .location > div::before {
    width: 28px;
    height: 28px;
  }
}
@media (min-width: 1900px) {
  .calculator .location > div::before {
    width: 30px;
    height: 30px;
  }
}
.calculator .input-group {
  border-radius: 5px;
  border: 1px solid #ECECEC;
  background-color: #FAFAFD;
  display: flex;
  align-items: center;
  height: 38px;
  width: 100%;
}
@media (min-width: 576px) {
  .calculator .input-group {
    border-radius: 6px;
    height: 38px;
    width: 200px;
  }
}
@media (min-width: 1200px) {
  .calculator .input-group {
    border-radius: 8px;
    height: 35px;
    width: 195px;
  }
}
@media (min-width: 1440px) {
  .calculator .input-group {
    height: 45px;
    width: 230px;
  }
}
@media (min-width: 1600px) {
  .calculator .input-group {
    border-radius: 10px;
    height: 50px;
    width: 250px;
  }
}
@media (min-width: 1900px) {
  .calculator .input-group {
    height: 60px;
    width: 270px;
  }
}
.calculator .input-group svg {
  height: auto;
  width: 15px;
}
@media (min-width: 992px) {
  .calculator .input-group svg {
    width: 16px;
  }
}
@media (min-width: 1200px) {
  .calculator .input-group svg {
    width: 18px;
  }
}
@media (min-width: 1440px) {
  .calculator .input-group svg {
    width: 22px;
  }
}
@media (min-width: 1600px) {
  .calculator .input-group svg {
    width: 26px;
  }
}
@media (min-width: 1900px) {
  .calculator .input-group svg {
    width: 30px;
  }
}
.calculator .input-group button {
  width: 35px;
  height: 100%;
  background-color: #ECECEC;
  border-radius: 10px;
  padding: 0 10px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .calculator .input-group button {
    width: 40px;
  }
}
@media (min-width: 1440px) {
  .calculator .input-group button {
    width: 48px;
  }
}
@media (min-width: 1600px) {
  .calculator .input-group button {
    width: 55px;
  }
}
@media (min-width: 1900px) {
  .calculator .input-group button {
    width: 60px;
  }
}
.calculator .input-group input {
  text-align: center;
  width: 100px;
  border: unset;
  background: unset;
}
@media (max-width: 575px) {
  .calculator .form-col-2 {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .calculator .form-col-2 {
    width: 48%;
  }
}
@media (max-width: 575px) {
  .calculator .form-col-3 {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .calculator .form-col-3 {
    width: 48%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .calculator .form-col-3 {
    width: 27%;
  }
}
.calculator .form-col-5 {
  width: 100%;
}
@media (min-width: 576px) {
  .calculator .form-col-5 {
    width: 48%;
  }
}
@media (min-width: 992px) {
  .calculator .form-col-5 {
    width: 32.56%;
  }
}
.calculator .border1 {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 3px;
}
.calculator #volumetricWeightFields {
  display: none;
}
.calculator .form-row {
  width: 100%;
  flex-wrap: wrap;
}
.calculator form > div {
  flex-wrap: wrap;
}
.calculator form label {
  width: 100%;
}
.calculator .custom-radio input[type=radio] {
  display: none;
}
.calculator .custom-radio label {
  cursor: pointer;
  padding-left: 30px;
  border-radius: 50%;
  position: relative;
}
@media (min-width: 1200px) {
  .calculator .custom-radio label {
    padding-left: 40px;
  }
}
.calculator .custom-radio label::before {
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding: 5px;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #575757;
  border: 5px solid #d9d9d9;
}
@media (min-width: 576px) {
  .calculator .custom-radio label::before {
    border: 4px solid #d9d9d9;
  }
}
@media (min-width: 992px) {
  .calculator .custom-radio label::before {
    padding: 5px;
    border: 5px solid #d9d9d9;
  }
}
@media (min-width: 1200px) {
  .calculator .custom-radio label::before {
    border: 6px solid #d9d9d9;
  }
}
@media (min-width: 1440px) {
  .calculator .custom-radio label::before {
    border: 7px solid #d9d9d9;
  }
}
@media (min-width: 1600px) {
  .calculator .custom-radio label::before {
    border: 9px solid #d9d9d9;
  }
}
@media (min-width: 1900px) {
  .calculator .custom-radio label::before {
    border: 10px solid #d9d9d9;
  }
}
.calculator .custom-radio input[type=radio]:checked + label::before {
  border: 5px solid #07725B;
  background-color: #78BB60;
  color: white;
}
@media (min-width: 576px) {
  .calculator .custom-radio input[type=radio]:checked + label::before {
    border: 4px solid #07725B;
  }
}
@media (min-width: 992px) {
  .calculator .custom-radio input[type=radio]:checked + label::before {
    border: 5px solid #07725B;
  }
}
@media (min-width: 1200px) {
  .calculator .custom-radio input[type=radio]:checked + label::before {
    border: 6px solid #07725B;
  }
}
@media (min-width: 1440px) {
  .calculator .custom-radio input[type=radio]:checked + label::before {
    border: 7px solid #07725B;
  }
}
@media (min-width: 1600px) {
  .calculator .custom-radio input[type=radio]:checked + label::before {
    border: 9px solid #07725B;
  }
}
@media (min-width: 1900px) {
  .calculator .custom-radio input[type=radio]:checked + label::before {
    border: 10px solid #07725B;
  }
}
@media (min-width: 1300px) {
  .calculator .radioOuter + .radioOuter {
    justify-content: flex-end;
  }
}
@media (max-width: 1299px) {
  .calculator .radioOuter p {
    width: 100%;
  }
}
.calculator .radioOuter,
.calculator .inputOuter {
  gap: 15px;
}
@media (min-width: 992px) {
  .calculator .radioOuter,
  .calculator .inputOuter {
    gap: 10px;
  }
}
@media (min-width: 1200px) {
  .calculator .radioOuter,
  .calculator .inputOuter {
    gap: 24px;
  }
}
@media (min-width: 1350px) {
  .calculator .radioOuter,
  .calculator .inputOuter {
    gap: 28px;
  }
}
@media (min-width: 1440px) {
  .calculator .radioOuter,
  .calculator .inputOuter {
    gap: 35px;
  }
}
@media (min-width: 1600px) {
  .calculator .radioOuter,
  .calculator .inputOuter {
    gap: 45px;
  }
}
@media (min-width: 1900px) {
  .calculator .radioOuter,
  .calculator .inputOuter {
    gap: 60px;
  }
}
.calculator .radioOuter .d-flex,
.calculator .inputOuter .d-flex {
  gap: 15px;
}
@media (min-width: 1200px) {
  .calculator .radioOuter .d-flex,
  .calculator .inputOuter .d-flex {
    gap: 10px;
  }
}
@media (min-width: 1350px) {
  .calculator .radioOuter .d-flex,
  .calculator .inputOuter .d-flex {
    gap: 18px;
  }
}
@media (min-width: 1440px) {
  .calculator .radioOuter .d-flex,
  .calculator .inputOuter .d-flex {
    gap: 24px;
  }
}
@media (min-width: 1600px) {
  .calculator .radioOuter .d-flex,
  .calculator .inputOuter .d-flex {
    gap: 29px;
  }
}
@media (min-width: 1900px) {
  .calculator .radioOuter .d-flex,
  .calculator .inputOuter .d-flex {
    gap: 37px;
  }
}
.calculator .location,
.calculator .checkboxHeader {
  cursor: pointer;
  gap: 10px;
  margin-bottom: 15px;
}
.calculator .location input,
.calculator .checkboxHeader input {
  width: 22px;
  height: 22px;
}
@media (min-width: 768px) {
  .calculator .location input,
  .calculator .checkboxHeader input {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1200px) {
  .calculator .location input,
  .calculator .checkboxHeader input {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 1600px) {
  .calculator .location input,
  .calculator .checkboxHeader input {
    width: 25px;
    height: 25px;
  }
}
.calculator .location h3,
.calculator .checkboxHeader h3 {
  margin: 0;
  position: relative;
  left: -30px;
  padding-left: 30px;
}
@media (min-width: 992px) {
  .calculator .location,
  .calculator .checkboxHeader {
    margin-bottom: 18px;
  }
}
@media (min-width: 1200px) {
  .calculator .location,
  .calculator .checkboxHeader {
    margin-bottom: 22px;
  }
}
@media (min-width: 1440px) {
  .calculator .location,
  .calculator .checkboxHeader {
    margin-bottom: 26px;
  }
}
@media (min-width: 1600px) {
  .calculator .location,
  .calculator .checkboxHeader {
    margin-bottom: 28px;
  }
}
@media (min-width: 1900px) {
  .calculator .location,
  .calculator .checkboxHeader {
    margin-bottom: 30px;
  }
}
.calculator .package,
.calculator .weight {
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .calculator .package,
  .calculator .weight {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .calculator .package .form-col-5,
  .calculator .weight .form-col-5 {
    border: unset;
  }
}
@media (max-width: 1199px) {
  .calculator .package .form-col-2,
  .calculator .package .form-col-3,
  .calculator .weight .form-col-2,
  .calculator .weight .form-col-3 {
    border: unset;
  }
  .calculator .package .form-col-2,
  .calculator .package .form-col-3,
  .calculator .package .form-col-5,
  .calculator .weight .form-col-2,
  .calculator .weight .form-col-3,
  .calculator .weight .form-col-5 {
    flex-wrap: wrap;
  }
  .calculator .package .form-col-2 p,
  .calculator .package .form-col-3 p,
  .calculator .package .form-col-5 p,
  .calculator .weight .form-col-2 p,
  .calculator .weight .form-col-3 p,
  .calculator .weight .form-col-5 p {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .calculator .package,
  .calculator .weight {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .calculator .package,
  .calculator .weight {
    margin-bottom: 35px;
  }
}
@media (min-width: 1440px) {
  .calculator .package,
  .calculator .weight {
    margin-bottom: 45px;
  }
}
@media (min-width: 1600px) {
  .calculator .package,
  .calculator .weight {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .calculator .package,
  .calculator .weight {
    margin-bottom: 60px;
  }
}
.calculator h3 {
  color: #101010;
  font-size: 16px;
  line-height: 21px;
}
@media (min-width: 576px) {
  .calculator h3 {
    font-size: 13.5px;
    line-height: 19px;
  }
}
@media (min-width: 768px) {
  .calculator h3 {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .calculator h3 {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (min-width: 1200px) {
  .calculator h3 {
    margin-top: 2px;
    font-size: 19px;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .calculator h3 {
    margin-top: 4px;
    font-size: 21px;
    line-height: 38px;
  }
}
@media (min-width: 1600px) {
  .calculator h3 {
    font-size: 24px;
    line-height: 42px;
  }
}

.form-col-2 {
  display: flex;
  align-items: flex-end;
}

.calculations {
  background-color: #07725B;
  width: 100%;
  border-radius: 15px;
  padding: 15px;
}
@media (min-width: 768px) {
  .calculations {
    border-radius: 20px;
    padding: 20px;
    width: 53.6%;
  }
}
@media (min-width: 992px) {
  .calculations {
    border-radius: 30px;
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .calculations {
    border-radius: 35px;
    padding: 35px;
  }
}
@media (min-width: 1440px) {
  .calculations {
    border-radius: 40px;
    padding: 40px;
  }
}
@media (min-width: 1600px) {
  .calculations {
    border-radius: 45px;
    padding: 45px;
  }
}
@media (min-width: 1900px) {
  .calculations {
    border-radius: 50px;
    padding: 50px;
  }
}
.calculations > p {
  color: #78BB60;
}
@media (max-width: 575px) {
  .calculations > p {
    margin-bottom: 20px !important;
  }
}
.calculations .sum p,
.calculations .result p {
  color: #fff;
  font-weight: 700;
}
.calculations .sum {
  width: 100%;
}
@media (max-width: 575px) {
  .calculations .sum {
    margin-bottom: 10px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .calculations .sum {
    width: 42.04%;
  }
}
.calculations .result {
  width: 100%;
}
@media (min-width: 768px) {
  .calculations .result {
    width: 49.04%;
  }
}
.calculations .result p {
  text-align: center;
  width: 100%;
}
.calculations .result p:first-child {
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
}
@media (min-width: 992px) {
  .calculations .result p:first-child {
    padding-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .calculations .result p:first-child {
    padding-bottom: 12px;
  }
}
@media (min-width: 1440px) {
  .calculations .result p:first-child {
    padding-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .calculations .result p:first-child {
    padding-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .calculations .result p:first-child {
    padding-bottom: 20px;
  }
}
.calculations .result p:last-child {
  padding-top: 5px;
}
@media (min-width: 992px) {
  .calculations .result p:last-child {
    padding-top: 10px;
  }
}
@media (min-width: 1200px) {
  .calculations .result p:last-child {
    padding-top: 12px;
  }
}
@media (min-width: 1440px) {
  .calculations .result p:last-child {
    padding-top: 16px;
  }
}
@media (min-width: 1600px) {
  .calculations .result p:last-child {
    padding-top: 18px;
  }
}
@media (min-width: 1900px) {
  .calculations .result p:last-child {
    padding-top: 20px;
  }
}

.dimension picture {
  width: 75%;
}
@media (min-width: 768px) {
  .dimension picture {
    width: 23.158%;
  }
}
.dimension .container-ctn {
  background: linear-gradient(180deg, #EDFFE6 0%, #E2F0DD 100%);
  border-radius: 15px;
  padding: 25px 15px;
}
@media (min-width: 768px) {
  .dimension .container-ctn {
    border-radius: 30px;
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .dimension .container-ctn {
    border-radius: 34px;
    padding: 35px;
  }
}
@media (min-width: 1200px) {
  .dimension .container-ctn {
    border-radius: 38px;
    padding: 75px;
  }
}
@media (min-width: 1440px) {
  .dimension .container-ctn {
    border-radius: 40px;
    padding: 85px;
  }
}
@media (min-width: 1600px) {
  .dimension .container-ctn {
    border-radius: 45px;
    padding: 90px;
  }
}
@media (min-width: 1900px) {
  .dimension .container-ctn {
    border-radius: 50px;
    padding: 100px;
  }
}
.dimension .container-ctn > p {
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .dimension .container-ctn > p {
    line-height: normal !important;
  }
}
@media (min-width: 992px) {
  .dimension .container-ctn > p {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .dimension .container-ctn > p {
    margin-bottom: 45px;
  }
}
@media (min-width: 1440px) {
  .dimension .container-ctn > p {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .dimension .container-ctn > p {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .dimension .container-ctn > p {
    margin-bottom: 60px;
  }
}
.dimension .container-ctn > .d-flex {
  gap: 20px;
}
@media (max-width: 575px) {
  .dimension .container-ctn > .d-flex {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .dimension .container-ctn > .d-flex {
    gap: 50px;
  }
}
@media (min-width: 992px) {
  .dimension .container-ctn > .d-flex {
    gap: 65px;
  }
}
@media (min-width: 1200px) {
  .dimension .container-ctn > .d-flex {
    gap: 75px;
  }
}
@media (min-width: 1440px) {
  .dimension .container-ctn > .d-flex {
    gap: 85px;
  }
}
@media (min-width: 1600px) {
  .dimension .container-ctn > .d-flex {
    gap: 90px;
  }
}
@media (min-width: 1900px) {
  .dimension .container-ctn > .d-flex {
    gap: 100px;
  }
}
.dimension p {
  margin: 0;
  font-size: 17px;
  line-height: 29px;
}
@media (min-width: 576px) {
  .dimension p {
    font-size: 13.5px;
    line-height: 19px;
  }
}
@media (min-width: 768px) {
  .dimension p {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .dimension p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (min-width: 1200px) {
  .dimension p {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (min-width: 1350px) {
  .dimension p {
    font-size: 19px;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .dimension p {
    font-size: 21px;
    line-height: 34px;
  }
}
@media (min-width: 1600px) {
  .dimension p {
    font-size: 24px;
    line-height: 38px;
  }
}
@media (min-width: 1900px) {
  .dimension p {
    font-size: 30px;
    line-height: 40px;
  }
}

.shipping-notes .container-ctn p:last-child {
  margin-bottom: 0;
}
.shipping-notes h3,
.shipping-notes ul {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .shipping-notes h3,
  .shipping-notes ul {
    width: 88%;
  }
}
.shipping-notes h3 {
  line-height: 23px;
  font-size: 19px;
  margin-bottom: 12px;
}
@media (min-width: 576px) {
  .shipping-notes h3 {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .shipping-notes h3 {
    font-size: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .shipping-notes h3 {
    font-size: 15px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1200px) {
  .shipping-notes h3 {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 22px;
  }
}
@media (min-width: 1280px) {
  .shipping-notes h3 {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1350px) {
  .shipping-notes h3 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1440px) {
  .shipping-notes h3 {
    font-size: 17px;
    line-height: 36px;
    margin-bottom: 36px;
  }
}
@media (min-width: 1600px) {
  .shipping-notes h3 {
    font-size: 18px;
    line-height: 38px;
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  .shipping-notes h3 {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 42px;
  }
}
.shipping-notes p,
.shipping-notes ul {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .shipping-notes p,
  .shipping-notes ul {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .shipping-notes p,
  .shipping-notes ul {
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .shipping-notes p,
  .shipping-notes ul {
    margin-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .shipping-notes p,
  .shipping-notes ul {
    margin-bottom: 45px;
  }
}
@media (min-width: 1600px) {
  .shipping-notes p,
  .shipping-notes ul {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .shipping-notes p,
  .shipping-notes ul {
    margin-bottom: 60px;
  }
}

.shipping-cta picture {
  width: 100%;
}
@media (max-width: 767px) {
  .shipping-cta picture {
    order: 1;
  }
}
@media (min-width: 768px) {
  .shipping-cta picture {
    width: 29.104%;
  }
}
.shipping-cta .container-ctn {
  border: 1px solid #ECECEC;
  background: linear-gradient(180deg, #78BB60 0%, #07725B 100%);
  box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1);
  border-radius: 50px;
}
@media (max-width: 767px) {
  .shipping-cta .container-ctn {
    padding: 30px 30px 0px 30px;
  }
}
@media (min-width: 768px) {
  .shipping-cta .container-ctn {
    border-radius: 55px;
  }
}
@media (min-width: 992px) {
  .shipping-cta .container-ctn {
    border-radius: 65px;
  }
}
@media (min-width: 1200px) {
  .shipping-cta .container-ctn {
    border-radius: 75px;
    padding-left: 25px;
  }
}
@media (min-width: 1440px) {
  .shipping-cta .container-ctn {
    border-radius: 90px;
    padding-left: 30px;
  }
}
@media (min-width: 1600px) {
  .shipping-cta .container-ctn {
    padding-left: 35px;
    border-radius: 95px;
  }
}
@media (min-width: 1900px) {
  .shipping-cta .container-ctn {
    padding-left: 40px;
    border-radius: 100px;
  }
}
@media (min-width: 768px) {
  .shipping-cta .container-ctn > .d-flex {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .shipping-cta .container-ctn > .d-flex {
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  .shipping-cta .container-ctn > .d-flex {
    gap: 60px;
  }
}
@media (min-width: 1440px) {
  .shipping-cta .container-ctn > .d-flex {
    gap: 80px;
  }
}
@media (min-width: 1600px) {
  .shipping-cta .container-ctn > .d-flex {
    gap: 85px;
  }
}
@media (min-width: 1900px) {
  .shipping-cta .container-ctn > .d-flex {
    gap: 95px;
  }
}
.shipping-cta form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (min-width: 768px) {
  .shipping-cta form {
    gap: 15px 31px;
  }
}
@media (min-width: 992px) {
  .shipping-cta form {
    gap: 20px 40px;
  }
}
@media (min-width: 1200px) {
  .shipping-cta form {
    gap: 22px 50px;
  }
}
@media (min-width: 1350px) {
  .shipping-cta form {
    gap: 26px 60px;
  }
}
@media (min-width: 1440px) {
  .shipping-cta form {
    gap: 28px 65px;
  }
}
@media (min-width: 1600px) {
  .shipping-cta form {
    gap: 30px 70px;
  }
}
@media (min-width: 1900px) {
  .shipping-cta form {
    gap: 35px 85px;
  }
}
.shipping-cta form textarea,
.shipping-cta form input {
  border-bottom: 1px solid #d9d9d9;
}
.shipping-cta .formGroup {
  width: 100%;
}
@media (min-width: 768px) {
  .shipping-cta .formGroup {
    width: 45.68%;
  }
}
.shipping-cta .formContainer {
  width: 100%;
}
@media (min-width: 768px) {
  .shipping-cta .formContainer {
    width: 58.71%;
  }
}
.shipping-cta h2 {
  color: #fff;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .shipping-cta h2 {
    width: 60%;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .shipping-cta h2 {
    width: 70%;
    margin-bottom: 38px;
  }
}
@media (min-width: 1440px) {
  .shipping-cta h2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .shipping-cta h2 {
    margin-bottom: 45px;
  }
}
@media (min-width: 1900px) {
  .shipping-cta h2 {
    width: 78%;
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .packageWeightInput {
    padding-left: 30px;
  }
}/*# sourceMappingURL=style.css.map */



  @media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
    header .navbar-toggler rect {
            fill: #6c6c6c;
            transition: 0.8s ease all;
        }
    header {
           
            position: sticky;
            width: 100%;
          
        }
    .banner {
            background: #f1f5e6;
        }
                .bannerBtn{padding-bottom: 10px;}
    .banner h1 {
            font-size: 19px;
            line-height: 25px;
        }
    
                .bannerImage picture img {
                        -o-object-fit: cover;
                        object-fit: cover;
                        width: 100%;
                        height: 494px;
                        object-position: -479px 52px;
                    }
                                        .banner .container-ctn {
                                            width: 100%;
                                            position: absolute;
                                            top: 55px;
                                            transform: translate(-50%, -36.5%);
                                            left: 50%;
                                        }
                                                                                
                                                                                .banner p,
                                                                                .banner span{display: none;}
                                
  }