@font-face {
  font-family: "VisbyRoundCF Bold";
  src: url(../font/VisbyRoundCF-Bold.woff) format("woff");
  font-display: swap;
}
@keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.our-features picture {
  animation: float 3s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  animation: fadeInUp 1s ease-in-out;
}

@keyframes highlight {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.founder-row img {
  animation: float 3s ease-in-out infinite;
}

@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: 4px;
  top: 60%;
  z-index: 10000;
  grid-gap: 10px;
}
@media (min-width: 768px) {
  .leftFixedBox {
    top: 50%;
  }
}
.leftFixedBox .dropdown-toggle.iconBox {
  margin-bottom: 0;
  margin-bottom: 0;
}
.leftFixedBox .iconBox {
  background: #92EC59;
  width: 40px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
.leftFixedBox .iconBox img {
  width: 20px;
  animation: pulse 1s infinite;
}
.leftFixedBox .iconBox i {
  color: #6f4287;
}
.leftFixedBox .dropdown-menu {
  min-width: 40px;
  width: auto;
  height: 50px;
  background: transparent;
  padding: 0;
  border: 0;
}
.leftFixedBox .dropdown-menu .iconBox {
  background: #009746;
  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 {
  position: relative;
}
.leftFixedBox .QuickSideRightBar .iconBox {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
  background: #009746;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
@media (min-width: 768px) {
  .leftFixedBox .QuickSideRightBar .iconBox {
    width: 50px;
    height: 50px;
  }
}
.leftFixedBox .QuickSideRightBar .slideLeft {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
  position: absolute;
  background: #009746;
  width: 0;
  height: 50px;
  right: 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: 30px;
}
.leftFixedBox .QuickSideRightBar .slideLeft .textRight {
  position: absolute;
  left: 12px;
  top: 0;
  font-size: 17px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 10px;
}
.leftFixedBox .QuickSideRightBar:hover .slideLeft {
  opacity: 1;
  transition: 0.3s ease-in-out;
  width: 220px;
}
.leftFixedBox .animateBox {
  animation: animate2 2s linear infinite;
}

.bottomFixedMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  border-radius: 10px 10px 0px 0px;
  padding: 12px 0px;
  overflow: hidden;
  background: #009746;
  box-shadow: 0px -1px 19px -3px rgba(0, 0, 0, 0.6705882353);
}
.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: 7px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.bottomFixedMenu li a img, .bottomFixedMenu li button img {
  width: 40px;
  height: auto;
  filter: invert(1);
}
.bottomFixedMenu li a:hover img, .bottomFixedMenu li button:hover img {
  filter: invert(0);
}
.bottomFixedMenu li a:hover span, .bottomFixedMenu li button:hover span {
  color: #101010;
}
.bottomFixedMenu li:nth-child(2) a img, .bottomFixedMenu li:nth-child(2) button img {
  width: 30px;
}
.bottomFixedMenu li:nth-child(3) a img, .bottomFixedMenu li:nth-child(3) button img {
  width: 30px;
}
.bottomFixedMenu li span {
  width: 40%;
}

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: 15px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 15px !important;
  height: 15px !important;
  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);
}

.my-rating-readonly {
  display: flex;
  gap: 2px;
}

.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: #009746;
  color: #fff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #101010;
  font-size: 16px;
  line-height: 170%;
}
@media (min-width: 768px) {
  * {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  * {
    font-size: 14.8px;
  }
}
@media (min-width: 1600px) {
  * {
    font-size: 16.5px;
  }
}
@media (min-width: 1900px) {
  * {
    font-size: 20px;
  }
}

body {
  overflow-x: hidden;
}

.container-Foothead {
  max-width: 90%;
  margin-left: auto;
}
@media (max-width: 575px) {
  .container-Foothead {
    margin-right: auto;
  }
}
@media (min-width: 576px) {
  .container-Foothead {
    max-width: 94.9%;
  }
}

.container-ctn {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .container-ctn {
    max-width: 85.991%;
  }
}
@media (min-width: 1900px) {
  .container-ctn {
    max-width: 1645px;
  }
}

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

h1 {
  font-size: 26px;
  line-height: 116.667%;
}
@media (min-width: 768px) {
  h1 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 34px;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 38px;
  }
}
@media (min-width: 1360px) {
  h1 {
    font-size: 42px;
  }
}
@media (min-width: 1440px) {
  h1 {
    font-size: 46px;
  }
}
@media (min-width: 1600px) {
  h1 {
    font-size: 52px;
  }
}
@media (min-width: 1900px) {
  h1 {
    font-size: 60px;
  }
}

h2,
h2 span {
  color: #101010;
  font-size: 23px;
  line-height: 120%;
}
@media (min-width: 768px) {
  h2,
  h2 span {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  h2,
  h2 span {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  h2,
  h2 span {
    font-size: 31px;
  }
}
@media (min-width: 1360px) {
  h2,
  h2 span {
    font-size: 35px;
  }
}
@media (min-width: 1440px) {
  h2,
  h2 span {
    font-size: 40px;
  }
}
@media (min-width: 1600px) {
  h2,
  h2 span {
    font-size: 45px;
  }
}
@media (min-width: 1900px) {
  h2,
  h2 span {
    font-size: 50px;
  }
}

h3,
.h3 {
  font-size: 18px;
  line-height: 113.333%;
}
@media (min-width: 768px) {
  h3,
  .h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  h3,
  .h3 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 22px;
  }
}
@media (min-width: 1360px) {
  h3,
  .h3 {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  h3,
  .h3 {
    font-size: 26px;
  }
}
@media (min-width: 1600px) {
  h3,
  .h3 {
    font-size: 28px;
  }
}
@media (min-width: 1900px) {
  h3,
  .h3 {
    font-size: 30px;
  }
}

p,
.p {
  color: #676767;
}

a {
  color: #92EC59;
  text-decoration: none !important;
}

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

.commonPadding, .terms, .thank-you, .page-not-found {
  padding: 40px 0px;
}
@media (min-width: 768px) {
  .commonPadding, .terms, .thank-you, .page-not-found {
    padding: 65px 0px;
  }
}
@media (min-width: 992px) {
  .commonPadding, .terms, .thank-you, .page-not-found {
    padding: 70px 0px;
  }
}
@media (min-width: 1200px) {
  .commonPadding, .terms, .thank-you, .page-not-found {
    padding: 80px 0px;
  }
}
@media (min-width: 1440px) {
  .commonPadding, .terms, .thank-you, .page-not-found {
    padding: 85px 0px;
  }
}
@media (min-width: 1600px) {
  .commonPadding, .terms, .thank-you, .page-not-found {
    padding: 90px 0px;
  }
}
@media (min-width: 1900px) {
  .commonPadding, .terms, .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, .locationCard .locationDetails::before, .locationCard picture::after, button#clear-signature::after, .step-indicator::before, .form-header::before, .facilities .d-flex picture::before, .founder .founder-row > div div::before, .our-brand .head div::before, .our-brands .brand-slider-item .brand-name::before, .banner-text-slider p::before, .banner-image-slider::before, .banner::before, .banner > picture::after, footer .links ul li::after, .bottom-header .drop-downs::after, .bottom-header .main-menu nav > ul > li > a::before, .bottom-header ul li .has-sub-menu > a::after, .btn.themeBtn::after, .thank-you .btn::after, .page-not-found .btn::after, .bottom-header .btn::after, .btn.themeBtn::before, .thank-you .btn::before, .page-not-found .btn::before, .bottom-header .btn::before, article > ul li::before, .list > div > ul li::before,
.list > ul li::before, .details ul li::before {
  content: "";
  position: absolute;
}

.wh-100, article > ul li::before, .list > div > ul li::before,
.list > ul li::before {
  width: 100%;
  height: 100%;
}

.slick-nav {
  cursor: pointer;
  display: flex;
  width: 100%;
  bottom: 0;
  transform: translateY(0%);
  align-items: self-end;
  z-index: 2;
}
.slick-nav > div {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  transition: 0.5s ease all;
}

.slick-dots {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media (min-width: 992px) {
  .slick-dots {
    gap: 8px;
  }
}
@media (min-width: 1200px) {
  .slick-dots {
    gap: 9px;
  }
}
@media (min-width: 1360px) {
  .slick-dots {
    gap: 10px;
  }
}
@media (min-width: 1440px) {
  .slick-dots {
    gap: 14px;
  }
}
@media (min-width: 1600px) {
  .slick-dots {
    gap: 15px;
  }
}
.slick-dots li {
  margin: 0;
  display: flex;
  width: auto;
  justify-content: center;
}
.slick-dots li button {
  padding: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #999999;
}
@media (min-width: 992px) {
  .slick-dots li button {
    width: 8px;
    height: 8px;
  }
}
@media (min-width: 1360px) {
  .slick-dots li button {
    width: 8.5px;
    height: 8.5px;
  }
}
@media (min-width: 1440px) {
  .slick-dots li button {
    width: 9px;
    height: 9px;
  }
}
@media (min-width: 1600px) {
  .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}
.slick-dots li button::before {
  font-size: 0;
  width: auto;
}
.slick-dots li.slick-active button {
  transition: 0.4s ease all;
  background-color: #009746;
}

.jq-star {
  display: inline-block;
}
@media (max-width: 575px) {
  .jq-star {
    width: 14px !important;
  }
}

.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: #92EC59;
  border-radius: 10px;
}

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

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

.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 > div > ul li,
.list > ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
}
article > ul li:last-child, .list > div > ul li:last-child,
.list > ul li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    margin-bottom: 15px;
    padding-left: 26px;
  }
}
@media (min-width: 992px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 28px;
  }
}
@media (min-width: 1200px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 32px;
  }
}
@media (min-width: 1440px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 36px;
  }
}
@media (min-width: 1600px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 40px;
  }
}
article > ul li::before, .list > div > ul li::before,
.list > ul li::before {
  top: 9px;
  left: 0;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1667 10C14.1667 10.4608 13.7933 10.8333 13.3333 10.8333H10.8333V13.3333C10.8333 13.7942 10.46 14.1667 10 14.1667C9.54 14.1667 9.16667 13.7942 9.16667 13.3333V10.8333H6.66667C6.20667 10.8333 5.83333 10.4608 5.83333 10C5.83333 9.53917 6.20667 9.16667 6.66667 9.16667H9.16667V6.66667C9.16667 6.20583 9.54 5.83333 10 5.83333C10.46 5.83333 10.8333 6.20583 10.8333 6.66667V9.16667H13.3333C13.7933 9.16667 14.1667 9.53917 14.1667 10ZM20 4.16667V15.8333C20 18.1308 18.1308 20 15.8333 20H4.16667C1.86917 20 0 18.1308 0 15.8333V4.16667C0 1.86917 1.86917 0 4.16667 0H15.8333C18.1308 0 20 1.86917 20 4.16667ZM18.3333 4.16667C18.3333 2.78833 17.2117 1.66667 15.8333 1.66667H4.16667C2.78833 1.66667 1.66667 2.78833 1.66667 4.16667V15.8333C1.66667 17.2117 2.78833 18.3333 4.16667 18.3333H15.8333C17.2117 18.3333 18.3333 17.2117 18.3333 15.8333V4.16667Z" fill="%234C287F"/></svg>');
  width: 14px;
  height: 14px;
  background-size: contain !important;
  background-repeat: no-repeat;
}
@media (min-width: 576px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    width: 11px;
    height: 11px;
  }
}
@media (min-width: 768px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    width: 11px;
    height: 11px;
    top: 6px;
  }
}
@media (min-width: 992px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    top: 7px;
    width: 12px;
    height: 12px;
  }
}
@media (min-width: 1200px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    width: 12px;
    height: 12px;
    top: 6px;
  }
}
@media (min-width: 1440px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1600px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    top: 5px;
    width: 17px;
    height: 17px;
  }
}
@media (min-width: 1900px) {
  article > ul li::before, .list > div > 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-message {
  color: #ee1922;
  display: none;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  left: 0;
}

.iti--allow-dropdown input[type=tel] {
  padding-left: 82px;
}

.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);
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  left: 28px;
}

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 .slick-nav {
  justify-content: flex-end;
  position: absolute;
  right: 0;
  bottom: 0;
  gap: 20px;
}
@media (min-width: 992px) {
  .head .slick-nav {
    gap: 28px;
  }
}
@media (min-width: 1200px) {
  .head .slick-nav {
    gap: 32px;
  }
}
@media (min-width: 1360px) {
  .head .slick-nav {
    gap: 36px;
  }
}
@media (min-width: 1440px) {
  .head .slick-nav {
    gap: 38px;
  }
}
@media (min-width: 1600px) {
  .head .slick-nav {
    gap: 40px;
  }
}
@media (min-width: 1900px) {
  .head .slick-nav {
    gap: 44px;
  }
}
.head .slick-nav div:hover path {
  fill: #000;
}
.head .slick-nav svg {
  height: auto;
  width: 24px;
}
@media (min-width: 992px) {
  .head .slick-nav svg {
    width: 26px;
  }
}
@media (min-width: 1200px) {
  .head .slick-nav svg {
    width: 30px;
  }
}
@media (min-width: 1360px) {
  .head .slick-nav svg {
    width: 32px;
  }
}
@media (min-width: 1440px) {
  .head .slick-nav svg {
    width: 36px;
  }
}
@media (min-width: 1600px) {
  .head .slick-nav svg {
    width: 38px;
  }
}
@media (min-width: 1900px) {
  .head .slick-nav svg {
    width: 40px;
  }
}
.head > span, .head strong {
  color: #009746;
  display: block;
  margin-bottom: 5px;
}
.head h1 + p, .head h2 + p {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .head h1 + p, .head h2 + p {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .head h1 + p, .head h2 + p {
    margin-top: 22px;
  }
}
@media (min-width: 1360px) {
  .head h1 + p, .head h2 + p {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) {
  .head h1 + p, .head h2 + p {
    margin-top: 26px;
  }
}
@media (min-width: 1600px) {
  .head h1 + p, .head h2 + p {
    margin-top: 28px;
  }
}
@media (min-width: 1900px) {
  .head h1 + p, .head h2 + p {
    margin-top: 30px;
  }
}
.head + .btn {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .head + .btn {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .head + .btn {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .head + .btn {
    margin-top: 46px;
  }
}
@media (min-width: 1360px) {
  .head + .btn {
    margin-top: 48px;
  }
}
@media (min-width: 1440px) {
  .head + .btn {
    margin-top: 52px;
  }
}
@media (min-width: 1600px) {
  .head + .btn {
    margin-top: 56px;
  }
}
@media (min-width: 1900px) {
  .head + .btn {
    margin-top: 60px;
  }
}

.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.themeBtn, .thank-you .btn, .page-not-found .btn, .bottom-header .btn {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  height: 40px;
  gap: 12px;
  padding: 5px;
  padding-right: 12px;
  line-height: 0;
}
.btn.themeBtn::after, .thank-you .btn::after, .page-not-found .btn::after, .bottom-header .btn::after, .btn.themeBtn::before, .thank-you .btn::before, .page-not-found .btn::before, .bottom-header .btn::before {
  height: 100%;
  top: 0;
  transition: 0.5s ease all;
  z-index: -1;
}
.btn.themeBtn::after, .thank-you .btn::after, .page-not-found .btn::after, .bottom-header .btn::after {
  width: 100%;
  right: 0;
}
.btn.themeBtn::before, .thank-you .btn::before, .page-not-found .btn::before, .bottom-header .btn::before {
  left: 0;
  width: 0%;
  transition: 0.5s ease all;
}
.btn.themeBtn:hover::before, .thank-you .btn:hover::before, .page-not-found .btn:hover::before, .bottom-header .btn:hover::before {
  width: 100%;
  transition: 0.5s ease all;
}
.btn.themeBtn:hover::after, .thank-you .btn:hover::after, .page-not-found .btn:hover::after, .bottom-header .btn:hover::after {
  width: 0;
  transition: 0.5s ease all;
}
@media (min-width: 992px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .bottom-header .btn {
    border-radius: 6px;
    height: 36px;
    gap: 15px;
  }
}
@media (min-width: 1200px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .bottom-header .btn {
    height: 40px;
    gap: 18px;
    padding-right: 20px;
  }
}
@media (min-width: 1360px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .bottom-header .btn {
    border-radius: 10px;
    height: 45px;
    gap: 22px;
    padding-right: 24px;
  }
}
@media (min-width: 1440px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .bottom-header .btn {
    height: 48px;
    gap: 24px;
    padding-right: 26px;
  }
}
@media (min-width: 1600px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .bottom-header .btn {
    height: 51px;
    gap: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1900px) {
  .btn.themeBtn, .thank-you .btn, .page-not-found .btn, .bottom-header .btn {
    height: 64px;
    gap: 30px;
    padding-right: 30px;
  }
}
.btn.themeBtn i, .thank-you .btn i, .page-not-found .btn i, .bottom-header .btn i {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease all;
  border-radius: 6px;
  padding: 7px;
}
@media (min-width: 768px) {
  .btn.themeBtn i, .thank-you .btn i, .page-not-found .btn i, .bottom-header .btn i {
    border-radius: 6px;
    padding: 5px;
  }
}
@media (min-width: 1200px) {
  .btn.themeBtn i, .thank-you .btn i, .page-not-found .btn i, .bottom-header .btn i {
    padding: 6px;
  }
}
@media (min-width: 1360px) {
  .btn.themeBtn i, .thank-you .btn i, .page-not-found .btn i, .bottom-header .btn i {
    border-radius: 10px;
    padding: 9px;
  }
}
@media (min-width: 1440px) {
  .btn.themeBtn i, .thank-you .btn i, .page-not-found .btn i, .bottom-header .btn i {
    padding: 9px;
  }
}
@media (min-width: 1600px) {
  .btn.themeBtn i, .thank-you .btn i, .page-not-found .btn i, .bottom-header .btn i {
    padding: 9px;
  }
}
@media (min-width: 1900px) {
  .btn.themeBtn i, .thank-you .btn i, .page-not-found .btn i, .bottom-header .btn i {
    padding: 12px;
  }
}
.btn.themeBtn img, .thank-you .btn img, .page-not-found .btn img, .bottom-header .btn img {
  height: auto;
  width: 17px;
}
@media (min-width: 992px) {
  .btn.themeBtn img, .thank-you .btn img, .page-not-found .btn img, .bottom-header .btn img {
    width: 16px;
  }
}
@media (min-width: 1200px) {
  .btn.themeBtn img, .thank-you .btn img, .page-not-found .btn img, .bottom-header .btn img {
    width: 18px;
  }
}
@media (min-width: 1360px) {
  .btn.themeBtn img, .thank-you .btn img, .page-not-found .btn img, .bottom-header .btn img {
    width: 20px;
  }
}
@media (min-width: 1440px) {
  .btn.themeBtn img, .thank-you .btn img, .page-not-found .btn img, .bottom-header .btn img {
    width: 22px;
  }
}
@media (min-width: 1600px) {
  .btn.themeBtn img, .thank-you .btn img, .page-not-found .btn img, .bottom-header .btn img {
    width: 24px;
  }
}
@media (min-width: 1900px) {
  .btn.themeBtn img, .thank-you .btn img, .page-not-found .btn img, .bottom-header .btn img {
    width: 30px;
  }
}
.btn.themeBtn.darkBtn, .thank-you .btn.darkBtn, .page-not-found .btn.darkBtn, .bottom-header .btn.darkBtn {
  background-color: #009746;
  color: #fff;
}
.btn.themeBtn.darkBtn i, .thank-you .btn.darkBtn i, .page-not-found .btn.darkBtn i, .bottom-header .btn.darkBtn i {
  background-color: #66B435;
}
.btn.themeBtn.darkBtn i img, .thank-you .btn.darkBtn i img, .page-not-found .btn.darkBtn i img, .bottom-header .btn.darkBtn i img {
  transition: 0.5s ease all;
}
.btn.themeBtn.darkBtn:hover, .thank-you .btn.darkBtn:hover, .page-not-found .btn.darkBtn:hover, .bottom-header .btn.darkBtn:hover {
  background-color: #66B435;
}
.btn.themeBtn.darkBtn:hover i, .thank-you .btn.darkBtn:hover i, .page-not-found .btn.darkBtn:hover i, .bottom-header .btn.darkBtn:hover i {
  background-color: #009746;
  transform: rotate(360deg);
  transition: 1s ease all;
}
.btn.themeBtn.lightBtn, .thank-you .btn.lightBtn, .page-not-found .btn.lightBtn, .bottom-header .btn.lightBtn {
  background-color: #92EC59;
  color: #101010;
}
.btn.themeBtn.lightBtn i, .thank-you .btn.lightBtn i, .page-not-found .btn.lightBtn i, .bottom-header .btn.lightBtn i {
  background-color: #fff;
}
.btn.themeBtn.lightBtn:hover, .thank-you .btn.lightBtn:hover, .page-not-found .btn.lightBtn:hover, .bottom-header .btn.lightBtn:hover {
  background-color: #fff;
}
.btn.themeBtn.lightBtn:hover i, .thank-you .btn.lightBtn:hover i, .page-not-found .btn.lightBtn:hover i, .bottom-header .btn.lightBtn:hover i {
  background-color: #92EC59;
}
.btn.themeBtn.lightBtn:hover i img, .thank-you .btn.lightBtn:hover i img, .page-not-found .btn.lightBtn:hover i img, .bottom-header .btn.lightBtn:hover i img {
  transform: scale(0.8);
  transition: 1s ease all;
}

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

.heading p,
.heading p span {
  font-size: 15px;
}
@media (min-width: 768px) {
  .heading p,
  .heading p span {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .heading p,
  .heading p span {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .heading p,
  .heading p span {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .heading p,
  .heading p span {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .heading p,
  .heading p span {
    font-size: 24px;
  }
}
.heading p {
  color: #101010;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .heading p {
    margin-bottom: 14px;
  }
}
@media (min-width: 1200px) {
  .heading p {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .heading p {
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .heading p {
    margin-bottom: 20px;
  }
}
.heading p span {
  color: #009746;
  font-weight: 700;
}
.heading h2 {
  color: #101010;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .heading h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .heading h2 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1900px) {
  .heading h2 {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .heading br {
    display: none;
  }
}

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

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

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

.iti-mobile .iti--container {
  z-index: 9999999999;
}

.btn-close:focus {
  box-shadow: unset;
}

input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: left;
}

.file-upload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.file-label {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  border: 2px solid #009746;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  color: #007bff;
  text-decoration: none;
}

.file-label:hover {
  background-color: #009746;
}
.file-label:hover span {
  color: white;
}

.file-input {
  display: none;
}

.file-info {
  font-size: 0.9em;
  color: #555;
}

.file-name {
  margin-top: 10px;
  font-size: 0.9em;
  color: #333;
  word-wrap: break-word;
}

.file-icon {
  margin-right: 10px;
}

.file-cta {
  display: flex;
  align-items: center;
}

#fadeSection {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.visible {
  opacity: 1 !important;
  transition: opacity 0.3s ease-in-out;
}

.light h2, .light span {
  color: #fff;
}

#enquiryForm .iti--allow-dropdown .iti__flag-container, #enquiryForm .iti--separate-dial-code .iti__flag-container, .careerApply2 .iti--allow-dropdown .iti__flag-container, .careerApply2 .iti--separate-dial-code .iti__flag-container, #enquiryForm2 .iti--allow-dropdown .iti__flag-container, #enquiryForm2 .iti--separate-dial-code .iti__flag-container {
  left: 0;
}

.modal-content {
  border-radius: 20px;
  background-color: #fff;
  border: unset;
}

.mb-5 {
  margin-bottom: 50px;
}

.form-select {
  border-radius: 10px;
}
.form-select:focus {
  box-shadow: unset;
}

.text-left {
  text-align: left;
}

.btn.themeBtn.loadbtn, .thank-you .btn.loadbtn, .page-not-found .btn.loadbtn, .bottom-header .btn.loadbtn {
  margin-left: auto;
  margin-right: auto;
}
.btn.themeBtn.loadbtn img, .thank-you .btn.loadbtn img, .page-not-found .btn.loadbtn img, .bottom-header .btn.loadbtn img {
  filter: invert(1);
}

.btn.themeBtn.loadbtn, .thank-you .btn.loadbtn, .page-not-found .btn.loadbtn, .bottom-header .btn.loadbtn, .careerApply .btn, .clientPortal .careerPopupBox form > button {
  margin-top: 30px;
}
@media (min-width: 1360px) {
  .btn.themeBtn.loadbtn i, .thank-you .btn.loadbtn i, .page-not-found .btn.loadbtn i, .bottom-header .btn.loadbtn i, .careerApply .btn i, .clientPortal .careerPopupBox form > button i {
    padding: 16px;
  }
  .btn.themeBtn.loadbtn i img, .thank-you .btn.loadbtn i img, .page-not-found .btn.loadbtn i img, .bottom-header .btn.loadbtn i img, .careerApply .btn i img, .clientPortal .careerPopupBox form > button i img {
    width: 16px;
  }
}
@media (min-width: 1440px) {
  .btn.themeBtn.loadbtn i, .thank-you .btn.loadbtn i, .page-not-found .btn.loadbtn i, .bottom-header .btn.loadbtn i, .careerApply .btn i, .clientPortal .careerPopupBox form > button i {
    padding: 11px;
  }
  .btn.themeBtn.loadbtn i img, .thank-you .btn.loadbtn i img, .page-not-found .btn.loadbtn i img, .bottom-header .btn.loadbtn i img, .careerApply .btn i img, .clientPortal .careerPopupBox form > button i img {
    width: 16px;
  }
}
@media (min-width: 1600px) {
  .btn.themeBtn.loadbtn i, .thank-you .btn.loadbtn i, .page-not-found .btn.loadbtn i, .bottom-header .btn.loadbtn i, .careerApply .btn i, .clientPortal .careerPopupBox form > button i {
    padding: 12px;
  }
  .btn.themeBtn.loadbtn i img, .thank-you .btn.loadbtn i img, .page-not-found .btn.loadbtn i img, .bottom-header .btn.loadbtn i img, .careerApply .btn i img, .clientPortal .careerPopupBox form > button i img {
    width: 16px;
  }
}
@media (min-width: 1900px) {
  .btn.themeBtn.loadbtn i, .thank-you .btn.loadbtn i, .page-not-found .btn.loadbtn i, .bottom-header .btn.loadbtn i, .careerApply .btn i, .clientPortal .careerPopupBox form > button i {
    padding: 16px;
  }
  .btn.themeBtn.loadbtn i img, .thank-you .btn.loadbtn i img, .page-not-found .btn.loadbtn i img, .bottom-header .btn.loadbtn i img, .careerApply .btn i img, .clientPortal .careerPopupBox form > button i img {
    width: 20px;
  }
}

header .brand {
  width: 100px;
}
@media (min-width: 992px) {
  header .brand {
    width: 15.502%;
  }
}
header .brand img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  header {
    background-color: #fff;
  }
  header svg {
    filter: invert(1);
  }
}

.home header {
  position: fixed;
  z-index: 99999999;
  width: 100%;
}
.home header nav + div {
  display: flex;
}
.home header nav > ul > li > a {
  color: #fff;
}
@media (min-width: 992px) {
  .home header nav a {
    padding: 18px 0px;
  }
}
@media (min-width: 1200px) {
  .home header nav a {
    padding: 22px 0px;
  }
}
@media (min-width: 1360px) {
  .home header nav a {
    padding: 26px 0px;
  }
}
@media (min-width: 1440px) {
  .home header nav a {
    padding: 28px 0px;
  }
}
@media (min-width: 1600px) {
  .home header nav a {
    padding: 30px 0px;
  }
}
@media (min-width: 1900px) {
  .home header nav a {
    padding: 32px 0px;
  }
}
.home header .bottom-header .main-menu nav > ul > li:hover > a::before {
  width: 100%;
  transition: 0.5s ease all;
}
.home header.scrolled .bottom-header ul li.drop-downs .mega {
  padding-top: 25px;
}
@media (min-width: 1200px) {
  .home header.scrolled .bottom-header ul li.drop-downs .mega {
    padding-top: 44px;
  }
}
@media (min-width: 1350px) {
  .home header.scrolled .bottom-header ul li.drop-downs .mega {
    padding-top: 60px;
  }
}
@media (min-width: 1440px) {
  .home header.scrolled .bottom-header ul li.drop-downs .mega {
    padding-top: 58px;
  }
}
.home header .bottom-header ul li .mega {
  margin-top: 59px;
}
.home .bottom-header .drop-downs::after {
  background: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.77 3.70507L8.475 6.84895e-05L9.54 1.05007L4.77 5.82007L0 1.05007L1.065 6.84895e-05L4.77 3.70507Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: 0px 10px;
}
.home .scrolled .bottom-header .drop-downs::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="black"><g clip-path="url(%23clip0_3304_13991)"><path d="M9.10008 16.4631L12.8051 12.7581L13.8701 13.8081L9.10008 18.5781L4.33008 13.8081L5.39508 12.7581L9.10008 16.4631Z" fill="black"/></g><defs><clipPath id="clip0_3304_13991"><rect width="18.02" height="18" fill="black" transform="matrix(1 0 0 -1 0.0898438 18.5781)"/></clipPath></defs></svg>');
}
@media (min-width: 1440px) {
  .home .bottom-header ul li.drop-downs .mega {
    padding-top: 48px;
  }
}

.bottom-header {
  padding: 20px 0px 10px 0px;
}
.bottom-header ul {
  display: flex;
}
.bottom-header ul a {
  color: #101010;
}
.bottom-header ul li.drop-downs a {
  padding-right: 20px;
}
.bottom-header ul li.drop-downs .mega {
  padding-top: 25px;
}
@media (min-width: 1350px) {
  .bottom-header ul li.drop-downs .mega {
    padding-top: 40px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul li.drop-downs .mega {
    padding-top: 18px;
  }
}
.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;
  top: 0;
  width: fit-content;
  display: none;
}
.bottom-header ul li.drop-downs .mega-menu ul,
.bottom-header ul li.drop-downs .mega ul {
  display: flex;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1803921569);
  border: 1px solid #ececec;
}
.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: -2px;
  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: 15px 13px;
  }
}
@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: 100%;
}
.bottom-header ul li.drop-downs .mega-menu a {
  border-radius: 10px;
  height: -moz-fit-content;
  height: fit-content;
  height: 100%;
  gap: 20px;
}
.bottom-header ul li.drop-downs .mega-menu a::before {
  display: flex;
  align-items: center;
}
.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;
}
.bottom-header ul li.drop-downs li:hover > a {
  color: #009746;
}
@media (min-width: 992px) {
  .bottom-header ul li .mega {
    margin-top: 29px;
    min-width: 240px;
    margin-left: -100px;
  }
}
@media (min-width: 1200px) {
  .bottom-header ul li .mega {
    margin-top: 29px;
    min-width: 300px;
    margin-left: -170px;
  }
}
@media (min-width: 1350px) {
  .bottom-header ul li .mega {
    margin-top: 20px;
    min-width: 300px;
    margin-left: -170px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul li .mega {
    margin-top: 29px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul li .mega {
    min-width: 330px;
    margin-top: 29px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul li .mega {
    margin-top: 29px;
  }
}
@media (min-width: 992px) {
  .bottom-header ul li .mega-menu {
    min-width: 340px;
  }
}
@media (min-width: 1200px) {
  .bottom-header ul li .mega-menu {
    min-width: 390px;
  }
}
@media (min-width: 1350px) {
  .bottom-header ul li .mega-menu {
    min-width: 400px;
  }
}
@media (min-width: 1440px) {
  .bottom-header ul li .mega-menu {
    min-width: 597px;
  }
}
@media (min-width: 1600px) {
  .bottom-header ul li .mega-menu {
    min-width: 378px;
  }
}
@media (min-width: 1900px) {
  .bottom-header ul li .mega-menu {
    min-width: 467px;
  }
}
.bottom-header ul li .mega ul li {
  border-bottom: 1px solid #ececec;
  width: 100%;
  margin: auto;
}
.bottom-header ul li .mega ul li img {
  width: 95px;
  height: auto;
}
.bottom-header ul li .mega ul li:hover {
  border-bottom: 1px solid #92EC59;
}
.bottom-header ul li .mega ul li:last-child {
  border-bottom: unset;
}
.bottom-header ul li .has-sub-menu {
  position: relative;
}
.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 {
  gap: 25px;
}
@media (min-width: 1200px) {
  .bottom-header .main-menu {
    gap: 40px;
  }
}
@media (min-width: 1360px) {
  .bottom-header .main-menu {
    gap: 60px;
  }
}
@media (min-width: 1440px) {
  .bottom-header .main-menu {
    gap: 85px;
  }
}
@media (min-width: 1600px) {
  .bottom-header .main-menu {
    gap: 95px;
  }
}
@media (min-width: 1900px) {
  .bottom-header .main-menu {
    gap: 100px;
  }
}
.bottom-header .main-menu nav > ul {
  gap: 30px;
}
@media (min-width: 1200px) {
  .bottom-header .main-menu nav > ul {
    gap: 45px;
  }
}
@media (min-width: 1360px) {
  .bottom-header .main-menu nav > ul {
    gap: 60px;
  }
}
@media (min-width: 1440px) {
  .bottom-header .main-menu nav > ul {
    gap: 65px;
  }
}
@media (min-width: 1600px) {
  .bottom-header .main-menu nav > ul {
    gap: 70px;
  }
}
@media (min-width: 1900px) {
  .bottom-header .main-menu nav > ul {
    gap: 90px;
  }
}
.bottom-header .main-menu nav > ul > li {
  display: flex;
  align-items: center;
}
.bottom-header .main-menu nav > ul > li a {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.bottom-header .main-menu nav > ul > li > a::before {
  width: 0;
  height: 2px;
  background-color: #009746;
  bottom: 0;
  left: 0;
  transition: 0.5s ease all;
}
.bottom-header .main-menu nav > ul > li:hover > a {
  color: #009746;
}
.bottom-header .main-menu nav > ul > li:hover > a::before {
  width: 18px;
  transition: 0.5s ease all;
}
.bottom-header .main-menu nav > ul > li.drop-downs a {
  padding-right: 23px;
}
.bottom-header .portal-navigation {
  gap: 0 5px;
}
@media (max-width: 767px) {
  .bottom-header .portal-navigation {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .bottom-header .portal-navigation {
    gap: 0 6px;
  }
}
@media (min-width: 1360px) {
  .bottom-header .portal-navigation {
    gap: 0 7px;
  }
}
@media (min-width: 1440px) {
  .bottom-header .portal-navigation {
    gap: 0 8px;
  }
}
@media (min-width: 1600px) {
  .bottom-header .portal-navigation {
    gap: 0 9px;
  }
}
@media (min-width: 1900px) {
  .bottom-header .portal-navigation {
    gap: 0 10px;
  }
}
.bottom-header .portal-navigation a {
  align-items: center;
  display: flex;
  padding: 10px;
  border-radius: 10px;
  gap: 8px;
  min-height: 50px;
}
@media (min-width: 1200px) {
  .bottom-header .portal-navigation a {
    gap: 10px;
    min-height: 56px;
  }
}
@media (min-width: 1360px) {
  .bottom-header .portal-navigation a {
    gap: 11px;
    min-height: 70px;
  }
}
@media (min-width: 1440px) {
  .bottom-header .portal-navigation a {
    gap: 12px;
    min-height: 75px;
  }
}
@media (min-width: 1600px) {
  .bottom-header .portal-navigation a {
    gap: 14px;
    min-height: 78px;
  }
}
@media (min-width: 1900px) {
  .bottom-header .portal-navigation a {
    gap: 15px;
    min-height: 80px;
  }
}
.bottom-header .portal-navigation a img {
  height: auto;
}
.bottom-header .portal-navigation a span {
  white-space: pre-line;
  line-height: normal;
}
.bottom-header .portal-navigation a:hover {
  background: #009746;
}
.bottom-header .portal-navigation a:hover span {
  color: #fff;
}
.bottom-header .portal-navigation a:hover img {
  filter: invert(1);
}
.bottom-header .portal-navigation li:nth-child(1) img {
  width: 40px;
}
@media (min-width: 992px) {
  .bottom-header .portal-navigation li:nth-child(1) img {
    width: 35px;
  }
}
@media (min-width: 1200px) {
  .bottom-header .portal-navigation li:nth-child(1) img {
    width: 38px;
  }
}
@media (min-width: 1360px) {
  .bottom-header .portal-navigation li:nth-child(1) img {
    width: 40px;
  }
}
@media (min-width: 1440px) {
  .bottom-header .portal-navigation li:nth-child(1) img {
    width: 45px;
  }
}
@media (min-width: 1600px) {
  .bottom-header .portal-navigation li:nth-child(1) img {
    width: 63px;
  }
}
@media (min-width: 1900px) {
  .bottom-header .portal-navigation li:nth-child(1) img {
    width: 70px;
  }
}
.bottom-header .portal-navigation li:nth-child(2) img {
  width: 24px;
}
@media (min-width: 992px) {
  .bottom-header .portal-navigation li:nth-child(2) img {
    width: 27px;
  }
}
@media (min-width: 1200px) {
  .bottom-header .portal-navigation li:nth-child(2) img {
    width: 28px;
  }
}
@media (min-width: 1360px) {
  .bottom-header .portal-navigation li:nth-child(2) img {
    width: 29px;
  }
}
@media (min-width: 1440px) {
  .bottom-header .portal-navigation li:nth-child(2) img {
    width: 33px;
  }
}
@media (min-width: 1600px) {
  .bottom-header .portal-navigation li:nth-child(2) img {
    width: 40px;
  }
}
@media (min-width: 1900px) {
  .bottom-header .portal-navigation li:nth-child(2) img {
    width: 50px;
  }
}
.bottom-header .portal-navigation li:nth-child(3) img {
  width: 30px;
}
@media (min-width: 992px) {
  .bottom-header .portal-navigation li:nth-child(3) img {
    width: 30px;
  }
}
@media (min-width: 1200px) {
  .bottom-header .portal-navigation li:nth-child(3) img {
    width: 28px;
  }
}
@media (min-width: 1360px) {
  .bottom-header .portal-navigation li:nth-child(3) img {
    width: 33px;
  }
}
@media (min-width: 1440px) {
  .bottom-header .portal-navigation li:nth-child(3) img {
    width: 36px;
  }
}
@media (min-width: 1600px) {
  .bottom-header .portal-navigation li:nth-child(3) img {
    width: 44px;
  }
}
@media (min-width: 1900px) {
  .bottom-header .portal-navigation li:nth-child(3) img {
    width: 54px;
  }
}
.bottom-header .navbar-toggler {
  padding-right: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .bottom-header .navbar-toggler {
    display: none;
  }
}
.bottom-header .drop-downs {
  position: relative;
}
.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:hover::after {
  background: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.77 3.70507L8.475 6.84895e-05L9.54 1.05007L4.77 5.82007L0 1.05007L1.065 6.84895e-05L4.77 3.70507Z" fill="%23009746"/></svg>');
  width: 17px;
  height: 17px;
  background-size: 10px;
  right: 0;
  background-position: 0px 10px;
  background-repeat: no-repeat;
}
.bottom-header .drop-downs::after {
  transform: translateY(-4px);
  background-size: cover;
  background-repeat: no-repeat;
  background: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.77 3.70507L8.475 6.84895e-05L9.54 1.05007L4.77 5.82007L0 1.05007L1.065 6.84895e-05L4.77 3.70507Z" fill="black"/></svg>');
  width: 17px;
  height: 17px;
  background-size: 10px;
  background-position: 0px 10px;
  right: 0;
  background-repeat: no-repeat;
}

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

.scrolled {
  position: fixed;
  z-index: 99999999;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px -5px 24px 0px #878787;
}
@media (min-width: 992px) {
  .scrolled .brand {
    width: 150px;
  }
}
.scrolled .bottom-header .main-menu nav > ul > li a {
  color: #101010;
}
@media (min-width: 992px) {
  .scrolled .bottom-header ul li.drop-downs .mega {
    margin-top: 33px;
  }
}
@media (min-width: 1200px) {
  .scrolled .bottom-header ul li.drop-downs .mega {
    margin-top: 25px;
  }
}
@media (min-width: 1350px) {
  .scrolled .bottom-header ul li.drop-downs .mega {
    margin-top: 20px;
  }
}
@media (min-width: 1440px) {
  .scrolled .bottom-header ul li.drop-downs .mega {
    margin-top: 33px;
  }
}
@media (min-width: 1600px) {
  .scrolled .bottom-header ul li.drop-downs .mega {
    margin-top: 40px;
  }
}
@media (min-width: 1900px) {
  .scrolled .bottom-header ul li.drop-downs .mega {
    margin-top: 36px;
  }
}

.mobDropDown {
  position: relative;
}
.mobDropDown button {
  background-color: #009746;
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 27px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobDropDown button svg {
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}
.mobDropDown button.show svg {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}
.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: 20px;
  color: #009746;
}
.mobile_left_menu nav > ul a img {
  width: 80px;
  height: auto;
}
.mobile_left_menu nav > ul > li > ul {
  padding-left: 20px;
}
.mobile_left_menu nav > ul > li > ul > li {
  margin-bottom: 5px;
}

.mega-menu ul {
  height: 430px;
  overflow-y: auto;
}

.footer-top {
  background-color: #66B435;
}
.footer-top .text {
  color: #FFF;
  line-height: 140%;
  width: 100%;
  font-size: 21px;
}
@media (min-width: 768px) {
  .footer-top .text {
    width: 44.438%;
    font-size: 19px;
  }
}
@media (min-width: 992px) {
  .footer-top .text {
    font-size: 25px;
  }
}
@media (min-width: 1200px) {
  .footer-top .text {
    font-size: 28px;
  }
}
@media (min-width: 1360px) {
  .footer-top .text {
    font-size: 33px;
  }
}
@media (min-width: 1440px) {
  .footer-top .text {
    font-size: 35px;
  }
}
@media (min-width: 1600px) {
  .footer-top .text {
    font-size: 39px;
  }
}
@media (min-width: 1900px) {
  .footer-top .text {
    font-size: 46px;
  }
}
.footer-top .conact-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  text-align: right;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  gap: 10px;
  padding-top: 15px;
}
@media (min-width: 768px) {
  .footer-top .conact-info {
    width: 36.9%;
    padding-top: 7px;
    width: 45.9%;
  }
}
@media (min-width: 992px) {
  .footer-top .conact-info {
    padding-top: 8px;
    width: 36.9%;
  }
}
@media (min-width: 1200px) {
  .footer-top .conact-info {
    padding-top: 9px;
  }
}
@media (min-width: 1360px) {
  .footer-top .conact-info {
    padding-top: 10px;
  }
}
@media (min-width: 1440px) {
  .footer-top .conact-info {
    padding-top: 11px;
  }
}
@media (min-width: 1600px) {
  .footer-top .conact-info {
    padding-top: 12px;
  }
}
@media (min-width: 1900px) {
  .footer-top .conact-info {
    padding-top: 13px;
  }
}
.footer-top .conact-info p {
  height: -moz-fit-content;
  height: fit-content;
}
.footer-top .conact-info .btn {
  min-width: 165px;
  gap: 0;
}
@media (min-width: 768px) {
  .footer-top .conact-info .btn {
    min-width: 148px;
  }
}
@media (min-width: 992px) {
  .footer-top .conact-info .btn {
    min-width: 148px;
  }
}
@media (min-width: 1200px) {
  .footer-top .conact-info .btn {
    min-width: 160px;
  }
}
@media (min-width: 1360px) {
  .footer-top .conact-info .btn {
    min-width: 165px;
  }
}
@media (min-width: 1440px) {
  .footer-top .conact-info .btn {
    min-width: 180px;
  }
}
@media (min-width: 1600px) {
  .footer-top .conact-info .btn {
    min-width: 190px;
  }
}
@media (min-width: 1900px) {
  .footer-top .conact-info .btn {
    min-width: 238px;
  }
}
.footer-top .conact-info .btn i {
  background-color: #fff;
}
.footer-top .conact-info .btn:hover {
  background-color: #92EC59;
  color: #101010;
}
.footer-top .conact-info .btn:hover i {
  background-color: #fff;
}
.footer-top .conact-info .callUs {
  width: 100%;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 768px) {
  .footer-top .conact-info .callUs {
    width: 51%;
  }
}
.footer-top .conact-info .callUs a {
  text-align: left;
  width: 100%;
  color: #fff;
  font-size: 19px;
}
@media (min-width: 768px) {
  .footer-top .conact-info .callUs a {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .footer-top .conact-info .callUs a {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .footer-top .conact-info .callUs a {
    font-size: 22px;
  }
}
@media (min-width: 1360px) {
  .footer-top .conact-info .callUs a {
    font-size: 25px;
  }
}
@media (min-width: 1440px) {
  .footer-top .conact-info .callUs a {
    font-size: 28px;
  }
}
@media (min-width: 1600px) {
  .footer-top .conact-info .callUs a {
    font-size: 31px;
  }
}
@media (min-width: 1900px) {
  .footer-top .conact-info .callUs a {
    font-size: 36px;
  }
}
.footer-top .conact-info .callUs div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-top .conact-info .callUs div svg {
  height: auto;
  width: 15px;
}
@media (min-width: 992px) {
  .footer-top .conact-info .callUs div svg {
    width: 20px;
  }
}
@media (min-width: 1200px) {
  .footer-top .conact-info .callUs div {
    gap: 15px;
  }
}
@media (min-width: 1360px) {
  .footer-top .conact-info .callUs div {
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .footer-top .conact-info .callUs div {
    gap: 17px;
  }
}
@media (min-width: 1600px) {
  .footer-top .conact-info .callUs div {
    gap: 18px;
  }
}
@media (min-width: 1900px) {
  .footer-top .conact-info .callUs div {
    gap: 20px;
  }
}
.footer-top .conact-info .callUs div p {
  color: #fff;
}

footer {
  padding-top: 50px;
}
@media (min-width: 1200px) {
  footer {
    padding-top: 60px;
  }
}
@media (min-width: 1360px) {
  footer {
    padding-top: 70px;
  }
}
@media (min-width: 1440px) {
  footer {
    padding-top: 80px;
  }
}
@media (min-width: 1600px) {
  footer {
    padding-top: 85px;
  }
}
@media (min-width: 1900px) {
  footer {
    padding-top: 95px;
  }
}
footer .brand {
  margin-bottom: 10px;
  width: 100px;
}
@media (min-width: 992px) {
  footer .brand {
    width: 42.297%;
  }
}
@media (min-width: 1200px) {
  footer .brand {
    margin-bottom: 12px;
  }
}
@media (min-width: 1360px) {
  footer .brand {
    margin-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  footer .brand {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  footer .brand {
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  footer .brand {
    margin-bottom: 20px;
  }
}
footer .brand img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  footer .address {
    padding-top: 4.56%;
  }
}
footer strong {
  color: #009746;
  line-height: 133.333%;
  width: 100%;
  display: block;
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 19px;
}
@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: 30px;
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  footer strong {
    margin-bottom: 35px;
    font-size: 24px;
  }
}
@media (min-width: 1600px) {
  footer strong {
    margin-bottom: 38px;
    font-size: 26px;
  }
}
@media (min-width: 1900px) {
  footer strong {
    margin-bottom: 40px;
    font-size: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .phone div {
    width: 100% !important;
    flex-wrap: wrap;
  }
  footer .phone a {
    width: 100%;
  }
}
footer .address {
  width: 100%;
}
@media (max-width: 767px) {
  footer .address {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  footer .address {
    width: 37.24%;
  }
}
@media (min-width: 992px) {
  footer .address {
    width: 23.431%;
  }
}
footer .footer-about {
  text-align: center;
  width: 100%;
  margin: auto;
}
@media (min-width: 992px) {
  footer .footer-about {
    width: 65.776%;
  }
}
footer .footer-about a {
  display: block;
  width: 100px;
  margin: auto;
}
@media (min-width: 992px) {
  footer .footer-about a {
    width: 115px;
  }
}
@media (min-width: 1360px) {
  footer .footer-about a {
    width: 125px;
  }
}
@media (min-width: 1440px) {
  footer .footer-about a {
    width: 145px;
  }
}
@media (min-width: 1600px) {
  footer .footer-about a {
    width: 155px;
  }
}
@media (min-width: 1900px) {
  footer .footer-about a {
    width: 165px;
  }
}
footer .footer-about a img {
  width: 100%;
  height: auto;
}
footer .footer-about div {
  margin-top: 15px;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  footer .footer-about div {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1360px) {
  footer .footer-about div {
    margin-top: 24px;
    margin-bottom: 34px;
  }
}
@media (min-width: 1440px) {
  footer .footer-about div {
    margin-top: 26px;
    margin-bottom: 36px;
  }
}
@media (min-width: 1600px) {
  footer .footer-about div {
    margin-top: 28px;
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  footer .footer-about div {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
footer .links {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  footer .links {
    padding-bottom: 41px;
  }
}
footer .links ul {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  footer .links ul {
    flex-wrap: wrap;
    gap: 10px;
  }
}
footer .links ul li {
  padding: 0px 14px;
  position: relative;
}
@media (min-width: 768px) {
  footer .links ul li {
    padding: 0px 6.0799%;
  }
}
footer .links ul li::after {
  width: 1px;
  height: 100%;
  background: #D9D9D9;
  right: 0;
  top: 0;
}
footer .links ul li:first-child {
  padding-left: 0;
}
footer .links ul li:last-child {
  padding-right: 0;
}
footer .links ul li:last-child::after {
  background: unset;
}
footer .links a {
  position: relative;
  color: #101010;
  transition: 0.5s ease all;
}
footer .links a:hover {
  color: #009746;
}
footer .address a {
  color: #666;
}
@media (min-width: 1900px) {
  footer .address a {
    font-size: 18px;
  }
}
footer .address li {
  display: flex;
  margin-bottom: 10px;
  transition: 0.5s ease all;
  gap: 10.06px;
}
@media (min-width: 768px) {
  footer .address li {
    margin-bottom: 15px;
  }
}
@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;
  position: relative;
  top: -4px;
}
footer .address li div {
  display: flex;
  width: 90%;
}
@media (max-width: 1299px) {
  footer .address li div {
    flex-wrap: wrap;
  }
  footer .address li div a {
    width: 100%;
  }
}
@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: 100%;
  }
}
footer .container-fluid {
  background: #009746;
  padding: 20px 0px;
}
@media (min-width: 1200px) {
  footer .container-fluid {
    padding: 15px 0px;
  }
}
@media (min-width: 1360px) {
  footer .container-fluid {
    padding: 20px 0px;
  }
}
@media (min-width: 1440px) {
  footer .container-fluid {
    padding: 22px 0px;
  }
}
@media (min-width: 1600px) {
  footer .container-fluid {
    padding: 26px 0px;
  }
}
@media (min-width: 1900px) {
  footer .container-fluid {
    padding: 28px 0px;
  }
}
footer .container-fluid ul {
  gap: 0px 10px;
}
@media (min-width: 768px) {
  footer .container-fluid ul {
    gap: 0px 12px;
  }
}
@media (min-width: 992px) {
  footer .container-fluid ul {
    gap: 0px 15px;
  }
}
@media (min-width: 1200px) {
  footer .container-fluid ul {
    gap: 0px 20px;
  }
}
footer .container-fluid > .container-ctn > .d-flex a svg {
  position: relative;
  top: 0;
  transition: 0.5s ease all;
}
footer .container-fluid > .container-ctn > .d-flex a:hover svg {
  top: -10px;
  transition: 0.5s ease all;
}
@media (max-width: 767px) {
  footer .container-fluid {
    text-align: center;
  }
  footer .container-fluid > .container-ctn > .d-flex {
    gap: 5px;
  }
  footer .container-fluid .d-flex {
    flex-wrap: wrap;
    justify-content: center !important;
  }
}
footer .container-fluid p {
  color: #fff;
}
@media (max-width: 767px) {
  footer .container-fluid p {
    line-height: 30px;
    font-size: 14px;
    width: 100%;
  }
}
footer .container-fluid p span {
  border-left: 1px solid #fff;
  margin-left: 10px;
  padding-left: 10px;
}
@media (min-width: 1200px) {
  footer .container-fluid p span {
    margin-left: 15px;
    padding-left: 25px;
  }
}
@media (min-width: 1440px) {
  footer .container-fluid p span {
    margin-left: 20px;
    padding-left: 35px;
  }
}
@media (min-width: 1900px) {
  footer .container-fluid p span {
    margin-left: 24px;
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  footer .container-fluid p span {
    display: none;
  }
}
footer .container-fluid p a {
  color: #fff;
}
footer .container-fluid p a:hover {
  color: #92EC59;
}

.brands {
  margin-bottom: 20px;
  gap: 12px;
}
@media (max-width: 991px) {
  .brands {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .brands {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .brands {
    margin-bottom: 36px;
    gap: 14px;
  }
}
@media (min-width: 1360px) {
  .brands {
    margin-bottom: 38px;
    gap: 15px;
  }
}
@media (min-width: 1440px) {
  .brands {
    margin-bottom: 40px;
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .brands {
    margin-bottom: 42px;
    gap: 17px;
  }
}
@media (min-width: 1900px) {
  .brands {
    margin-bottom: 45px;
    gap: 18px;
  }
}
.brands img {
  height: auto;
  width: 200px;
}
@media (min-width: 992px) {
  .brands img {
    width: 240px;
  }
}
@media (min-width: 1200px) {
  .brands img {
    width: 250px;
  }
}
@media (min-width: 1360px) {
  .brands img {
    width: 260px;
  }
}
@media (min-width: 1440px) {
  .brands img {
    width: 270px;
  }
}
@media (min-width: 1600px) {
  .brands img {
    width: 280px;
  }
}
@media (min-width: 1900px) {
  .brands img {
    width: 290px;
  }
}

.contact-info-footer {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .contact-info-footer {
    gap: 15px;
  }
}
@media (min-width: 1200px) {
  .contact-info-footer {
    grid-column-gap: 150px;
    margin-bottom: 65px;
  }
}
@media (min-width: 1360px) {
  .contact-info-footer {
    margin-bottom: 75px;
  }
}
@media (min-width: 1440px) {
  .contact-info-footer {
    margin-bottom: 80px;
  }
}
@media (min-width: 1600px) {
  .contact-info-footer {
    margin-bottom: 90px;
  }
}
@media (min-width: 1900px) {
  .contact-info-footer {
    margin-bottom: 100px;
  }
}
.contact-info-footer div {
  display: grid;
  text-align: center;
}
.contact-info-footer div i {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .contact-info-footer div i {
    margin-bottom: 20px;
  }
}
.contact-info-footer div i svg {
  height: auto;
  width: 25px;
  height: auto;
}
@media (min-width: 992px) {
  .contact-info-footer div i svg {
    width: 28px;
  }
}
@media (min-width: 1200px) {
  .contact-info-footer div i svg {
    width: 30px;
  }
}
@media (min-width: 1360px) {
  .contact-info-footer div i svg {
    width: 33px;
  }
}
@media (min-width: 1440px) {
  .contact-info-footer div i svg {
    width: 36px;
  }
}
@media (min-width: 1600px) {
  .contact-info-footer div i svg {
    width: 38px;
  }
}
@media (min-width: 1900px) {
  .contact-info-footer div i svg {
    width: 40px;
  }
}
.contact-info-footer div i, .contact-info-footer div a {
  display: block;
  color: #666;
}
.contact-info-footer div a:hover {
  color: #92EC59;
}
.contact-info-footer div:hover i path {
  fill: #92EC59;
}

.career-info h3 {
  text-transform: uppercase;
  color: #101010;
  margin-bottom: 10px;
  font-family: Poppins;
}
.career-info ul {
  gap: 5px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .career-info ul {
    gap: 10px;
  }
}
.career-info li {
  align-items: center;
  gap: 3px;
  border: 1px solid #575757;
  border-radius: 30px;
  padding: 4px 8px 4px 4px;
}
@media (min-width: 768px) {
  .career-info li {
    gap: 10px;
    padding: 4px 20px 4px 4px;
  }
}
@media (min-width: 1200px) {
  .career-info li {
    padding: 5px 24px 5px 5px;
  }
}
@media (min-width: 1600px) {
  .career-info li {
    padding: 9px 28px 9px 9px;
  }
}
@media (min-width: 1900px) {
  .career-info li {
    padding: 10px 30px 10px 10px;
  }
}
.career-info li i {
  transition: 0.5s ease all;
  border-radius: 50%;
  background: rgba(193, 193, 193, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
@media (min-width: 576px) {
  .career-info li i {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 575px) {
  .career-info li p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .career-info li svg {
    width: 16px;
    height: auto;
  }
}
.career-info path {
  transition: 0.5s ease all;
}

.career .nav-pills {
  flex-wrap: nowrap;
  gap: 5px;
  overflow-y: auto;
  width: 100%;
  border-bottom: 1px solid #c1c1c1;
}
.career .nav-pills::-webkit-scrollbar-track {
  background-color: #fff;
}
.career .nav-pills::-webkit-scrollbar {
  height: 5px;
}
.career .nav-pills::-webkit-scrollbar-thumb {
  background-color: #009746;
  height: 5px;
}
.career .nav-pills button {
  color: #575757;
  min-width: 100px;
  max-width: 1400px;
  border-radius: 20px;
  padding: 10px;
}
@media (min-width: 768px) {
  .career .nav-pills button {
    min-width: 196px;
    padding: 12px;
  }
}
@media (min-width: 992px) {
  .career .nav-pills button {
    min-width: 196px;
    padding: 12px;
  }
}
@media (min-width: 1200px) {
  .career .nav-pills button {
    min-width: 206px;
    padding: 14px;
  }
}
@media (min-width: 1600px) {
  .career .nav-pills button {
    min-width: 239px;
    padding: 18px;
  }
}
@media (min-width: 1900px) {
  .career .nav-pills button {
    padding: 20px;
    min-width: 294px;
    font-size: 20px;
  }
}
.career .nav-pills button.active {
  background-color: #009746;
  color: #fff;
}
@media (min-width: 1200px) {
  .career .nav-pills li {
    margin-bottom: 14px;
  }
}
.career .container-ctn > a {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .career .container-ctn > a {
    margin: auto;
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .career .container-ctn > a {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .career .container-ctn > a {
    margin-top: 55px;
  }
}
@media (min-width: 1200px) {
  .career .container-ctn > a {
    margin-top: 60px;
  }
}
@media (min-width: 1440px) {
  .career .container-ctn > a {
    margin-top: 70px;
  }
}
@media (min-width: 1600px) {
  .career .container-ctn > a {
    margin-top: 75px;
  }
}
@media (min-width: 1900px) {
  .career .container-ctn > a {
    margin-top: 80px;
  }
}
.career .heading + p {
  width: 82.56%;
  margin-bottom: 20px;
}
.career .accordion-item {
  border-radius: 0;
  border: unset;
}
.career .accordion-item:first-child button {
  border-top: unset;
}
.career .accordion-button {
  transition: 0.5s ease all;
  border-radius: 0 !important;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  background: unset;
  box-shadow: unset;
  padding: 20px 0px 8px 0px;
}
@media (min-width: 768px) {
  .career .accordion-button {
    padding: 26px 0px 10px 0px;
  }
}
@media (min-width: 992px) {
  .career .accordion-button {
    padding: 30px 0px 12px 0px;
  }
}
@media (min-width: 1200px) {
  .career .accordion-button {
    padding: 33px 0px 14px 0px;
  }
}
@media (min-width: 1440px) {
  .career .accordion-button {
    padding: 36px 0px 16px 0px;
  }
}
@media (min-width: 1600px) {
  .career .accordion-button {
    padding: 38px 0px 18px 0px;
  }
}
@media (min-width: 1900px) {
  .career .accordion-button {
    padding: 40px 0px 20px 0px;
  }
}
.career .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;
}
@media (min-width: 768px) {
  .career .accordion-button::after {
    position: absolute;
    right: 0;
    top: 40px;
    background-size: 33px;
    width: 33px;
    height: 33px;
  }
}
@media (min-width: 992px) {
  .career .accordion-button::after {
    background-size: 36px;
    width: 36px;
    height: 36px;
  }
}
@media (min-width: 1200px) {
  .career .accordion-button::after {
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1440px) {
  .career .accordion-button::after {
    background-size: 44px;
    width: 44px;
    height: 44px;
  }
}
@media (min-width: 1600px) {
  .career .accordion-button::after {
    background-size: 48px;
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1900px) {
  .career .accordion-button::after {
    background-size: 50px;
    width: 50px;
    height: 50px;
  }
}
.career .accordion-button:not(.collapsed) {
  border: unset;
  transition: 0.5s ease all;
}
.career .accordion-button:not(.collapsed) .career-info li i {
  background-color: #101010;
  transition: 0.5s ease all;
}
.career .accordion-button:not(.collapsed) .career-info li i path {
  fill: #fff;
  transition: 0.5s ease all;
}
.career .accordion {
  width: 100%;
}
.career .accordion-body {
  padding: 0;
}
.career .accordion-body span {
  display: block;
  color: #101010;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  margin-top: 25px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .career .accordion-body span {
    font-size: 18px;
    line-height: 18px;
    margin-top: 35px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .career .accordion-body span {
    font-size: 20px;
    line-height: 20px;
    margin-top: 45px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1440px) {
  .career .accordion-body span {
    font-size: 24px;
    line-height: 34px;
    margin-top: 52px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .career .accordion-body span {
    font-size: 26px;
    line-height: 38px;
    margin-top: 58px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .career .accordion-body span {
    font-size: 28px;
    line-height: 40px;
    margin-top: 60px;
    margin-bottom: 20px;
  }
}
.career .accordion-body p + p,
.career .accordion-body p + ul,
.career .accordion-body ul + p {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 24px;
  }
}
@media (min-width: 992px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 36px;
  }
}
@media (min-width: 1600px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) {
  .career .accordion-body p + p,
  .career .accordion-body p + ul,
  .career .accordion-body ul + p {
    margin-top: 40px;
  }
}
.career .accordion-body .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 60px;
}
.career .accordion-body ul {
  display: flex;
  flex-wrap: wrap;
}
.career .accordion-body ul li {
  width: 100%;
}
@media (min-width: 576px) {
  .career .accordion-body ul li {
    width: 49.3%;
  }
}
@media (min-width: 1200px) {
  .career .accordion-body ul li {
    width: 33.3%;
  }
}

.career-info ul,
.career-info ul li {
  display: flex;
}

.careerApply {
  z-index: 99999999;
  background: rgba(0, 151, 70, 0.9);
}
.careerApply button.btn-close {
  background: unset;
  z-index: 3;
  position: absolute;
  right: 10px;
  top: -20px;
}
@media (min-width: 768px) {
  .careerApply button.btn-close {
    right: -30px;
    top: -50px;
  }
}
@media (min-width: 992px) {
  .careerApply button.btn-close {
    right: -40px;
  }
}
@media (min-width: 1200px) {
  .careerApply button.btn-close {
    right: 20px;
  }
}
.careerApply button.btn-close:hover path {
  fill: #F1582C;
}
.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%;
  }
}
@media (min-width: 992px) {
  .careerApply .modal-dialog picture {
    width: 50%;
  }
}
.careerApply .modal-dialog picture img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
@media (max-width: 575px) {
  .careerApply .error-message {
    bottom: -19px;
  }
}
.careerApply .careerPopupBox .file-upload {
  margin-top: 20px;
  gap: 0;
}
.careerApply .careerPopupBox > div {
  padding: 20px;
  width: 100%;
}
@media (max-width: 575px) {
  .careerApply .careerPopupBox > div {
    background: rgba(255, 255, 255, 0.7803921569);
    z-index: 1;
  }
}
@media (min-width: 576px) {
  .careerApply .careerPopupBox > div {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .careerApply .careerPopupBox > div {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .careerApply .careerPopupBox > div {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .careerApply .careerPopupBox > div {
    width: 60%;
    padding: 23px 38px;
  }
}
@media (min-width: 1440px) {
  .careerApply .careerPopupBox > div {
    width: 50%;
    padding: 25px 40px;
  }
}
.careerApply .careerPopupBox p {
  color: #231720;
  font-family: Montserrat;
  font-weight: 700;
  line-height: normal;
  font-size: 18px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .careerApply .careerPopupBox p {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .careerApply .careerPopupBox p {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .careerApply .careerPopupBox p {
    margin-bottom: 29px;
  }
}
.careerApply .careerPopupBox .formGroup {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .careerApply .careerPopupBox .formGroup {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .careerApply .careerPopupBox .formGroup {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .careerApply .careerPopupBox .formGroup {
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .careerApply .careerPopupBox .formGroup {
    margin-bottom: 30px;
  }
}
.careerApply .careerPopupBox .formGroup label,
.careerApply .careerPopupBox .formGroup input,
.careerApply .careerPopupBox .formGroup textarea,
.careerApply .careerPopupBox .formGroup select {
  width: 100%;
}
.careerApply .careerPopupBox .formGroup input,
.careerApply .careerPopupBox .formGroup textarea,
.careerApply .careerPopupBox .formGroup select {
  border-radius: 0;
  border: unset;
  border-bottom: 1px solid #999;
  background-color: transparent;
}
@media (min-width: 992px) {
  .careerApply .careerPopupBox .formGroup input,
  .careerApply .careerPopupBox .formGroup textarea,
  .careerApply .careerPopupBox .formGroup select {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .careerApply .careerPopupBox .formGroup input,
  .careerApply .careerPopupBox .formGroup textarea,
  .careerApply .careerPopupBox .formGroup select {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .careerApply .careerPopupBox .formGroup input,
  .careerApply .careerPopupBox .formGroup textarea,
  .careerApply .careerPopupBox .formGroup select {
    font-size: 19px;
  }
}
.careerApply .careerPopupBox .formGroup input:focus,
.careerApply .careerPopupBox .formGroup textarea:focus,
.careerApply .careerPopupBox .formGroup select:focus {
  outline: unset;
}
.careerApply .careerPopupBox .formGroup textarea {
  width: 100%;
  resize: none;
}
@media (min-width: 1200px) {
  .careerApply .careerPopupBox form > button {
    position: relative;
    top: 10px;
    min-width: 140px;
  }
}
.careerApply .careerPopupBox .iti {
  border-bottom: 1px solid #999;
  padding-left: 52px;
}
.careerApply .careerPopupBox .iti input {
  border: unset;
}

.clientPortal {
  z-index: 99999999;
  background: rgba(0, 151, 70, 0.9);
}
.clientPortal h2 {
  margin: 20px 0px 10px 0px;
}
@media (min-width: 1200px) {
  .clientPortal h2 {
    margin: 30px 0px 12px 0px;
  }
}
@media (min-width: 1360px) {
  .clientPortal h2 {
    margin: 34px 0px 14px 0px;
  }
}
@media (min-width: 1440px) {
  .clientPortal h2 {
    margin: 36px 0px 16px 0px;
  }
}
@media (min-width: 1600px) {
  .clientPortal h2 {
    margin: 38px 0px 18px 0px;
  }
}
@media (min-width: 1900px) {
  .clientPortal h2 {
    margin: 40px 0px 20px 0px;
  }
}
.clientPortal button.btn-close {
  background: unset;
  z-index: 3;
  position: absolute;
  right: 10px;
  top: -40px;
}
@media (min-width: 768px) {
  .clientPortal button.btn-close {
    right: -30px;
    top: -50px;
  }
}
@media (min-width: 992px) {
  .clientPortal button.btn-close {
    right: -40px;
  }
}
@media (min-width: 1200px) {
  .clientPortal button.btn-close {
    right: 20px;
  }
}
.clientPortal button.btn-close:hover path {
  fill: #F1582C;
}
.clientPortal button.btn-close svg {
  height: auto;
  width: 30px;
}
@media (min-width: 1200px) {
  .clientPortal button.btn-close svg {
    width: 40px;
  }
}
.clientPortal .modal-dialog {
  max-width: 600px;
}
.clientPortal .modal-dialog .modal-content {
  padding: 20px;
}
@media (min-width: 992px) {
  .clientPortal .modal-dialog .modal-content {
    padding: 75px 60px;
  }
}
@media (min-width: 1200px) {
  .clientPortal .modal-dialog .modal-content {
    padding: 78px 63px;
  }
}
@media (min-width: 1360px) {
  .clientPortal .modal-dialog .modal-content {
    padding: 80px 65px;
  }
}
@media (min-width: 1440px) {
  .clientPortal .modal-dialog .modal-content {
    padding: 85px 70px;
  }
}
@media (min-width: 1600px) {
  .clientPortal .modal-dialog .modal-content {
    padding: 90px 75px;
  }
}
@media (min-width: 1900px) {
  .clientPortal .modal-dialog .modal-content {
    padding: 100px 80px;
  }
}
@media (min-width: 768px) {
  .clientPortal .modal-dialog {
    max-width: 650px;
  }
}
@media (min-width: 992px) {
  .clientPortal .modal-dialog {
    max-width: 550px;
  }
}
@media (min-width: 1200px) {
  .clientPortal .modal-dialog {
    max-width: 520px;
  }
}
@media (min-width: 1360px) {
  .clientPortal .modal-dialog {
    max-width: 550px;
  }
}
@media (min-width: 1440px) {
  .clientPortal .modal-dialog {
    max-width: 600px;
  }
}
@media (min-width: 1600px) {
  .clientPortal .modal-dialog {
    max-width: 650px;
  }
}
@media (min-width: 1900px) {
  .clientPortal .modal-dialog {
    max-width: 700px;
  }
}
@media (min-width: 576px) and (max-width: 1199px) {
  .clientPortal .modal-dialog picture {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .clientPortal .modal-dialog picture {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .clientPortal .modal-dialog picture {
    width: 50%;
  }
}
.clientPortal .modal-dialog picture img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
@media (max-width: 575px) {
  .clientPortal .error-message {
    bottom: -19px;
  }
}
.clientPortal .careerPopupBox .file-upload {
  margin-top: 20px;
  gap: 0;
}
.clientPortal .careerPopupBox > div {
  width: 100%;
}
@media (max-width: 575px) {
  .clientPortal .careerPopupBox > div {
    background: rgba(255, 255, 255, 0.7803921569);
    z-index: 1;
  }
}
.clientPortal .careerPopupBox label {
  margin-bottom: 5px;
}
.clientPortal .careerPopupBox .formGroup {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .clientPortal .careerPopupBox .formGroup {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .clientPortal .careerPopupBox .formGroup {
    margin-bottom: 21px;
  }
}
.clientPortal .careerPopupBox .formGroup label,
.clientPortal .careerPopupBox .formGroup input,
.clientPortal .careerPopupBox .formGroup textarea,
.clientPortal .careerPopupBox .formGroup select {
  width: 100%;
}
.clientPortal .careerPopupBox .formGroup input,
.clientPortal .careerPopupBox .formGroup textarea,
.clientPortal .careerPopupBox .formGroup select {
  padding-left: 30px;
  border-radius: 0;
  border: unset;
  border-bottom: 1px solid #999;
  background-color: transparent;
}
@media (min-width: 992px) {
  .clientPortal .careerPopupBox .formGroup input,
  .clientPortal .careerPopupBox .formGroup textarea,
  .clientPortal .careerPopupBox .formGroup select {
    padding-left: 7.399%;
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .clientPortal .careerPopupBox .formGroup input,
  .clientPortal .careerPopupBox .formGroup textarea,
  .clientPortal .careerPopupBox .formGroup select {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .clientPortal .careerPopupBox .formGroup input,
  .clientPortal .careerPopupBox .formGroup textarea,
  .clientPortal .careerPopupBox .formGroup select {
    font-size: 19px;
  }
}
.clientPortal .careerPopupBox .formGroup input:focus,
.clientPortal .careerPopupBox .formGroup textarea:focus,
.clientPortal .careerPopupBox .formGroup select:focus {
  outline: unset;
}
.clientPortal .careerPopupBox .formGroup textarea {
  width: 100%;
  resize: none;
}
.clientPortal .careerPopupBox .formGroup svg {
  position: absolute;
  left: px;
}
@media (min-width: 992px) {
  .clientPortal .careerPopupBox .formGroup svg {
    left: 2%;
  }
}
.clientPortal .careerPopupBox form {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .clientPortal .careerPopupBox form {
    margin-top: 28px;
  }
}
@media (min-width: 1360px) {
  .clientPortal .careerPopupBox form {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) {
  .clientPortal .careerPopupBox form {
    margin-top: 36px;
  }
}
@media (min-width: 1600px) {
  .clientPortal .careerPopupBox form {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) {
  .clientPortal .careerPopupBox form {
    margin-top: 40px;
  }
}
.clientPortal .careerPopupBox form > button {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
@media (min-width: 1200px) {
  .clientPortal .careerPopupBox form > button {
    position: relative;
    top: 10px;
    min-width: 140px;
  }
}
.clientPortal .careerPopupBox .iti {
  border-bottom: 1px solid #999;
  padding-left: 52px;
}
.clientPortal .careerPopupBox .iti input {
  border: unset;
}

@keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.our-features picture {
  animation: float 3s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  animation: fadeInUp 1s ease-in-out;
}

@keyframes highlight {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.founder-row img {
  animation: float 3s ease-in-out infinite;
}

@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);
  }
}
@keyframes rotate3D {
  0% {
    transform: rotateY(0deg) rotateX(0deg);
  }
  50% {
    transform: rotateY(180deg) rotateX(180deg);
  }
  100% {
    transform: rotateY(360deg) rotateX(360deg);
  }
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes lightSpeedInRight {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}

.banner {
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .banner {
    padding-top: 100px;
    padding-bottom: 137px;
  }
}
@media (min-width: 992px) {
  .banner {
    padding-top: 130px;
    padding-bottom: 187px;
  }
}
@media (min-width: 1200px) {
  .banner {
    padding-top: 180px;
    padding-bottom: 206px;
  }
}
@media (min-width: 1280px) {
  .banner {
    padding-top: 190px;
    padding-bottom: 222px;
  }
}
@media (min-width: 1360px) {
  .banner {
    padding-top: 200px;
    padding-bottom: 237px;
  }
}
@media (min-width: 1440px) {
  .banner {
    padding-top: 190px;
    padding-bottom: 254px;
  }
}
@media (min-width: 1600px) {
  .banner {
    padding-top: 210px;
    padding-bottom: 287px;
  }
}
@media (min-width: 1900px) {
  .banner {
    padding-top: 260px;
    padding-bottom: 339px;
  }
}
.banner .container-ctn > ul {
  position: absolute;
  top: 0;
  left: -3px;
}
@media (min-width: 768px) {
  .banner .container-ctn > ul {
    top: 28%;
    transform: translateX(-120%);
    left: unset;
  }
}
@media (min-width: 1200px) {
  .banner .container-ctn > ul {
    transform: translateX(-160%);
  }
}
.banner .container-ctn > ul li {
  margin-bottom: 5px;
}
.banner .container-ctn > ul li:last-child {
  margin-bottom: 0;
}
.banner .container-ctn > ul li a:hover path {
  fill: #101010;
}
.banner img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner > picture {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .banner > picture {
    width: 71.093%;
  }
}
@media (max-width: 767px) {
  .banner > picture {
    height: 100%;
  }
  .banner > picture img {
    height: 100%;
  }
}
.banner > picture::after {
  width: 100%;
  height: 100%;
  background: rgba(12, 42, 26, 0.9);
  mix-blend-mode: multiply;
  top: 0;
  right: 0;
}
.banner::before {
  width: 100%;
  height: 83%;
  background-color: #009746;
  z-index: -1;
  bottom: 0;
  left: 0;
}
.banner .vector {
  z-index: 0;
  position: absolute;
  bottom: 0;
}
@media (max-width: 575px) {
  .banner .vector {
    display: none;
  }
}
.banner .contactInfo {
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
  position: relative;
  display: flex;
  gap: 3px;
}
@media (min-width: 992px) {
  .banner .contactInfo {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .banner .contactInfo {
    margin-top: 30px;
  }
  .banner .contactInfo svg path {
    fill: #fff;
  }
}
@media (max-width: 991px) {
  .banner .contactInfo {
    flex-wrap: wrap;
  }
  .banner .contactInfo a {
    width: 100%;
  }
}
.banner .contactInfo a {
  color: #fff;
}
.banner .contactInfo a:hover path {
  fill: #92EC59;
}
.banner .contactInfo svg {
  margin-right: 7px;
}

.banner-image-slider {
  width: 100%;
}
@media (max-width: 767px) {
  .banner-image-slider {
    padding-left: 30px;
  }
}
@media (min-width: 768px) {
  .banner-image-slider {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .banner-image-slider {
    width: 59.271%;
  }
}
@media (min-width: 768px) {
  .banner-image-slider::before {
    width: 100%;
    height: 100%;
    background-color: #009746;
    left: -15%;
    bottom: -25%;
    bottom: -100%;
  }
}
.banner-image-slider picture {
  transition: 0.5s ease all;
  transform: translateY(-100%);
}
.banner-image-slider picture.slick-current.slick-active {
  transition: 0.8s ease all !important;
  transform: translateY(0%);
}

.banner-text-slider-item {
  transform: rotateX(-90deg);
  transition: 0.5s ease all !important;
}
.banner-text-slider-item.slick-current.slick-active {
  transform: rotateX(0deg);
  transition: 1s ease all !important;
}

.banner-text-slider {
  width: 100%;
}
@media (max-width: 767px) {
  .banner-text-slider {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .banner-text-slider {
    width: 45%;
  }
}
@media (min-width: 992px) {
  .banner-text-slider {
    width: 36.2319%;
  }
}
.banner-text-slider .head h1, .banner-text-slider .head p {
  color: #fff;
}
.banner-text-slider h1 {
  line-height: 110%;
  font-size: 56px;
}
@media (min-width: 768px) {
  .banner-text-slider h1 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .banner-text-slider h1 {
    font-size: 53px;
  }
}
@media (min-width: 1200px) {
  .banner-text-slider h1 {
    font-size: 70px;
  }
}
@media (min-width: 1360px) {
  .banner-text-slider h1 {
    font-size: 81px;
  }
}
@media (min-width: 1440px) {
  .banner-text-slider h1 {
    font-size: 80px;
  }
}
@media (min-width: 1600px) {
  .banner-text-slider h1 {
    font-size: 95px;
  }
}
@media (min-width: 1900px) {
  .banner-text-slider h1 {
    font-size: 100px;
  }
}
.banner-text-slider p {
  position: relative;
  padding-left: 45px;
}
.banner-text-slider p::before {
  background-color: #009746;
  left: 0;
  top: 10px;
  border-radius: 5px;
  width: 25px;
  height: 3px;
}
@media (min-width: 768px) {
  .banner-text-slider p::before {
    border-radius: 10px;
    height: 4px;
    top: 12px;
    width: 25px;
  }
}
@media (min-width: 992px) {
  .banner-text-slider p::before {
    top: 15px;
    width: 30px;
  }
}
@media (min-width: 1200px) {
  .banner-text-slider p::before {
    top: 16px;
    width: 45px;
  }
}
@media (min-width: 1350px) {
  .banner-text-slider p::before {
    top: 16px;
    width: 55px;
  }
}
@media (min-width: 1440px) {
  .banner-text-slider p::before {
    top: 18px;
    width: 60px;
  }
}
@media (min-width: 1600px) {
  .banner-text-slider p::before {
    top: 18px;
    width: 65px;
  }
}
@media (min-width: 1900px) {
  .banner-text-slider p::before {
    top: 18px;
    width: 70px;
  }
}
@media (min-width: 768px) {
  .banner-text-slider p {
    padding-left: 40px;
  }
}
@media (min-width: 992px) {
  .banner-text-slider p {
    padding-left: 60px;
  }
}
@media (min-width: 1200px) {
  .banner-text-slider p {
    padding-left: 90px;
  }
}
@media (min-width: 1350px) {
  .banner-text-slider p {
    padding-left: 100px;
  }
}
@media (min-width: 1440px) {
  .banner-text-slider p {
    padding-left: 110px;
  }
}
@media (min-width: 1600px) {
  .banner-text-slider p {
    padding-left: 120px;
  }
}
@media (min-width: 1900px) {
  .banner-text-slider p {
    padding-left: 130px;
  }
}
.banner-text-slider .btn {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .banner-text-slider .btn {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .banner-text-slider .btn {
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  .banner-text-slider .btn {
    margin-top: 33px;
  }
}
@media (min-width: 1360px) {
  .banner-text-slider .btn {
    margin-top: 35px;
  }
}
@media (min-width: 1440px) {
  .banner-text-slider .btn {
    margin-top: 45px;
  }
}
@media (min-width: 1600px) {
  .banner-text-slider .btn {
    margin-top: 50px;
  }
}
@media (min-width: 1900px) {
  .banner-text-slider .btn {
    margin-top: 60px;
  }
}

.custom-slick-dots {
  position: absolute;
  right: 50%;
}
@media (min-width: 992px) {
  .custom-slick-dots {
    right: 42%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .custom-slick-dots {
    margin-top: -15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .custom-slick-dots {
    margin-top: -10px;
  }
}
.custom-slick-dots ul {
  position: initial;
  width: 100%;
  transform: translateX(0);
}
.custom-slick-dots ul li {
  align-items: end;
}

.our-brands {
  background-color: #009746;
}
.our-brands h2, .our-brands p {
  color: #fff;
}
.our-brands .head {
  width: 100%;
}
@media (max-width: 767px) {
  .our-brands .head {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .our-brands .head {
    width: 35%;
  }
}
@media (min-width: 992px) {
  .our-brands .head {
    width: 23.952%;
  }
}
.our-brands .head span {
  color: #92EC59;
}
.our-brands .brand-slider {
  width: 100%;
}
@media (min-width: 768px) {
  .our-brands .brand-slider {
    width: 60%;
  }
}
@media (min-width: 992px) {
  .our-brands .brand-slider {
    width: 71.125%;
  }
}
.our-brands .brand-slider picture {
  padding: 7px 12px;
  background-color: #fff;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .our-brands .brand-slider picture {
    padding: 8px 13px;
  }
}
@media (min-width: 992px) {
  .our-brands .brand-slider picture {
    padding: 9px 14px;
  }
}
@media (min-width: 1200px) {
  .our-brands .brand-slider picture {
    padding: 10px 15px;
  }
}
@media (min-width: 1360px) {
  .our-brands .brand-slider picture {
    padding: 12px 17px;
  }
}
@media (min-width: 1440px) {
  .our-brands .brand-slider picture {
    padding: 13px 18px;
  }
}
@media (min-width: 1600px) {
  .our-brands .brand-slider picture {
    padding: 14px 19px;
  }
}
@media (min-width: 1900px) {
  .our-brands .brand-slider picture {
    padding: 15px 20px;
  }
}
.our-brands .brand-slider picture img {
  width: 100%;
}
.our-brands .slick-list {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 576px) {
  .our-brands .slick-list {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (min-width: 768px) {
  .our-brands .slick-list {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 992px) {
  .our-brands .slick-list {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1200px) {
  .our-brands .slick-list {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 1280px) {
  .our-brands .slick-list {
    margin-left: -28px;
    margin-right: -28px;
  }
}
@media (min-width: 1360px) {
  .our-brands .slick-list {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (min-width: 1440px) {
  .our-brands .slick-list {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (min-width: 1600px) {
  .our-brands .slick-list {
    margin-left: -42px;
    margin-right: -42px;
  }
}
@media (min-width: 1900px) {
  .our-brands .slick-list {
    margin-left: -45px;
    margin-right: -45px;
  }
}
.our-brands .brand-slider-item {
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 576px) {
  .our-brands .brand-slider-item {
    margin-left: 12px;
    margin-right: 12px;
  }
}
@media (min-width: 768px) {
  .our-brands .brand-slider-item {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  .our-brands .brand-slider-item {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1200px) {
  .our-brands .brand-slider-item {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 1280px) {
  .our-brands .brand-slider-item {
    margin-left: 28px;
    margin-right: 28px;
  }
}
@media (min-width: 1360px) {
  .our-brands .brand-slider-item {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (min-width: 1440px) {
  .our-brands .brand-slider-item {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (min-width: 1600px) {
  .our-brands .brand-slider-item {
    margin-left: 42px;
    margin-right: 42px;
  }
}
@media (min-width: 1900px) {
  .our-brands .brand-slider-item {
    margin-left: 45px;
    margin-right: 45px;
  }
}
.our-brands .brand-slider-item p {
  padding: 0px 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 20px;
  background-color: #009746;
}
@media (min-width: 768px) {
  .our-brands .brand-slider-item p {
    margin-top: 22px;
  }
}
@media (min-width: 992px) {
  .our-brands .brand-slider-item p {
    margin-top: 25px;
  }
}
@media (min-width: 1200px) {
  .our-brands .brand-slider-item p {
    margin-top: 30px;
  }
}
@media (min-width: 1360px) {
  .our-brands .brand-slider-item p {
    margin-top: 35px;
  }
}
@media (min-width: 1440px) {
  .our-brands .brand-slider-item p {
    margin-top: 40px;
  }
}
@media (min-width: 1600px) {
  .our-brands .brand-slider-item p {
    margin-top: 45px;
  }
}
@media (min-width: 1900px) {
  .our-brands .brand-slider-item p {
    margin-top: 50px;
  }
}
.our-brands .brand-slider-item .brand-name {
  position: relative;
}
.our-brands .brand-slider-item .brand-name::before {
  height: 1px;
  background-color: #92EC59;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.our-brands .brand-slider-item .btn {
  display: none;
  margin: auto;
}
.our-brands .brand-slider-item.slick-current.slick-active p, .our-brands .brand-slider-item:hover p {
  margin: 10px 0px;
  margin-left: auto;
  margin-right: auto;
}
.our-brands .brand-slider-item.slick-current.slick-active .btn, .our-brands .brand-slider-item:hover .btn {
  display: flex;
}

.about-home {
  overflow: hidden;
  background: #FAFAFD;
  padding-top: 50px;
  padding-bottom: 150px;
}
@media (min-width: 992px) {
  .about-home {
    padding-top: 40px;
    padding-bottom: 126px;
  }
}
@media (min-width: 1200px) {
  .about-home {
    padding-top: 70px;
    padding-bottom: 160px;
  }
}
@media (min-width: 1360px) {
  .about-home {
    padding-top: 80px;
    padding-bottom: 170px;
  }
}
@media (min-width: 1440px) {
  .about-home {
    padding-top: 85px;
    padding-bottom: 180px;
  }
}
@media (min-width: 1600px) {
  .about-home {
    padding-top: 90px;
    padding-bottom: 190px;
  }
}
@media (min-width: 1900px) {
  .about-home {
    padding-top: 100px;
    padding-bottom: 210px;
  }
}
.about-home > picture {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.about-home > picture img {
  height: auto;
  width: 100%;
}
@media (min-width: 992px) {
  .about-home > picture img {
    width: 50%;
  }
}
.about-home .container-ctn .d-flex {
  background-color: #fff;
  border-radius: 10px;
  z-index: 1;
  position: relative;
}
.about-home .container-ctn .d-flex picture {
  width: 100%;
}
@media (min-width: 992px) {
  .about-home .container-ctn .d-flex picture {
    width: 40.487%;
  }
}
.about-home .container-ctn .d-flex picture img {
  width: 100%;
  height: auto;
}

.about-content {
  width: 100%;
  padding: 30px 15px 250px 15px;
}
@media (min-width: 576px) {
  .about-content {
    padding: 30px 30px 100px 30px;
  }
}
@media (min-width: 992px) {
  .about-content {
    width: 55.441%;
    padding-right: 6.0799%;
    padding-top: 6.14%;
    padding-bottom: 13.374%;
  }
}
@media (max-width: 575px) {
  .about-content .btn {
    margin-top: 40px;
  }
}

.counterRow {
  overflow: hidden;
  background-color: #009746;
  align-items: flex-end;
  z-index: 1;
  margin: auto;
  border-radius: 20px;
  padding: 20px;
  width: 95%;
}
@media (min-width: 768px) {
  .counterRow {
    width: 100%;
    padding: 0px 3.0799% 0px 0px;
  }
}
@media (min-width: 992px) {
  .counterRow {
    padding: 0px 6.0799% 0px 0px;
  }
}
@media (min-width: 1200px) {
  .counterRow {
    border-radius: 30px;
  }
}
@media (min-width: 1360px) {
  .counterRow {
    border-radius: 35px;
  }
}
@media (min-width: 1440px) {
  .counterRow {
    border-radius: 40px;
  }
}
@media (min-width: 1600px) {
  .counterRow {
    border-radius: 45px;
  }
}
@media (min-width: 1900px) {
  .counterRow {
    border-radius: 50px;
  }
}
@media (max-width: 575px) {
  .counterRow > picture {
    width: 50%;
    margin-top: -20px;
    margin-left: -20px;
  }
}
@media (min-width: 768px) {
  .counterRow > picture {
    margin-bottom: 10px;
    width: 14%;
  }
}
@media (min-width: 992px) {
  .counterRow > picture {
    width: 19.547%;
  }
}
.counterRow > picture img {
  width: 100%;
  height: auto;
}
.counterRow .timer-col {
  gap: 20px;
  align-items: center;
  padding: 20px 0px 0px 0px;
}
@media (max-width: 767px) {
  .counterRow .timer-col {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .counterRow .timer-col {
    padding: 30px 0px;
  }
}
@media (min-width: 768px) {
  .counterRow .timer-col {
    padding: 25px 0px;
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .counterRow .timer-col {
    padding: 30px 0px;
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .counterRow .timer-col {
    padding: 35px 0px;
  }
}
@media (min-width: 1280px) {
  .counterRow .timer-col {
    padding: 40px 0px;
  }
}
@media (min-width: 1360px) {
  .counterRow .timer-col {
    padding: 45px 0px;
  }
}
@media (min-width: 1440px) {
  .counterRow .timer-col {
    padding: 52px 0px;
  }
}
@media (min-width: 1600px) {
  .counterRow .timer-col {
    padding: 55px 0px;
  }
}
@media (min-width: 1900px) {
  .counterRow .timer-col {
    padding: 60px 0px;
  }
}
.counterRow .timer-col picture {
  animation: float 3s ease-in-out infinite;
  background-color: #18B460;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
}
@media (min-width: 768px) {
  .counterRow .timer-col picture {
    width: 55px;
    height: 55px;
  }
}
@media (min-width: 992px) {
  .counterRow .timer-col picture {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1200px) {
  .counterRow .timer-col picture {
    width: 55px;
    height: 55px;
  }
}
@media (min-width: 1360px) {
  .counterRow .timer-col picture {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 1440px) {
  .counterRow .timer-col picture {
    width: 65px;
    height: 65px;
  }
}
@media (min-width: 1600px) {
  .counterRow .timer-col picture {
    width: 75px;
    height: 75px;
  }
}
@media (min-width: 1900px) {
  .counterRow .timer-col picture {
    width: 80px;
    height: 80px;
  }
}
.counterRow .timer-col picture img {
  height: auto;
  width: 33px;
}
@media (min-width: 768px) {
  .counterRow .timer-col picture img {
    width: 25px;
  }
}
@media (min-width: 992px) {
  .counterRow .timer-col picture img {
    width: 28px;
  }
}
@media (min-width: 1200px) {
  .counterRow .timer-col picture img {
    width: 30px;
  }
}
@media (min-width: 1360px) {
  .counterRow .timer-col picture img {
    width: 33px;
  }
}
@media (min-width: 1440px) {
  .counterRow .timer-col picture img {
    width: 36px;
  }
}
@media (min-width: 1600px) {
  .counterRow .timer-col picture img {
    width: 38px;
  }
}
@media (min-width: 1900px) {
  .counterRow .timer-col picture img {
    width: 40px;
  }
}
.counterRow .timer-col strong, .counterRow .timer-col span, .counterRow .timer-col p, .counterRow .timer-col sup {
  color: #fff;
}
.counterRow .timer-col strong, .counterRow .timer-col span {
  line-height: 100%;
  font-size: 30px;
}
@media (min-width: 576px) {
  .counterRow .timer-col strong, .counterRow .timer-col span {
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  .counterRow .timer-col strong, .counterRow .timer-col span {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .counterRow .timer-col strong, .counterRow .timer-col span {
    font-size: 45px;
  }
}
@media (min-width: 1360px) {
  .counterRow .timer-col strong, .counterRow .timer-col span {
    font-size: 45px;
  }
}
@media (min-width: 1440px) {
  .counterRow .timer-col strong, .counterRow .timer-col span {
    font-size: 55px;
  }
}
@media (min-width: 1600px) {
  .counterRow .timer-col strong, .counterRow .timer-col span {
    font-size: 60px;
  }
}
@media (min-width: 1900px) {
  .counterRow .timer-col strong, .counterRow .timer-col span {
    font-size: 70px;
  }
}
.counterRow .timer-col p {
  line-height: 166.667%;
  font-size: 16px;
}
@media (min-width: 768px) {
  .counterRow .timer-col p {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .counterRow .timer-col p {
    font-size: 16px;
  }
}
@media (min-width: 1360px) {
  .counterRow .timer-col p {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .counterRow .timer-col p {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .counterRow .timer-col p {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .counterRow .timer-col p {
    font-size: 24px;
  }
}
.counterRow .timer-col sup {
  font-size: 31px;
  position: absolute;
  top: 8px;
  transform: translateX(10px);
}
@media (min-width: 576px) {
  .counterRow .timer-col sup {
    font-size: 18px;
    top: 8px;
  }
}
@media (min-width: 768px) {
  .counterRow .timer-col sup {
    font-size: 20px;
    top: 18px;
  }
}
@media (min-width: 992px) {
  .counterRow .timer-col sup {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .counterRow .timer-col sup {
    font-size: 24px;
  }
}
@media (min-width: 1360px) {
  .counterRow .timer-col sup {
    font-size: 28px;
  }
}
@media (min-width: 1600px) {
  .counterRow .timer-col sup {
    font-size: 31px;
  }
}
.counterRow .data-box {
  position: relative;
}

.our-features .headSection {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .our-features .headSection {
    margin-bottom: 38px;
  }
}
@media (min-width: 1200px) {
  .our-features .headSection {
    margin-bottom: 44px;
  }
}
@media (min-width: 1360px) {
  .our-features .headSection {
    margin-bottom: 48px;
  }
}
@media (min-width: 1440px) {
  .our-features .headSection {
    margin-bottom: 52px;
  }
}
@media (min-width: 1600px) {
  .our-features .headSection {
    margin-bottom: 56px;
  }
}
@media (min-width: 1900px) {
  .our-features .headSection {
    margin-bottom: 60px;
  }
}
.our-features .headSection .head {
  width: 100%;
}
@media (min-width: 992px) {
  .our-features .headSection .head {
    width: 25.532%;
  }
}
.our-features .headSection .head + div {
  width: 100%;
}
@media (min-width: 992px) {
  .our-features .headSection .head + div {
    width: 66.0799%;
  }
}
.our-features .our-features-row {
  gap: 20px;
}
@media (min-width: 576px) {
  .our-features .our-features-row {
    gap: 3.55%;
  }
}
.our-features .our-features-col {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 576px) {
  .our-features .our-features-col {
    width: 30.943%;
  }
}
.our-features .our-features-col h3 {
  margin-bottom: 5px;
}
@media (min-width: 576px) {
  .our-features .our-features-col h3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .our-features .our-features-col h3 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1440px) {
  .our-features .our-features-col h3 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .our-features .our-features-col h3 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .our-features .our-features-col h3 {
    margin-bottom: 20px;
  }
}
.our-features picture {
  background-color: #66B435;
  border-radius: 50%;
  padding: 8px;
  width: 55px;
  height: 55px;
}
.our-features picture img {
  width: 100%;
  height: auto;
}
@media (min-width: 576px) {
  .our-features picture {
    padding: 7px;
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 992px) {
  .our-features picture {
    padding: 8px;
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1200px) {
  .our-features picture {
    padding: 9px;
    width: 55px;
    height: 55px;
  }
}
@media (min-width: 1360px) {
  .our-features picture {
    padding: 10px;
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 1440px) {
  .our-features picture {
    padding: 13px;
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 1600px) {
  .our-features picture {
    padding: 14px;
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1900px) {
  .our-features picture {
    padding: 15px;
    width: 100px;
    height: 100px;
  }
}
.our-features picture + div {
  width: 77.31%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .our-features picture + div {
    margin-top: 10px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .our-features picture + div {
    width: 77.31%;
  }
}

.testimonialSlider {
  margin-bottom: -23px;
  margin-top: 30px;
}
@media (min-width: 992px) {
  .testimonialSlider {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider {
    margin-top: 44px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider {
    margin-top: 48px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider {
    margin-top: 52px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider {
    margin-top: 56px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider {
    margin-top: 60px;
  }
}
.testimonialSlider .slick-list {
  margin: 0px -5px;
}
@media (min-width: 768px) {
  .testimonialSlider .slick-list {
    margin: 0px -12px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider .slick-list {
    margin: 0px -15px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider .slick-list {
    margin: 0px -19px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider .slick-list {
    margin: 0px -21px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider .slick-list {
    margin: 0px -22px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider .slick-list {
    margin: 0px -23.5px;
  }
}
.testimonialSlider .my-rating-readonly {
  gap: 5px;
}
.testimonialSlider h3 {
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 768px) {
  .testimonialSlider h3 {
    font-size: 16px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider h3 {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider h3 {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider h3 {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider h3 {
    font-size: 24px;
  }
}

.testimonialSlider-head {
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .testimonialSlider-head {
    margin-bottom: 17px;
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider-head {
    margin-bottom: 20px;
    gap: 28px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider-head {
    margin-bottom: 22px;
    gap: 33px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider-head {
    margin-bottom: 24px;
    gap: 35px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider-head {
    margin-bottom: 28px;
    gap: 38px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider-head {
    margin-bottom: 30px;
    gap: 40px;
  }
}
.testimonialSlider-head i {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C4EAD6;
  background-color: #C4EAD6;
  border-radius: 50%;
  width: 55px;
  height: 55px;
}
@media (min-width: 992px) {
  .testimonialSlider-head i {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider-head i {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider-head i {
    width: 62px;
    height: 62px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider-head i {
    width: 65px;
    height: 65px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider-head i {
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider-head i {
    width: 80px;
    height: 80px;
  }
}
.testimonialSlider-head i svg {
  height: auto;
  width: 20px;
}
@media (min-width: 768px) {
  .testimonialSlider-head i svg {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider-head i svg {
    width: 18px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider-head i svg {
    width: 20px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider-head i svg {
    width: 22px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider-head i svg {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider-head i svg {
    width: 28px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider-head i svg {
    width: 30px;
  }
}
.testimonialSlider-head p {
  color: #009746;
}
@media (min-width: 768px) {
  .testimonialSlider-head p {
    margin-top: 5px;
  }
}

.testimonialSlider-item {
  border: 1px solid #ECECEC;
  background: #FAFAFD;
  border-radius: 20px;
  padding: 18px;
  margin: 0px 5px;
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  .testimonialSlider-item {
    margin: 0px 12px;
    margin-bottom: 23px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider-item {
    padding: 17px;
    margin-bottom: 23px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider-item {
    padding: 28px;
    margin: 0px 15px;
    margin-bottom: 23px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider-item {
    padding: 30px;
    margin: 0px 19px;
    margin-bottom: 23px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider-item {
    padding: 33px;
    margin: 0px 21px;
    margin-bottom: 23px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider-item {
    padding: 36px;
    margin: 0px 22px;
    margin-bottom: 23px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider-item {
    padding: 40px;
    margin: 0px 23.5px;
    margin-bottom: 23px;
  }
}
.testimonialSlider-item:hover, .testimonialSlider-item .slick-current.slick-active {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
}
.testimonialSlider-item:hover .testimonialSlider-head i, .testimonialSlider-item .slick-current.slick-active .testimonialSlider-head i {
  background-color: #009746;
}
.testimonialSlider-item:hover .testimonialSlider-head i path, .testimonialSlider-item .slick-current.slick-active .testimonialSlider-head i path {
  fill: #fff;
}

.testimonialSlider-description {
  overflow-y: auto;
  padding-right: 10px;
  margin: 20px 0px;
  height: 75px;
}
@media (min-width: 768px) {
  .testimonialSlider-description {
    margin: 16px 0px;
  }
}
@media (min-width: 992px) {
  .testimonialSlider-description {
    margin: 18px 0px;
    height: 95px;
  }
}
@media (min-width: 1200px) {
  .testimonialSlider-description {
    margin: 20px 0px;
    height: 75px;
  }
}
@media (min-width: 1360px) {
  .testimonialSlider-description {
    margin: 22px 0px;
    height: 75px;
  }
}
@media (min-width: 1440px) {
  .testimonialSlider-description {
    margin: 26px 0px;
    height: 78px;
  }
}
@media (min-width: 1600px) {
  .testimonialSlider-description {
    margin: 28px 0px;
    height: 78px;
  }
}
@media (min-width: 1900px) {
  .testimonialSlider-description {
    margin: 30px 0px;
    height: 105px;
  }
}
.testimonialSlider-description p {
  color: #101010;
}

.rating {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 768px) {
  .rating {
    gap: 20px;
  }
}
.rating > svg {
  height: auto;
  width: 20px;
}
@media (max-width: 575px) {
  .rating > svg {
    margin-top: -4px;
  }
}
@media (min-width: 1200px) {
  .rating > svg {
    width: 21px;
  }
}
@media (min-width: 1360px) {
  .rating > svg {
    width: 22px;
  }
}
@media (min-width: 1440px) {
  .rating > svg {
    width: 23px;
  }
}
@media (min-width: 1600px) {
  .rating > svg {
    width: 24px;
  }
}
@media (min-width: 1900px) {
  .rating > svg {
    width: 25px;
  }
}

.our-brand .head {
  width: 100%;
}
@media (max-width: 991px) {
  .our-brand .head {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .our-brand .head {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .our-brand .head {
    width: 23.952%;
  }
}
.our-brand .head div {
  position: relative;
  margin-top: 15px;
  padding-left: 50px;
}
@media (min-width: 1200px) {
  .our-brand .head div {
    padding-left: 52px;
    margin-top: 20px;
  }
}
@media (min-width: 1360px) {
  .our-brand .head div {
    padding-left: 62px;
    margin-top: 24px;
  }
}
@media (min-width: 1440px) {
  .our-brand .head div {
    padding-left: 80px;
    margin-top: 26px;
  }
}
@media (min-width: 1600px) {
  .our-brand .head div {
    padding-left: 90px;
    margin-top: 28px;
  }
}
@media (min-width: 1900px) {
  .our-brand .head div {
    margin-top: 30px;
    padding-left: 100px;
  }
}
.our-brand .head div::before {
  height: 4px;
  background-color: #009746;
  border-radius: 10px;
  left: 0;
  top: 15px;
  width: 38px;
}
@media (min-width: 992px) {
  .our-brand .head div::before {
    width: 35px;
    top: 13px;
  }
}
@media (min-width: 1200px) {
  .our-brand .head div::before {
    height: 3px;
    width: 38px;
    top: 13px;
  }
}
@media (min-width: 1360px) {
  .our-brand .head div::before {
    width: 40px;
    top: 13px;
  }
}
@media (min-width: 1440px) {
  .our-brand .head div::before {
    height: 4px;
    width: 55px;
    top: 17px;
  }
}
@media (min-width: 1600px) {
  .our-brand .head div::before {
    top: 18px;
    width: 60px;
  }
}
@media (min-width: 1900px) {
  .our-brand .head div::before {
    top: 19px;
    width: 70px;
  }
}

.our-brand-slider {
  width: 100%;
}
@media (min-width: 992px) {
  .our-brand-slider {
    width: 70.438%;
  }
}
@media (min-width: 1440px) {
  .our-brand-slider {
    width: 71.438%;
  }
}
@media (min-width: 1600px) {
  .our-brand-slider {
    width: 71.438%;
  }
}
@media (min-width: 1900px) {
  .our-brand-slider {
    width: 64.438%;
  }
}
.our-brand-slider .slick-list {
  margin: 0px -5px;
}
@media (min-width: 992px) {
  .our-brand-slider .slick-list {
    margin: 0px -6px;
  }
}
@media (min-width: 1350px) {
  .our-brand-slider .slick-list {
    margin: 0px -8px;
  }
}
@media (min-width: 1440px) {
  .our-brand-slider .slick-list {
    margin: 0px -11px;
  }
}
@media (min-width: 1600px) {
  .our-brand-slider .slick-list {
    margin: 0px -12px;
  }
}
@media (min-width: 1900px) {
  .our-brand-slider .slick-list {
    margin: 0px -12.5px;
  }
}

.our-brand-slider-item {
  margin: 0px 5px;
  margin-bottom: 20px;
  border: 1px solid #ECECEC;
  background-color: #FAFAFD;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 25px 25px;
  min-height: 223px;
}
@media (min-width: 992px) {
  .our-brand-slider-item {
    margin: 0px 6px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1350px) {
  .our-brand-slider-item {
    margin: 0px 8px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .our-brand-slider-item {
    margin: 0px 11px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .our-brand-slider-item {
    margin: 0px 12px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1900px) {
  .our-brand-slider-item {
    margin: 0px 12.5px;
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) {
  .our-brand-slider-item {
    min-height: 221px;
    padding: 55px 40px;
  }
}
@media (min-width: 992px) {
  .our-brand-slider-item {
    padding: 30px 25px;
    min-height: 178px;
  }
}
@media (min-width: 1200px) {
  .our-brand-slider-item {
    padding: 28px 28px;
    min-height: 210px;
  }
}
@media (min-width: 1360px) {
  .our-brand-slider-item {
    padding: 30px 30px;
    min-height: 220px;
  }
}
@media (min-width: 1440px) {
  .our-brand-slider-item {
    padding: 55px 34px;
    min-height: 260px;
  }
}
@media (min-width: 1600px) {
  .our-brand-slider-item {
    padding: 40px 38px;
    min-height: 280px;
  }
}
@media (min-width: 1900px) {
  .our-brand-slider-item {
    padding: 62px 40px;
    min-height: 318px;
  }
}
.our-brand-slider-item h3, .our-brand-slider-item picture {
  width: 100%;
}
.our-brand-slider-item picture {
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 50px;
  padding: 10px 0px;
}
@media (min-width: 576px) {
  .our-brand-slider-item picture {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .our-brand-slider-item picture {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .our-brand-slider-item picture {
    margin-bottom: 35px;
    padding: 12px 0px;
  }
}
@media (min-width: 1360px) {
  .our-brand-slider-item picture {
    margin-bottom: 38px;
    padding: 14px 0px;
  }
}
@media (min-width: 1440px) {
  .our-brand-slider-item picture {
    margin-bottom: 40px;
    padding: 16px 0px;
  }
}
@media (min-width: 1600px) {
  .our-brand-slider-item picture {
    margin-bottom: 45px;
    padding: 18px 0px;
  }
}
@media (min-width: 1900px) {
  .our-brand-slider-item picture {
    margin-bottom: 50px;
    padding: 20px 0px;
  }
}
.our-brand-slider-item picture img {
  width: 100%;
  height: auto;
}
.our-brand-slider-item .btn {
  width: -moz-fit-content;
  width: fit-content;
  display: none;
  margin: auto;
  margin-top: 40px;
}
.our-brand-slider-item h3 {
  color: #666666;
  font-size: 18px;
}
@media (min-width: 992px) {
  .our-brand-slider-item h3 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .our-brand-slider-item h3 {
    font-size: 18px;
  }
}
@media (min-width: 1360px) {
  .our-brand-slider-item h3 {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .our-brand-slider-item h3 {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  .our-brand-slider-item h3 {
    font-size: 23px;
  }
}
@media (min-width: 1900px) {
  .our-brand-slider-item h3 {
    font-size: 24px;
  }
}
.our-brand-slider-item:hover {
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
}
.our-brand-slider-item:hover h3 {
  color: #101010;
}

.why-choose-us {
  padding: 11.8669% 0%;
  overflow: hidden;
}
.why-choose-us > picture {
  position: absolute;
  top: 0%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.why-choose-us > picture img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .why-choose-us > picture img {
    height: auto;
  }
}
.why-choose-us i {
  position: absolute;
  width: 100%;
  left: 0;
}
.why-choose-us i img {
  height: auto;
}
.why-choose-us i:first-child {
  top: 0;
}
.why-choose-us i:last-child {
  bottom: 0;
}

.container-why-choose {
  border-radius: 10px;
  background-color: #fff;
  margin: auto;
  width: 85%;
  padding: 40px 20px;
}
.container-why-choose .head {
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .container-why-choose .head {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .container-why-choose .head {
    margin-bottom: 35px;
  }
}
@media (min-width: 1360px) {
  .container-why-choose .head {
    margin-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .container-why-choose .head {
    margin-bottom: 45px;
  }
}
@media (min-width: 1600px) {
  .container-why-choose .head {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .container-why-choose .head {
    margin-bottom: 60px;
  }
}
.container-why-choose .head p {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .container-why-choose .head p {
    width: 83.791%;
  }
}
@media (min-width: 1200px) {
  .container-why-choose .head p {
    width: 61.791%;
  }
}
@media (min-width: 992px) {
  .container-why-choose {
    width: 71.1978%;
    padding: 5.228%;
  }
}
.container-why-choose .our-features-row {
  gap: 25px;
}
@media (min-width: 992px) {
  .container-why-choose .our-features-row {
    gap: 2.4%;
  }
}
@media (min-width: 1200px) {
  .container-why-choose .our-features-row {
    gap: 7.4%;
  }
}
.container-why-choose .our-features-col {
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .container-why-choose .our-features-col {
    width: 31.7%;
  }
}
@media (min-width: 1200px) {
  .container-why-choose .our-features-col {
    width: 28.4%;
  }
}
.container-why-choose .our-features-col > div {
  margin-top: 10px;
}
.container-why-choose .our-features-col picture {
  animation: float 3s ease-in-out infinite;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #66B435;
  border-radius: 50%;
  margin: auto;
  width: 60px;
  height: 60px;
}
@media (min-width: 992px) {
  .container-why-choose .our-features-col picture {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 1200px) {
  .container-why-choose .our-features-col picture {
    width: 55px;
    height: 55px;
  }
}
@media (min-width: 1360px) {
  .container-why-choose .our-features-col picture {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 1440px) {
  .container-why-choose .our-features-col picture {
    width: 66px;
    height: 66px;
  }
}
@media (min-width: 1600px) {
  .container-why-choose .our-features-col picture {
    width: 68px;
    height: 68px;
  }
}
@media (min-width: 1900px) {
  .container-why-choose .our-features-col picture {
    width: 70px;
    height: 70px;
  }
}
.container-why-choose .our-features-col picture img {
  height: auto;
  width: 35px;
}
@media (min-width: 992px) {
  .container-why-choose .our-features-col picture img {
    width: 25px;
  }
}
@media (min-width: 1200px) {
  .container-why-choose .our-features-col picture img {
    width: 28px;
  }
}
@media (min-width: 1360px) {
  .container-why-choose .our-features-col picture img {
    width: 30px;
  }
}
@media (min-width: 1440px) {
  .container-why-choose .our-features-col picture img {
    width: 36px;
  }
}
@media (min-width: 1600px) {
  .container-why-choose .our-features-col picture img {
    width: 38px;
  }
}
@media (min-width: 1900px) {
  .container-why-choose .our-features-col picture img {
    width: 40px;
  }
}
.container-why-choose .our-features-col h3 {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .container-why-choose .our-features-col h3 {
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .about-us-home .d-flex {
    gap: 20px 0px;
  }
}
.about-us-home picture {
  width: 100%;
}
@media (min-width: 992px) {
  .about-us-home picture {
    width: 21%;
  }
}
@media (min-width: 1360px) {
  .about-us-home picture {
    width: 18.238%;
  }
}
.about-us-home picture img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
@media (min-width: 922px) {
  .about-us-home picture img {
    border-radius: 10px;
  }
}
.about-us-home picture img {
  width: 100%;
  height: 160px;
}
@media (min-width: 992px) {
  .about-us-home picture img {
    height: auto;
  }
}
.about-us-home .head {
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .about-us-home .head {
    width: 48.268%;
  }
}
@media (min-width: 992px) {
  .about-us-home .head p {
    padding: 0px 4.787%;
  }
}
.about-us-home .btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .about-us-home .btn {
    margin-top: 25px;
  }
}
@media (min-width: 1200px) {
  .about-us-home .btn {
    margin-top: 30px;
  }
}
@media (min-width: 1360px) {
  .about-us-home .btn {
    margin-top: 40px;
  }
}
@media (min-width: 1440px) {
  .about-us-home .btn {
    margin-top: 50px;
  }
}
@media (min-width: 1600px) {
  .about-us-home .btn {
    margin-top: 55px;
  }
}
@media (min-width: 1900px) {
  .about-us-home .btn {
    margin-top: 60px;
  }
}

.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;
}

.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;
}

.banner-hero-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.banner-hero-text > .d-flex {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  padding: 20px 15px;
}
@media (min-width: 768px) {
  .banner-hero-text > .d-flex {
    padding: 25px 50px;
  }
}
@media (min-width: 1200px) {
  .banner-hero-text > .d-flex {
    padding: 43px 60px;
  }
}
@media (min-width: 1360px) {
  .banner-hero-text > .d-flex {
    padding: 53px 70px;
  }
}
@media (min-width: 1440px) {
  .banner-hero-text > .d-flex {
    padding: 55px 80px;
  }
}
@media (min-width: 1600px) {
  .banner-hero-text > .d-flex {
    padding: 58px 90px;
  }
}
@media (min-width: 1900px) {
  .banner-hero-text > .d-flex {
    padding: 60px 100px;
  }
}
.banner-hero-text picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.banner-hero-text picture img {
  width: 100%;
  height: auto;
}
.banner-hero-text h1 {
  color: #fff;
}

.innerBanner img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 250px;
}
@media (min-width: 768px) {
  .innerBanner img {
    height: 202px;
  }
}
@media (min-width: 992px) {
  .innerBanner img {
    height: 267px;
  }
}
@media (min-width: 1200px) {
  .innerBanner img {
    height: 315px;
  }
}
@media (min-width: 1360px) {
  .innerBanner img {
    height: 358px;
  }
}
@media (min-width: 1440px) {
  .innerBanner img {
    height: 379px;
  }
}
@media (min-width: 1600px) {
  .innerBanner img {
    height: 423px;
  }
}
@media (min-width: 1900px) {
  .innerBanner img {
    height: 510px;
  }
}

.breadCrumb {
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .breadCrumb li, .breadCrumb a {
    font-size: 11px;
  }
}
.breadCrumb li {
  line-height: 175%;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
}
.breadCrumb li a {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
}
.breadCrumb li:last-child {
  color: #009746;
}

.contact-features-row {
  margin-top: 30px;
  gap: 20px 4%;
}
@media (min-width: 992px) {
  .contact-features-row {
    gap: 1.7%;
    margin-top: 60px;
  }
}
.contact-features-row > div {
  display: flex;
  gap: 15px;
  width: 100%;
}
@media (min-width: 576px) {
  .contact-features-row > div {
    width: 48%;
  }
}
@media (min-width: 992px) {
  .contact-features-row > div {
    width: 23.709%;
    gap: 4.8%;
  }
}
@media (min-width: 1200px) {
  .contact-features-row > div {
    gap: 7.8%;
  }
}
.contact-features-row > div picture {
  height: -moz-fit-content;
  height: fit-content;
  background-color: #666666;
  padding: 10px;
  width: 70px;
}
@media (min-width: 576px) {
  .contact-features-row > div picture {
    padding: 4.106% 5.13%;
    width: 25.645%;
  }
}
.contact-features-row > div picture img {
  height: auto;
  width: 100%;
}
.contact-features-row > div:hover picture {
  background-color: #009746;
}
.contact-features-row > div div {
  display: flex;
  flex-direction: column;
  width: 67.12%;
}
.contact-features-row a, .contact-features-row p {
  color: #676767;
}
.contact-features-row h3 {
  color: #252525;
  margin-bottom: 5px;
}
@media (min-width: 576px) {
  .contact-features-row h3 {
    margin-bottom: 10px;
  }
}

.get-in-touch {
  overflow: hidden;
  background: #FAFAFD;
}
.get-in-touch > picture {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  width: 37%;
}
@media (min-width: 576px) {
  .get-in-touch > picture {
    width: 42.29%;
  }
}
.get-in-touch > picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 792px;
}
@media (min-width: 992px) {
  .get-in-touch > picture img {
    height: 892px;
  }
}
@media (min-width: 1200px) {
  .get-in-touch > picture img {
    height: 923px;
  }
}
@media (min-width: 1360px) {
  .get-in-touch > picture img {
    height: 932px;
  }
}
@media (min-width: 1440px) {
  .get-in-touch > picture img {
    height: 953px;
  }
}
@media (min-width: 1600px) {
  .get-in-touch > picture img {
    height: 1000px;
  }
}
@media (min-width: 1900px) {
  .get-in-touch > picture img {
    height: 1062px;
  }
}
.get-in-touch .formGroup + .formGroup {
  margin-top: 22px;
}
@media (min-width: 992px) {
  .get-in-touch .formGroup + .formGroup {
    margin-top: 21px;
  }
}
.get-in-touch .formGroup div {
  position: relative;
  border-bottom: 1px solid #CCC;
}
.get-in-touch form {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  margin-bottom: 20px;
  border-radius: 20px;
  border: 1px solid #ECECEC;
  background: #FFF;
  width: 100%;
  padding: 30px 20px;
}
@media (min-width: 992px) {
  .get-in-touch form {
    margin-top: 60px;
    padding: 40px;
    width: 49.241%;
  }
}
.get-in-touch form svg {
  height: auto;
  position: absolute;
  width: 16px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1200px) {
  .get-in-touch form svg {
    width: 16px;
    left: 11px;
  }
}
@media (min-width: 1360px) {
  .get-in-touch form svg {
    width: 18px;
    left: 13px;
  }
}
@media (min-width: 1440px) {
  .get-in-touch form svg {
    width: 20px;
    left: 15px;
  }
}
@media (min-width: 1600px) {
  .get-in-touch form svg {
    width: 22px;
    left: 17px;
  }
}
@media (min-width: 1900px) {
  .get-in-touch form svg {
    width: 24px;
    left: 19px;
  }
}
.get-in-touch input, .get-in-touch textarea {
  width: 100%;
  padding-left: 39px;
  height: 45px;
  border: unset;
}
@media (min-width: 992px) {
  .get-in-touch input, .get-in-touch textarea {
    padding-left: 35px;
    height: 40px;
  }
}
@media (min-width: 1200px) {
  .get-in-touch input, .get-in-touch textarea {
    padding-left: 40px;
    height: 45px;
  }
}
@media (min-width: 1360px) {
  .get-in-touch input, .get-in-touch textarea {
    padding-left: 48px;
    height: 50px;
  }
}
@media (min-width: 1440px) {
  .get-in-touch input, .get-in-touch textarea {
    padding-left: 50px;
    height: 52px;
  }
}
@media (min-width: 1600px) {
  .get-in-touch input, .get-in-touch textarea {
    padding-left: 52px;
    height: 54px;
  }
}
@media (min-width: 1900px) {
  .get-in-touch input, .get-in-touch textarea {
    padding-left: 54px;
    height: 56px;
  }
}
.get-in-touch textarea {
  resize: none;
  padding-top: 12px;
}
@media (min-width: 992px) {
  .get-in-touch textarea {
    padding-top: 13px;
  }
}
@media (min-width: 1200px) {
  .get-in-touch textarea {
    padding-top: 13px;
  }
}
@media (min-width: 1360px) {
  .get-in-touch textarea {
    padding-top: 19px;
  }
}
@media (min-width: 1440px) {
  .get-in-touch textarea {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) {
  .get-in-touch textarea {
    padding-top: 13px;
  }
}
.get-in-touch label {
  margin-bottom: 5px;
  line-height: normal;
  display: block;
}
.get-in-touch .btn {
  margin-top: 25px;
}
@media (max-width: 575px) {
  .get-in-touch .btn i {
    padding: 7px;
  }
  .get-in-touch .btn i img {
    width: 15px;
  }
}
@media (min-width: 1200px) {
  .get-in-touch .btn {
    margin-top: 33px;
  }
}
@media (min-width: 1440px) {
  .get-in-touch .btn {
    margin-top: 36px;
  }
}
@media (min-width: 1600px) {
  .get-in-touch .btn {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) {
  .get-in-touch .btn {
    margin-top: 41px;
  }
}
@media (min-width: 1360px) {
  .get-in-touch .btn i {
    padding: 11px;
  }
  .get-in-touch .btn i img {
    width: 16px;
  }
}
@media (min-width: 1440px) {
  .get-in-touch .btn i {
    padding: 12px;
  }
  .get-in-touch .btn i img {
    width: 16px;
  }
}
@media (min-width: 1600px) {
  .get-in-touch .btn i {
    padding: 13px;
  }
  .get-in-touch .btn i img {
    width: 16px;
  }
}
@media (min-width: 1900px) {
  .get-in-touch .btn i {
    padding: 17px;
  }
  .get-in-touch .btn i img {
    width: 20px;
  }
}
.get-in-touch form + p {
  line-height: normal;
}
.get-in-touch .social-icons {
  z-index: 1;
  position: relative;
  margin-top: 19px;
  gap: 10px;
}
@media (min-width: 992px) {
  .get-in-touch .social-icons {
    gap: 20px;
  }
}
.get-in-touch .social-icons a:hover path {
  fill: #009746;
}
.get-in-touch .social-icons svg {
  height: auto;
}
@media (max-width: 575px) {
  .get-in-touch .social-icons svg {
    width: 16px;
  }
}

.map iframe {
  margin-bottom: -10px;
  width: 100%;
  height: 250px;
}
@media (min-width: 768px) {
  .map iframe {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .map iframe {
    height: 380px;
  }
}
@media (min-width: 1200px) {
  .map iframe {
    height: 400px;
  }
}
@media (min-width: 1360px) {
  .map iframe {
    height: 420px;
  }
}
@media (min-width: 1440px) {
  .map iframe {
    height: 460px;
  }
}
@media (min-width: 1600px) {
  .map iframe {
    height: 480px;
  }
}
@media (min-width: 1900px) {
  .map iframe {
    height: 500px;
  }
}

.founder {
  background-color: #009746;
}
.founder h2, .founder a, .founder div {
  color: #fff;
}
.founder .head span {
  color: #92EC59;
}
.founder .founder-row > div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 30px;
  width: 100%;
}
.founder .founder-row > div + div {
  order: 3;
}
@media (min-width: 768px) and (max-width: 991px) {
  .founder .founder-row > div {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .founder .founder-row > div {
    width: 58%;
  }
}
@media (min-width: 992px) {
  .founder .founder-row > div {
    padding-bottom: 54px;
    width: 32.219%;
    min-height: 555px;
  }
}
@media (min-width: 992px) {
  .founder .founder-row > div {
    min-height: 300px;
  }
}
@media (min-width: 1200px) {
  .founder .founder-row > div {
    min-height: 350px;
  }
}
@media (min-width: 1360px) {
  .founder .founder-row > div {
    min-height: 380px;
  }
}
@media (min-width: 1440px) {
  .founder .founder-row > div {
    min-height: 420px;
  }
}
@media (min-width: 1600px) {
  .founder .founder-row > div {
    min-height: 480px;
  }
}
@media (min-width: 1900px) {
  .founder .founder-row > div {
    min-height: 555px;
  }
}
.founder .founder-row > div p {
  line-height: 141.667%;
  font-size: 16px;
  color: #ECECEC;
}
@media (min-width: 768px) {
  .founder .founder-row > div p {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .founder .founder-row > div p {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .founder .founder-row > div p {
    font-size: 17px;
  }
}
@media (min-width: 1360px) {
  .founder .founder-row > div p {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .founder .founder-row > div p {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .founder .founder-row > div p {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .founder .founder-row > div p {
    font-size: 24px;
  }
}
.founder .founder-row > div div {
  width: 100%;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: 700;
  line-height: 121.429%;
  font-size: 18px;
}
@media (min-width: 768px) {
  .founder .founder-row > div div {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .founder .founder-row > div div {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .founder .founder-row > div div {
    font-size: 19px;
  }
}
@media (min-width: 1360px) {
  .founder .founder-row > div div {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .founder .founder-row > div div {
    font-size: 23px;
  }
}
@media (min-width: 1600px) {
  .founder .founder-row > div div {
    font-size: 25px;
  }
}
@media (min-width: 1900px) {
  .founder .founder-row > div div {
    font-size: 28px;
  }
}
.founder .founder-row > div div::before {
  height: 1px;
  background-color: #92EC59;
  left: 0;
  bottom: 6px;
  width: 50%;
}
@media (min-width: 768px) {
  .founder .founder-row > div div::before {
    width: 61.889%;
  }
}
@media (min-width: 992px) {
  .founder .founder-row > div div::before {
    width: 51.889%;
  }
}
.founder .founder-row picture {
  background-color: #92EC59;
  border-radius: 50%;
  width: 100%;
  order: 2;
}
@media (max-width: 767px) {
  .founder .founder-row picture {
    margin: 30px 0px;
  }
}
@media (min-width: 768px) {
  .founder .founder-row picture {
    width: 40%;
  }
}
@media (min-width: 992px) {
  .founder .founder-row picture {
    width: 31.915%;
  }
}
.founder .founder-row picture img {
  width: 100%;
  height: auto;
}

.mission-vission {
  position: relative;
  overflow: hidden;
}
.mission-vission > picture {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}
.mission-vission > picture img {
  width: 100%;
  height: 2185px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .mission-vission > picture img {
    height: 2465px;
  }
}
@media (min-width: 992px) {
  .mission-vission > picture img {
    height: 517px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 1200px) {
  .mission-vission > picture img {
    height: 550px;
  }
}
@media (min-width: 1360px) {
  .mission-vission > picture img {
    height: 583px;
  }
}
@media (min-width: 1440px) {
  .mission-vission > picture img {
    height: 630px;
  }
}
@media (min-width: 1600px) {
  .mission-vission > picture img {
    height: 640px;
  }
}
@media (min-width: 1900px) {
  .mission-vission > picture img {
    height: 750px;
  }
}
.mission-vission .container-ctn {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.mission-vission .container-ctn picture {
  width: 100%;
}
@media (min-width: 992px) {
  .mission-vission .container-ctn picture {
    width: 33.705%;
  }
}
.mission-vission .container-ctn picture img {
  width: 100%;
  height: auto;
}
.mission-vission .mv-card {
  width: 100%;
  padding: 20px;
}
@media (max-width: 767px) {
  .mission-vission .mv-card {
    border: 1px solid #f4f4f4;
  }
}
@media (min-width: 768px) {
  .mission-vission .mv-card {
    padding: 35px;
  }
}
@media (min-width: 992px) {
  .mission-vission .mv-card {
    padding: 25px;
    width: 30%;
  }
}
@media (min-width: 1200px) {
  .mission-vission .mv-card {
    padding: 40px;
  }
}
@media (min-width: 1360px) {
  .mission-vission .mv-card {
    padding: 45px;
  }
}
@media (min-width: 1440px) {
  .mission-vission .mv-card {
    padding: 46px;
  }
}
@media (min-width: 1600px) {
  .mission-vission .mv-card {
    padding: 55px;
  }
}
@media (min-width: 1900px) {
  .mission-vission .mv-card {
    padding: 60px;
  }
}
@media (min-width: 992px) {
  .mission-vission .mv-card:nth-child(1) {
    padding-right: 0;
  }
  .mission-vission .mv-card:last-child {
    padding-left: 0;
  }
}
.mission-vission .mv-card span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  line-height: 116.667%;
  background-color: #009746;
  margin-bottom: 15px;
  padding: 10px 30px;
  font-size: 21px;
}
@media (min-width: 992px) {
  .mission-vission .mv-card span {
    margin-bottom: 20px;
    padding: 10px 25px;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .mission-vission .mv-card span {
    margin-bottom: 22px;
    padding: 11px 26px;
    font-size: 22px;
  }
}
@media (min-width: 1360px) {
  .mission-vission .mv-card span {
    margin-bottom: 24px;
    padding: 12px 27px;
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .mission-vission .mv-card span {
    margin-bottom: 26px;
    padding: 12px 28px;
    font-size: 23px;
  }
}
@media (min-width: 1600px) {
  .mission-vission .mv-card span {
    margin-bottom: 25px;
    padding: 15px 35px;
    font-size: 25px;
  }
}
@media (min-width: 1900px) {
  .mission-vission .mv-card span {
    margin-bottom: 30px;
    padding: 23px 44px;
    font-size: 30px;
  }
}
.mission-vission .mv-card:last-child span {
  background-color: #66B435;
}

.facilities .d-flex + .d-flex {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .facilities .d-flex + .d-flex {
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .facilities .d-flex + .d-flex {
    margin-top: 80px;
  }
}
@media (min-width: 1440px) {
  .facilities .d-flex + .d-flex {
    margin-top: 85px;
  }
}
@media (min-width: 1600px) {
  .facilities .d-flex + .d-flex {
    margin-top: 90px;
  }
}
@media (min-width: 1900px) {
  .facilities .d-flex + .d-flex {
    margin-top: 100px;
  }
}
.facilities .d-flex:nth-child(1) .facilities-box {
  width: 100%;
}
@media (min-width: 992px) {
  .facilities .d-flex:nth-child(1) .facilities-box {
    width: 49.301%;
  }
}
.facilities .d-flex:nth-child(1) picture {
  padding-right: 10px;
}
@media (min-width: 992px) {
  .facilities .d-flex:nth-child(1) picture {
    padding-right: 20px;
  }
}
.facilities .d-flex:nth-child(1) picture::before {
  right: 0;
}
@media (min-width: 992px) {
  .facilities .d-flex:nth-child(2) {
    flex-direction: row-reverse;
  }
}
.facilities .d-flex:nth-child(2) .facilities-box {
  width: 100%;
}
@media (min-width: 992px) {
  .facilities .d-flex:nth-child(2) .facilities-box {
    width: 50.7%;
  }
}
.facilities .d-flex:nth-child(2) picture {
  padding-left: 10px;
}
@media (min-width: 992px) {
  .facilities .d-flex:nth-child(2) picture {
    padding-left: 20px;
  }
}
.facilities .d-flex:nth-child(2) picture::before {
  left: 0;
}
.facilities .d-flex picture {
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  padding-top: 10px;
  width: 100%;
}
@media (max-width: 991px) {
  .facilities .d-flex picture {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .facilities .d-flex picture {
    width: 41.703%;
    padding-top: 20px;
  }
}
.facilities .d-flex picture::before {
  width: 96%;
  height: 92%;
  background-color: #009746;
  top: 0;
  z-index: -1;
}
.facilities .d-flex img {
  width: 100%;
  z-index: 1;
  position: relative;
  height: auto;
}

.certifications-slider {
  margin-top: 25px;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .certifications-slider {
    margin-top: 28px;
  }
}
@media (min-width: 1360px) {
  .certifications-slider {
    margin-top: 32px;
  }
}
@media (min-width: 1440px) {
  .certifications-slider {
    margin-top: 34px;
  }
}
@media (min-width: 1600px) {
  .certifications-slider {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) {
  .certifications-slider {
    margin-top: 42px;
  }
}
.certifications-slider .slick-list {
  margin: 0px -10px;
}
@media (min-width: 1200px) {
  .certifications-slider .slick-list {
    margin: 0px -12px;
  }
}
@media (min-width: 1360px) {
  .certifications-slider .slick-list {
    margin: 0px -14px;
  }
}
@media (min-width: 1440px) {
  .certifications-slider .slick-list {
    margin: 0px -16px;
  }
}
@media (min-width: 1600px) {
  .certifications-slider .slick-list {
    margin: 0px -18px;
  }
}
@media (min-width: 1900px) {
  .certifications-slider .slick-list {
    margin: 0px -20px;
  }
}
.certifications-slider picture {
  margin: 0px 10px;
  border: 1px solid #ECECEC;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .certifications-slider picture {
    margin: 0px 12px;
  }
}
@media (min-width: 1360px) {
  .certifications-slider picture {
    margin: 0px 14px;
  }
}
@media (min-width: 1440px) {
  .certifications-slider picture {
    margin: 0px 16px;
  }
}
@media (min-width: 1600px) {
  .certifications-slider picture {
    margin: 0px 18px;
  }
}
@media (min-width: 1900px) {
  .certifications-slider picture {
    margin: 0px 20px;
  }
}
.certifications-slider picture img {
  width: 100%;
  height: auto;
  margin: auto;
  filter: grayscale(1);
}
.certifications-slider picture.slick-current.slick-active img, .certifications-slider picture:hover img {
  filter: grayscale(0);
}
.certifications-slider .slick-dots {
  bottom: -40px;
}

.step-form {
  margin: 50px 0px;
}
@media (min-width: 992px) {
  .step-form {
    margin: 60px 0px;
  }
}
@media (min-width: 1200px) {
  .step-form {
    margin: 70px 0px;
  }
}
@media (min-width: 1360px) {
  .step-form {
    margin: 75px 0px;
  }
}
@media (min-width: 1440px) {
  .step-form {
    margin: 80px 0px;
  }
}
@media (min-width: 1600px) {
  .step-form {
    margin: 90px 0px;
  }
}
@media (min-width: 1900px) {
  .step-form {
    margin: 100px 0px;
  }
}
.step-form .form-col-6 {
  width: 100%;
}
@media (min-width: 992px) {
  .step-form .form-col-6 {
    width: 47.695%;
  }
}
.step-form h2, .step-form .term {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .step-form h2, .step-form .term {
    margin-bottom: 40px;
  }
}
@media (min-width: 1360px) {
  .step-form h2, .step-form .term {
    margin-bottom: 45px;
  }
}
@media (min-width: 1440px) {
  .step-form h2, .step-form .term {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .step-form h2, .step-form .term {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .step-form h2, .step-form .term {
    margin-bottom: 60px;
  }
}
.step-form .w-100 h2 {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .step-form .w-100 h2 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1360px) {
  .step-form .w-100 h2 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .step-form .w-100 h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .step-form .w-100 h2 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .step-form .w-100 h2 {
    margin-bottom: 20px;
  }
}
.step-form label {
  width: 100%;
  margin-bottom: 5px;
}
@media (min-width: 1360px) {
  .step-form label {
    margin-bottom: 6px;
  }
}
@media (min-width: 1440px) {
  .step-form label {
    margin-bottom: 7px;
  }
}
@media (min-width: 1600px) {
  .step-form label {
    margin-bottom: 8px;
  }
}
@media (min-width: 1900px) {
  .step-form label {
    margin-bottom: 10px;
  }
}
.step-form form {
  gap: 20px 0px;
}
@media (min-width: 992px) {
  .step-form form {
    gap: 25px 0px;
  }
}
@media (min-width: 1200px) {
  .step-form form {
    gap: 28px 0px;
  }
}
@media (min-width: 1360px) {
  .step-form form {
    gap: 30px 0px;
  }
}
@media (min-width: 1440px) {
  .step-form form {
    gap: 33px 0px;
  }
}
@media (min-width: 1600px) {
  .step-form form {
    gap: 36px 0px;
  }
}
@media (min-width: 1900px) {
  .step-form form {
    gap: 40px 0px;
  }
}
.step-form form > .d-flex {
  gap: 20px;
}
@media (min-width: 992px) {
  .step-form form > .d-flex {
    gap: 25px;
  }
}
@media (min-width: 1200px) {
  .step-form form > .d-flex {
    gap: 28px;
  }
}
@media (min-width: 1360px) {
  .step-form form > .d-flex {
    gap: 30px;
  }
}
@media (min-width: 1440px) {
  .step-form form > .d-flex {
    gap: 33px;
  }
}
@media (min-width: 1600px) {
  .step-form form > .d-flex {
    gap: 36px;
  }
}
@media (min-width: 1900px) {
  .step-form form > .d-flex {
    gap: 40px;
  }
}
.step-form button.back-btn {
  display: flex;
  align-items: center;
  color: #101010;
  gap: 8px;
}
@media (min-width: 992px) {
  .step-form button.back-btn {
    gap: 11px;
  }
}
@media (min-width: 1200px) {
  .step-form button.back-btn {
    gap: 13px;
  }
}
@media (min-width: 1360px) {
  .step-form button.back-btn {
    gap: 15px;
  }
}
@media (min-width: 1440px) {
  .step-form button.back-btn {
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .step-form button.back-btn {
    gap: 18px;
  }
}
@media (min-width: 1900px) {
  .step-form button.back-btn {
    gap: 20px;
  }
}
.step-form button.back-btn svg {
  height: auto;
  width: 22px;
}
@media (min-width: 1360px) {
  .step-form button.back-btn svg {
    width: 24px;
  }
}
@media (min-width: 1440px) {
  .step-form button.back-btn svg {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .step-form button.back-btn svg {
    width: 28px;
  }
}
@media (min-width: 1900px) {
  .step-form button.back-btn svg {
    width: 30px;
  }
}
.step-form input, .step-form select {
  width: 100%;
  border: unset;
  border-radius: 5px;
  border-bottom: 1px solid #CCC;
  background-color: #FFF;
  background-position: 98% 50%;
  color: #666;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1px;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 992px) {
  .step-form input, .step-form select {
    border-radius: 10px;
    height: 35px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1200px) {
  .step-form input, .step-form select {
    height: 40px;
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (min-width: 1360px) {
  .step-form input, .step-form select {
    height: 45px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1440px) {
  .step-form input, .step-form select {
    height: 52px;
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (min-width: 1600px) {
  .step-form input, .step-form select {
    height: 54px;
    padding-left: 19px;
    padding-right: 19px;
  }
}
@media (min-width: 1900px) {
  .step-form input, .step-form select {
    height: 56px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.step-form input:focus, .step-form select:focus {
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
}
.step-form input::-moz-placeholder, .step-form select::-moz-placeholder {
  color: #666;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1px;
}
.step-form input::placeholder, .step-form select::placeholder {
  color: #666;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1px;
}
.step-form .btn.themeBtn, .step-form .bottom-header .btn, .bottom-header .step-form .btn, .step-form .page-not-found .btn, .page-not-found .step-form .btn, .step-form .thank-you .btn, .thank-you .step-form .btn {
  padding-left: 0;
}
@media (min-width: 1360px) {
  .step-form .btn.themeBtn i, .step-form .bottom-header .btn i, .bottom-header .step-form .btn i, .step-form .page-not-found .btn i, .page-not-found .step-form .btn i, .step-form .thank-you .btn i, .thank-you .step-form .btn i {
    padding: 16px;
  }
  .step-form .btn.themeBtn i img, .step-form .bottom-header .btn i img, .bottom-header .step-form .btn i img, .step-form .page-not-found .btn i img, .page-not-found .step-form .btn i img, .step-form .thank-you .btn i img, .thank-you .step-form .btn i img {
    width: 16px;
  }
}
@media (min-width: 1440px) {
  .step-form .btn.themeBtn i, .step-form .bottom-header .btn i, .bottom-header .step-form .btn i, .step-form .page-not-found .btn i, .page-not-found .step-form .btn i, .step-form .thank-you .btn i, .thank-you .step-form .btn i {
    padding: 15px;
  }
  .step-form .btn.themeBtn i img, .step-form .bottom-header .btn i img, .bottom-header .step-form .btn i img, .step-form .page-not-found .btn i img, .page-not-found .step-form .btn i img, .step-form .thank-you .btn i img, .thank-you .step-form .btn i img {
    width: 16px;
  }
}
@media (min-width: 1600px) {
  .step-form .btn.themeBtn i, .step-form .bottom-header .btn i, .bottom-header .step-form .btn i, .step-form .page-not-found .btn i, .page-not-found .step-form .btn i, .step-form .thank-you .btn i, .thank-you .step-form .btn i {
    padding: 18px;
  }
  .step-form .btn.themeBtn i img, .step-form .bottom-header .btn i img, .bottom-header .step-form .btn i img, .step-form .page-not-found .btn i img, .page-not-found .step-form .btn i img, .step-form .thank-you .btn i img, .thank-you .step-form .btn i img {
    width: 16px;
  }
}
@media (min-width: 1900px) {
  .step-form .btn.themeBtn i, .step-form .bottom-header .btn i, .bottom-header .step-form .btn i, .step-form .page-not-found .btn i, .page-not-found .step-form .btn i, .step-form .thank-you .btn i, .thank-you .step-form .btn i {
    padding: 22px;
  }
  .step-form .btn.themeBtn i img, .step-form .bottom-header .btn i img, .bottom-header .step-form .btn i img, .step-form .page-not-found .btn i img, .page-not-found .step-form .btn i img, .step-form .thank-you .btn i img, .thank-you .step-form .btn i img {
    width: 20px;
  }
}

.multi-step-form {
  width: 95%;
  border-radius: 10px;
  border: 1px solid #ECECEC;
  background: #FAFAFD;
  margin: 50px auto;
  padding: 20px 15px;
}
@media (min-width: 576px) {
  .multi-step-form {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .multi-step-form {
    width: 72.138%;
    margin: 70px auto;
    padding: 70px 40px;
  }
}
@media (min-width: 1200px) {
  .multi-step-form {
    margin: 80px auto;
    padding: 80px 45px;
  }
}
@media (min-width: 1360px) {
  .multi-step-form {
    margin: 85px auto;
    padding: 85px 50px;
  }
}
@media (min-width: 1440px) {
  .multi-step-form {
    margin: 90px auto;
    padding: 90px 55px;
  }
}
@media (min-width: 1600px) {
  .multi-step-form {
    margin: 95px auto;
    padding: 95px 58px;
  }
}
@media (min-width: 1900px) {
  .multi-step-form {
    margin: 100px auto;
    padding: 100px 60px;
  }
}
.multi-step-form .icon {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ECECEC;
  width: 60px;
  height: 60px;
}
@media (min-width: 992px) {
  .multi-step-form .icon {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1200px) {
  .multi-step-form .icon {
    width: 85px;
    height: 85px;
  }
}
@media (min-width: 1360px) {
  .multi-step-form .icon {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1440px) {
  .multi-step-form .icon {
    width: 95px;
    height: 95px;
  }
}
@media (min-width: 1600px) {
  .multi-step-form .icon {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 1900px) {
  .multi-step-form .icon {
    width: 110px;
    height: 110px;
  }
}
.multi-step-form .icon img {
  width: auto;
  height: 37px;
}
@media (min-width: 992px) {
  .multi-step-form .icon img {
    height: 40px;
  }
}
@media (min-width: 1200px) {
  .multi-step-form .icon img {
    height: 50px;
  }
}
@media (min-width: 1360px) {
  .multi-step-form .icon img {
    height: 48px;
  }
}
@media (min-width: 1440px) {
  .multi-step-form .icon img {
    height: 60px;
  }
}
@media (min-width: 1600px) {
  .multi-step-form .icon img {
    height: 65px;
  }
}
@media (min-width: 1900px) {
  .multi-step-form .icon img {
    height: 70px;
  }
}
.multi-step-form .icon img + img {
  display: none;
}
.multi-step-form .step-indicator:nth-child(2) span {
  background: #101010;
}
.multi-step-form .step-indicator:nth-child(2) span img {
  display: block !important;
}
.multi-step-form .step-indicator.completed .icon {
  background: #101010;
}
.multi-step-form .step-indicator.completed .icon img {
  display: none;
}
.multi-step-form .step-indicator.completed .icon img + img {
  display: block;
}
.multi-step-form .verified span {
  background-color: #009746 !important;
}
.multi-step-form .verified span img {
  display: none;
}
.multi-step-form .verified span img + img {
  display: block;
}

.form-header {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 40px;
}
.form-header::before {
  width: 100%;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px dashed #CCCCCC;
}

.progress-line {
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px; /* Thickness of the progress line */
  background-color: #101010; /* Default color */
  z-index: 2;
  width: 100%; /* Ensures the line stretches across the header */
  transform: translateY(-50%);
}

.step-indicator {
  text-align: center;
  width: 33.3%;
  display: flex;
}
.step-indicator::before {
  width: 100%;
  height: 1px;
  border: 1px dashed #CCC;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.step-indicator:nth-child(3) {
  justify-content: center;
}
.step-indicator:nth-child(4) {
  justify-content: flex-end;
}

.step-indicator::before {
  display: none;
}

.form-step {
  display: none;
}

.form-step.active {
  display: block;
}

.form-group {
  position: relative;
}

.abn p {
  color: #999;
  margin-top: 11px;
}

.radio-group {
  display: flex;
  gap: 5px;
}
@media (min-width: 992px) {
  .radio-group {
    gap: 6px;
  }
}
@media (min-width: 1360px) {
  .radio-group {
    gap: 8px;
  }
}
@media (min-width: 1600px) {
  .radio-group {
    gap: 10px;
  }
}
.radio-group.payment {
  gap: 10px;
}
@media (min-width: 992px) {
  .radio-group.payment {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .radio-group.payment {
    gap: 30px;
  }
}
@media (min-width: 1360px) {
  .radio-group.payment {
    gap: 32px;
  }
}
@media (min-width: 1440px) {
  .radio-group.payment {
    gap: 36px;
  }
}
@media (min-width: 1600px) {
  .radio-group.payment {
    gap: 38px;
  }
}
@media (min-width: 1900px) {
  .radio-group.payment {
    gap: 40px;
  }
}
.radio-group .custom-radio {
  padding: 6px 12px;
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
@media (min-width: 992px) {
  .radio-group .custom-radio {
    padding: 8px 15px;
  }
}
@media (min-width: 1200px) {
  .radio-group .custom-radio {
    padding: 10px 16px;
  }
}
@media (min-width: 1360px) {
  .radio-group .custom-radio {
    padding: 11px 17px;
  }
}
@media (min-width: 1440px) {
  .radio-group .custom-radio {
    padding: 12px 18px;
  }
}
@media (min-width: 1600px) {
  .radio-group .custom-radio {
    padding: 13px 19px;
  }
}
@media (min-width: 1900px) {
  .radio-group .custom-radio {
    padding: 14px 20px;
  }
}
.radio-group .custom-radio p {
  position: relative;
  z-index: 2;
  line-height: normal;
}
.radio-group .custom-radio input {
  opacity: 0;
  position: absolute;
}
.radio-group .radio-mark {
  position: absolute;
  border-radius: 5px;
  border-bottom: 1px solid #CCC;
  background: #FFF;
  width: 100%;
  left: 0;
  height: 100%;
  z-index: 0;
  transition: background-color 0.3s, box-shadow 0.3s;
}
@media (min-width: 992px) {
  .radio-group .radio-mark {
    border-radius: 10px;
  }
}
.radio-group .custom-radio input:checked + .radio-mark {
  border-bottom: 1px solid #101010;
  background: #101010;
  color: #fff;
}
.radio-group .custom-radio input:checked + .radio-mark + p {
  color: #fff;
}

.signature {
  overflow: hidden;
  margin-top: 20px;
}

.canvas {
  overflow: hidden;
  border-radius: 10px;
  border-bottom: 1px solid #CCC;
  background: #FFF;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
  height: 150px;
}
@media (min-width: 992px) {
  .canvas {
    height: 200px;
  }
}
@media (min-width: 1200px) {
  .canvas {
    height: 220px;
  }
}
@media (min-width: 1360px) {
  .canvas {
    height: 240px;
  }
}
@media (min-width: 1440px) {
  .canvas {
    height: 260px;
  }
}
@media (min-width: 1600px) {
  .canvas {
    height: 280px;
  }
}
@media (min-width: 1900px) {
  .canvas {
    height: 300px;
  }
}

button#clear-signature {
  line-height: normal;
  color: #FB0505;
  position: relative;
  margin-top: 5px;
  margin-bottom: 25px;
}
@media (min-width: 1200px) {
  button#clear-signature {
    margin-top: 5px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1360px) {
  button#clear-signature {
    margin-top: 6px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1600px) {
  button#clear-signature {
    margin-top: 8px;
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  button#clear-signature {
    margin-top: 10px;
    margin-bottom: 40px;
  }
}
button#clear-signature::after {
  width: 100%;
  height: 1px;
  background: #FB0505;
  bottom: 0;
  left: 0;
}

.term {
  display: flex;
  gap: 10px;
}
@media (min-width: 1200px) {
  .term {
    gap: 12px;
  }
}
@media (min-width: 1360px) {
  .term {
    gap: 14px;
  }
}
@media (min-width: 1440px) {
  .term {
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .term {
    gap: 18px;
  }
}
@media (min-width: 1900px) {
  .term {
    gap: 20px;
  }
}
.term input {
  height: -moz-fit-content;
  height: fit-content;
}

.search-btn {
  height: 100%;
  position: absolute;
  right: 0;
  border-radius: 10px;
  border-bottom: 1px solid #009746;
  background: #009746;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
}
@media (min-width: 1360px) {
  .search-btn {
    width: 52px;
  }
}
@media (min-width: 1440px) {
  .search-btn {
    width: 60px;
  }
}
@media (min-width: 1600px) {
  .search-btn {
    width: 65px;
  }
}
@media (min-width: 1900px) {
  .search-btn {
    width: 70px;
  }
}
.search-btn svg {
  height: auto;
  width: 16px;
}
@media (min-width: 768px) {
  .search-btn svg {
    width: 18px;
  }
}
@media (min-width: 1200px) {
  .search-btn svg {
    width: 20px;
  }
}
@media (min-width: 1360px) {
  .search-btn svg {
    width: 24px;
  }
}
@media (min-width: 1440px) {
  .search-btn svg {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .search-btn svg {
    width: 28px;
  }
}
@media (min-width: 1900px) {
  .search-btn svg {
    width: 30px;
  }
}

.locationCard {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  border: 1px solid #ECECEC;
  padding: 10px;
}
.locationCard picture {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.locationCard picture::after {
  width: 100%;
  height: 0%;
  background: rgba(0, 151, 70, 0.9);
  mix-blend-mode: multiply;
  left: 0;
  bottom: 0;
  z-index: 0;
  transition: 0.5s ease all;
}
.locationCard picture img {
  border-radius: 5px;
  width: 100%;
  height: auto;
  -o-object-position: 0px -120px;
     object-position: 0px -120px;
}
.locationCard .locationDetails {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  padding: 15px 10px 15px 10px;
}
@media (min-width: 768px) {
  .locationCard .locationDetails {
    padding: 27px 52px 41px 10px;
  }
}
.locationCard .locationDetails::before {
  transition: 0.5s ease all;
  width: 100%;
  height: 100%;
  background-color: #fff;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.locationCard .locationDetails ul {
  display: flex;
  flex-wrap: wrap;
}
.locationCard .locationDetails ul li {
  width: 100%;
  display: flex;
}
.locationCard .locationDetails ul li + li {
  margin-top: 11px;
}
.locationCard .locationDetails h3 {
  line-height: 141.667%;
  margin-bottom: 15px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .locationCard .locationDetails h3 {
    font-size: 24px;
    margin-bottom: 27px;
  }
}
.locationCard .locationDetails p, .locationCard .locationDetails a, .locationCard .locationDetails li {
  line-height: normal;
  color: #666;
}
.locationCard .locationDetails svg {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #009746;
}
@media (min-width: 768px) {
  .locationCard .locationDetails svg {
    margin-right: 15px;
    width: 23px;
    height: 23px;
  }
}
.locationCard:hover .locationCard {
  box-shadow: 0px 10px 10px 0px #CDF3DE;
}
.locationCard:hover .locationDetails {
  padding: 0;
  text-align: center;
  top: 50%;
  bottom: unset;
  transform: translate(-50%, -50%);
}
.locationCard:hover .locationDetails::before {
  transition: 0.5s ease all;
  bottom: 500%;
}
.locationCard:hover .locationDetails i {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.locationCard:hover .locationDetails li {
  flex-wrap: wrap;
  justify-content: center;
}
.locationCard:hover picture::after {
  height: 100%;
  transition: 0.5s ease all;
}
.locationCard:hover picture img {
  transition: 0.2s ease all;
  -o-object-position: 0px 0px;
     object-position: 0px 0px;
}
.locationCard:hover h3, .locationCard:hover p, .locationCard:hover a, .locationCard:hover li {
  color: #fff;
}

.distributions .form-select {
  margin: 30px 0px 20px 0px;
}
.distributions .tab-pane-item {
  width: 100%;
}
@media (min-width: 768px) {
  .distributions .tab-pane-item {
    width: 47.7%;
  }
}
@media (min-width: 1200px) {
  .distributions .tab-pane-item {
    width: 31.611%;
  }
}
.distributions .tab-location {
  gap: 30px;
}
@media (min-width: 768px) {
  .distributions .tab-location {
    gap: 31px;
  }
}
@media (min-width: 992px) {
  .distributions .tab-location {
    gap: 40px;
  }
}
@media (min-width: 1200px) {
  .distributions .tab-location {
    gap: 26px;
  }
}
@media (min-width: 1360px) {
  .distributions .tab-location {
    gap: 30px;
  }
}
@media (min-width: 1440px) {
  .distributions .tab-location {
    gap: 31px;
  }
}
@media (min-width: 1600px) {
  .distributions .tab-location {
    gap: 35px;
  }
}
@media (min-width: 1900px) {
  .distributions .tab-location {
    gap: 40px;
  }
}
.distributions .nav-pills {
  border: 1px solid #ECECEC;
  background: #FAFAFD;
  padding: 23px 0px;
  gap: 50px;
}
@media (min-width: 768px) {
  .distributions .nav-pills {
    margin-top: 40px;
    margin-bottom: 15px;
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .distributions .nav-pills {
    margin-top: 45px;
    margin-bottom: 18px;
    gap: 25px;
  }
}
@media (min-width: 1200px) {
  .distributions .nav-pills {
    margin-top: 50px;
    margin-bottom: 20px;
    gap: 28px;
  }
}
@media (min-width: 1360px) {
  .distributions .nav-pills {
    margin-top: 52px;
    margin-bottom: 22px;
    gap: 30px;
  }
}
@media (min-width: 1440px) {
  .distributions .nav-pills {
    margin-top: 55px;
    margin-bottom: 25px;
    gap: 35px;
  }
}
@media (min-width: 1600px) {
  .distributions .nav-pills {
    margin-top: 58px;
    margin-bottom: 26px;
    gap: 40px;
  }
}
@media (min-width: 1900px) {
  .distributions .nav-pills {
    margin-top: 60px;
    margin-bottom: 29px;
    gap: 50px;
  }
}
.distributions .nav-link {
  border-radius: 10px;
  color: #101010;
  background: #ECECEC;
}
.distributions .nav-link.active {
  background-color: #009746;
}

.brands article {
  width: 100%;
}
@media (min-width: 768px) {
  .brands article {
    width: 62.529%;
  }
}
@media (min-width: 992px) {
  .brands article {
    width: 67.529%;
  }
}
@media (min-width: 1200px) {
  .brands article {
    width: 74.529%;
  }
}
.brands article .d-flex {
  gap: 10px;
}
@media (min-width: 768px) {
  .brands article .d-flex {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .brands article .d-flex {
    gap: 19px;
  }
}
@media (min-width: 1200px) {
  .brands article .d-flex {
    gap: 24px;
  }
}
@media (min-width: 1360px) {
  .brands article .d-flex {
    gap: 27px;
  }
}
@media (min-width: 1440px) {
  .brands article .d-flex {
    gap: 29px;
  }
}
@media (min-width: 1600px) {
  .brands article .d-flex {
    gap: 32px;
  }
}
@media (min-width: 1900px) {
  .brands article .d-flex {
    gap: 39px;
  }
}
.brands article > picture {
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .brands article > picture {
    margin-bottom: 33px;
  }
}
@media (min-width: 768px) {
  .brands article > picture {
    margin-bottom: 36px;
  }
}
@media (min-width: 992px) {
  .brands article > picture {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .brands article > picture {
    margin-bottom: 42px;
  }
}
@media (min-width: 1360px) {
  .brands article > picture {
    margin-bottom: 44px;
  }
}
@media (min-width: 1440px) {
  .brands article > picture {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .brands article > picture {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .brands article > picture {
    margin-bottom: 60px;
  }
}
.brands article > picture img {
  height: auto;
}
@media (max-width: 767px) {
  .brands aside {
    display: none;
  }
}

.brand-filter {
  z-index: 9;
  position: fixed;
  top: 84px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 10px;
  background-color: #009746;
}
.brand-filter img {
  margin-right: 10px;
}
.brand-filter p {
  color: #fff;
}
.brand-filter p, .brand-filter select, .brand-filter option {
  font-size: 14px;
}
.brand-filter a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 15px;
}
.brand-filter select {
  background-position: 95% 50%;
  border-radius: 5px;
  padding: 2px 30px 2px 9px;
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
}

.offcanvasBrand .offcanvas-header {
  background-color: #009746;
}
.offcanvasBrand .offcanvas-header p {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
}

.page-brand aside {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 130px;
  border: 1px solid #ECECEC;
  background: #FAFAFD;
}
@media (min-width: 768px) {
  .page-brand aside {
    width: 34%;
  }
}
@media (min-width: 992px) {
  .page-brand aside {
    width: 29.709%;
  }
}
@media (min-width: 1200px) {
  .page-brand aside {
    width: 23.709%;
  }
}
.page-brand aside > p {
  background-color: #009746;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding: 20px 10px;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .page-brand aside > p {
    font-size: 17px;
  }
}
@media (min-width: 1360px) {
  .page-brand aside > p {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .page-brand aside > p {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .page-brand aside > p {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .page-brand aside > p {
    font-size: 24px;
  }
}
.page-brand aside > div {
  padding: 10px 10px 30px 10px;
  border-radius: 10px !important;
}
.page-brand aside > div button {
  color: #101010 !important;
}
.page-brand aside > div > div:first-child {
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
.page-brand aside > div > div:last-child {
  border-radius: 0px 0px 10px 10px;
  overflow: hidden;
}
.page-brand aside .accordion-button:not(.collapsed), .page-brand aside .accordion-button:focus {
  background: unset;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06);
}
.page-brand aside .custom-checkbox {
  margin-top: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #666;
}
.page-brand aside .custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.page-brand aside .custom-checkbox .checkmark {
  position: relative;
  background-color: transparent;
  border: 2px solid #666;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px; /* Add this for rounded corners */
  height: 17px;
  width: 17px;
}
@media (min-width: 992px) {
  .page-brand aside .custom-checkbox .checkmark {
    margin-right: 8px;
  }
}
@media (min-width: 1200px) {
  .page-brand aside .custom-checkbox .checkmark {
    margin-right: 9px;
    height: 19px;
    width: 19px;
  }
}
@media (min-width: 1440px) {
  .page-brand aside .custom-checkbox .checkmark {
    margin-right: 11px;
    height: 20px;
    width: 20px;
  }
}
.page-brand aside .custom-checkbox input:checked ~ p {
  color: #101010;
}
.page-brand aside .custom-checkbox input:checked ~ .checkmark {
  border: 2px solid #009746;
}
.page-brand aside .custom-checkbox input:checked ~ .checkmark::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><g clip-path="url(%23clip0_3135_4732)"><path d="M9.29963 1.84528L3.54172 7.60278C3.50301 7.64164 3.457 7.67248 3.40634 7.69352C3.35568 7.71457 3.30136 7.7254 3.24651 7.7254C3.19165 7.7254 3.13734 7.71457 3.08668 7.69352C3.03602 7.67248 2.99001 7.64164 2.9513 7.60278L0.724634 5.37403C0.685922 5.33516 0.639916 5.30432 0.589257 5.28328C0.538597 5.26224 0.484281 5.25141 0.429426 5.25141C0.37457 5.25141 0.320254 5.26224 0.269595 5.28328C0.218935 5.30432 0.172929 5.33516 0.134217 5.37403C0.0953519 5.41274 0.0645133 5.45875 0.043471 5.5094C0.0224286 5.56006 0.0115967 5.61438 0.0115967 5.66923C0.0115967 5.72409 0.0224286 5.77841 0.043471 5.82907C0.0645133 5.87973 0.0953519 5.92573 0.134217 5.96444L2.36172 8.19153C2.5967 8.42607 2.91513 8.5578 3.24713 8.5578C3.57914 8.5578 3.89757 8.42607 4.13255 8.19153L9.89005 2.43528C9.92885 2.39657 9.95964 2.35059 9.98064 2.29997C10.0017 2.24935 10.0125 2.19508 10.0125 2.14028C10.0125 2.08547 10.0017 2.0312 9.98064 1.98058C9.95964 1.92996 9.92885 1.88398 9.89005 1.84528C9.85134 1.80641 9.80533 1.77557 9.75467 1.75453C9.70401 1.73349 9.6497 1.72266 9.59484 1.72266C9.53999 1.72266 9.48567 1.73349 9.43501 1.75453C9.38435 1.77557 9.33835 1.80641 9.29963 1.84528Z" fill="%23009746"/></g><defs><clipPath id="clip0_3135_4732"><rect width="10" height="10" fill="white"/></clipPath></defs></svg>');
  top: 50%;
  transform: translateY(-50%);
}
.page-brand aside .accordion-body {
  padding: 20px;
}
.page-brand aside .accordion-body ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.page-brand aside picture {
  margin-right: 10px;
}
.page-brand aside img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-brand aside img {
    width: 70px;
  }
}
.page-brand aside .accordion-button::after {
  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"><path d="M10 10.8196L6.11635 7L5 8.08247L10 13L15 8.08247L13.8836 7L10 10.8196Z" fill="%23101010"/><path d="M15.8333 0H4.16667C3.0616 0 2.00179 0.438987 1.22039 1.22039C0.438987 2.00179 0 3.0616 0 4.16667L0 15.8333C0 16.3805 0.107774 16.9223 0.317169 17.4278C0.526563 17.9334 0.833478 18.3927 1.22039 18.7796C2.00179 19.561 3.0616 20 4.16667 20H15.8333C16.3805 20 16.9223 19.8922 17.4278 19.6828C17.9334 19.4734 18.3927 19.1665 18.7796 18.7796C19.1665 18.3927 19.4734 17.9334 19.6828 17.4278C19.8922 16.9223 20 16.3805 20 15.8333V4.16667C20 3.61949 19.8922 3.07768 19.6828 2.57215C19.4734 2.06663 19.1665 1.6073 18.7796 1.22039C18.3927 0.833478 17.9334 0.526563 17.4278 0.317169C16.9223 0.107774 16.3805 0 15.8333 0ZM18.3333 15.8333C18.3333 16.4964 18.0699 17.1323 17.6011 17.6011C17.1323 18.0699 16.4964 18.3333 15.8333 18.3333H4.16667C3.50363 18.3333 2.86774 18.0699 2.3989 17.6011C1.93006 17.1323 1.66667 16.4964 1.66667 15.8333V4.16667C1.66667 3.50363 1.93006 2.86774 2.3989 2.3989C2.86774 1.93006 3.50363 1.66667 4.16667 1.66667H15.8333C16.4964 1.66667 17.1323 1.93006 17.6011 2.3989C18.0699 2.86774 18.3333 3.50363 18.3333 4.16667V15.8333Z" fill="%23101010"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.page-brand aside .accordion-button:not(.collapsed)::after {
  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"><path d="M10 10.8196L6.11635 7L5 8.08247L10 13L15 8.08247L13.8836 7L10 10.8196Z" fill="%23009746"/><path d="M4.16667 20L15.8333 20C16.9384 20 17.9982 19.561 18.7796 18.7796C19.561 17.9982 20 16.9384 20 15.8333L20 4.16667C20 3.61949 19.8922 3.07768 19.6828 2.57215C19.4734 2.06663 19.1665 1.6073 18.7796 1.22039C17.9982 0.438987 16.9384 2.09184e-07 15.8333 1.12576e-07L4.16667 -9.07357e-07C3.61949 -9.55192e-07 3.07768 0.107773 2.57215 0.317167C2.06663 0.526562 1.6073 0.833477 1.22039 1.22039C0.83348 1.6073 0.526565 2.06663 0.31717 2.57215C0.107776 3.07767 1.90887e-06 3.61949 1.86103e-06 4.16667L8.41099e-07 15.8333C7.93263e-07 16.3805 0.107774 16.9223 0.317169 17.4278C0.526563 17.9334 0.833478 18.3927 1.22039 18.7796C1.6073 19.1665 2.06663 19.4734 2.57215 19.6828C3.07768 19.8922 3.61949 20 4.16667 20ZM1.66667 4.16667C1.66667 3.50362 1.93006 2.86774 2.3989 2.3989C2.86774 1.93006 3.50363 1.66667 4.16667 1.66667L15.8333 1.66667C16.4964 1.66667 17.1323 1.93006 17.6011 2.3989C18.0699 2.86774 18.3333 3.50363 18.3333 4.16667L18.3333 15.8333C18.3333 16.4964 18.0699 17.1323 17.6011 17.6011C17.1323 18.0699 16.4964 18.3333 15.8333 18.3333L4.16667 18.3333C3.50363 18.3333 2.86774 18.0699 2.3989 17.6011C1.93006 17.1323 1.66667 16.4964 1.66667 15.8333L1.66667 4.16667Z" fill="%23009746"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.page-brand aside .accordion-button {
  padding: 12px 10px;
  gap: 5px;
}
@media (min-width: 768px) {
  .page-brand aside .accordion-button {
    padding: 14px 10px;
  }
}
@media (min-width: 992px) {
  .page-brand aside .accordion-button {
    padding: 16px 10px;
  }
}
@media (min-width: 1200px) {
  .page-brand aside .accordion-button {
    padding: 20px 10px;
  }
}

.pagination {
  margin-top: 61px;
  border: 1px solid #ECECEC;
  background: #FAFAFD;
  padding: 10px 0px;
  gap: 5px;
}
@media (min-width: 768px) {
  .pagination {
    padding: 20px 0px;
    gap: 10px;
  }
}
.pagination .page-link {
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 10px !important;
  border: 1px solid #ECECEC;
}
.pagination .page-link span {
  display: flex;
}
.pagination .page-link:focus {
  box-shadow: unset;
}
.pagination .page-link:hover {
  background-color: #009746;
  color: #fff;
}
.pagination .page-link:hover path {
  fill: #fff;
}
.pagination li:first-child .page-link:hover, .pagination li:last-child .page-link:hover {
  background: #666;
  border: 1px solid #666;
}

.productBox {
  width: 48.2%;
  border-radius: 10px;
  border: 1px solid #ECECEC;
  background: #FFF;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .productBox {
    width: 47.2%;
  }
}
@media (min-width: 1200px) {
  .productBox {
    width: 31.2%;
  }
}
@media (min-width: 1200px) {
  .productBox {
    width: 22.595%;
  }
}
.productBox picture {
  padding: 10px;
}
.productBox picture img {
  width: 100%;
  height: auto;
}
.productBox a {
  align-items: center;
  color: #676767;
  background: #FAFAFD;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 15px;
  padding: 10px 0px 8px 0px;
  margin-top: 10px;
}
.productBox a svg {
  width: 14px;
}
@media (min-width: 768px) {
  .productBox a {
    padding: 12px 0px 10px 0px;
    gap: 22px;
    margin-top: 14px;
  }
  .productBox a svg {
    width: 16px;
  }
}
@media (min-width: 992px) {
  .productBox a {
    padding: 14px 0px 11px 0px;
    gap: 28px;
    margin-top: 18px;
  }
  .productBox a svg {
    width: 18px;
  }
}
@media (min-width: 1200px) {
  .productBox a {
    padding: 15px 0px 13px 0px;
    gap: 30px;
    margin-top: 20px;
  }
  .productBox a svg {
    width: 20px;
  }
}
@media (min-width: 1360px) {
  .productBox a {
    padding: 16px 0px 14px 0px;
    gap: 33px;
    margin-top: 22px;
  }
  .productBox a svg {
    width: 22px;
  }
}
@media (min-width: 1440px) {
  .productBox a {
    padding: 17px 0px 15px 0px;
    gap: 36px;
    margin-top: 26px;
  }
  .productBox a svg {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .productBox a {
    padding: 18px 0px 16px 0px;
    gap: 38px;
    margin-top: 28px;
  }
  .productBox a svg {
    width: 28px;
  }
}
@media (min-width: 1900px) {
  .productBox a {
    margin-top: 30px;
    gap: 45px;
  }
  .productBox a svg {
    width: 30px;
  }
}
.productBox p {
  text-align: center;
  color: #101010;
  width: 90%;
  margin: auto;
}
@media (min-width: 576px) {
  .productBox p {
    width: 77%;
  }
}
.productBox:hover {
  box-shadow: 0px 10px 10px 0px #B8E7CE;
}
.productBox:hover a {
  background-color: #009746;
  color: #fff;
}
.productBox:hover a path {
  fill: #fff;
}

.related-products {
  background-color: #FAFAFD;
}

.related-product-slider {
  margin-top: 40px;
}
.related-product-slider .slick-slide {
  margin: 0px 5px;
  display: flex !important;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .related-product-slider .slick-slide {
    margin: 0px 10px;
    margin-bottom: 22px;
  }
}
@media (min-width: 1200px) {
  .related-product-slider .slick-slide {
    margin: 0px 12px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1360px) {
  .related-product-slider .slick-slide {
    margin: 0px 15px;
    margin-bottom: 33px;
  }
}
@media (min-width: 1440px) {
  .related-product-slider .slick-slide {
    margin: 0px 17px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1600px) {
  .related-product-slider .slick-slide {
    margin: 0px 19px;
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) {
  .related-product-slider .slick-slide {
    margin: 0px 21px;
    margin-bottom: 41px;
  }
}
.related-product-slider .slick-list {
  margin: 0px -5px;
}
@media (min-width: 576px) {
  .related-product-slider .slick-list {
    margin: 0px -10px;
  }
}
@media (min-width: 1200px) {
  .related-product-slider .slick-list {
    margin: 0px -12px;
  }
}
@media (min-width: 1360px) {
  .related-product-slider .slick-list {
    margin: 0px -15px;
  }
}
@media (min-width: 1440px) {
  .related-product-slider .slick-list {
    margin: 0px -17px;
  }
}
@media (min-width: 1600px) {
  .related-product-slider .slick-list {
    margin: 0px -19px;
  }
}
@media (min-width: 1900px) {
  .related-product-slider .slick-list {
    margin: 0px -21px;
  }
}

.container-products {
  max-width: 94.8%;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .container-products {
    max-width: 92.8%;
  }
}
.container-products .slick-slide {
  min-height: auto;
}
.container-products .productBox p {
  height: 68px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .container-products .productBox p {
    height: 44px;
  }
}
@media (min-width: 1200px) {
  .container-products .productBox p {
    height: 48px;
  }
}
@media (min-width: 1280px) {
  .container-products .productBox p {
    height: 52px;
  }
}
@media (min-width: 1360px) {
  .container-products .productBox p {
    height: 55px;
  }
}
@media (min-width: 1440px) {
  .container-products .productBox p {
    height: 60px;
  }
}
@media (min-width: 1600px) {
  .container-products .productBox p {
    height: 64px;
  }
}
@media (min-width: 1900px) {
  .container-products .productBox p {
    height: 68px;
  }
}

.product-frame {
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid #ECECEC;
  background: #FAFAFD;
  padding: 5px 5px 2.5px 5px;
  width: 100%;
}
@media (min-width: 992px) {
  .product-frame {
    padding: 15px 15px 10px 15px;
    width: 42.858%;
  }
}
.product-frame img {
  width: 100%;
  height: auto;
}
.product-frame .slider-nav {
  margin-top: 10px;
  border-radius: 10px;
  background: #F5F5F5;
  padding: 5px;
  padding-right: 80px;
}
@media (min-width: 768px) {
  .product-frame .slider-nav {
    padding: 10px;
    padding-right: 150px;
  }
}
@media (min-width: 992px) {
  .product-frame .slider-nav {
    padding: 8px;
    padding-right: 100px;
  }
}
@media (min-width: 1200px) {
  .product-frame .slider-nav {
    padding: 10px;
    padding-right: 100px;
  }
}
@media (min-width: 1360px) {
  .product-frame .slider-nav {
    padding: 11px;
    padding-right: 120px;
  }
}
@media (min-width: 1440px) {
  .product-frame .slider-nav {
    padding: 13px;
    padding-right: 130px;
  }
}
@media (min-width: 1600px) {
  .product-frame .slider-nav {
    padding: 14px;
    padding-right: 155px;
  }
}
@media (min-width: 1900px) {
  .product-frame .slider-nav {
    padding: 15px;
    padding-right: 170px;
  }
}
.product-frame .slider-nav .slick-slide {
  border-radius: 5px;
  border: 1px solid #ECECEC;
  background: #fff;
  overflow: hidden;
  margin: 0px 5px;
}
@media (min-width: 1200px) {
  .product-frame .slider-nav .slick-slide {
    margin: 0px 8px;
  }
}
@media (min-width: 1360px) {
  .product-frame .slider-nav .slick-slide {
    margin: 0px 12px;
  }
}
@media (min-width: 1440px) {
  .product-frame .slider-nav .slick-slide {
    margin: 0px 13px;
  }
}
@media (min-width: 1600px) {
  .product-frame .slider-nav .slick-slide {
    margin: 0px 14px;
  }
}
@media (min-width: 1900px) {
  .product-frame .slider-nav .slick-slide {
    margin: 0px 15px;
  }
}
.product-frame .slider-nav .slick-list {
  margin: 0px -5px;
}
@media (min-width: 1200px) {
  .product-frame .slider-nav .slick-list {
    margin: 0px -8px;
  }
}
@media (min-width: 1360px) {
  .product-frame .slider-nav .slick-list {
    margin: 0px -12px;
  }
}
@media (min-width: 1440px) {
  .product-frame .slider-nav .slick-list {
    margin: 0px -13px;
  }
}
@media (min-width: 1600px) {
  .product-frame .slider-nav .slick-list {
    margin: 0px -14px;
  }
}
@media (min-width: 1900px) {
  .product-frame .slider-nav .slick-list {
    margin: 0px -15px;
  }
}
.product-frame .slick-nav {
  position: absolute;
  right: 10px;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  justify-content: flex-end;
  gap: 10px;
}
@media (min-width: 1200px) {
  .product-frame .slick-nav {
    right: 11px;
    gap: 12px;
  }
}
@media (min-width: 1360px) {
  .product-frame .slick-nav {
    right: 12px;
    gap: 14px;
  }
}
@media (min-width: 1440px) {
  .product-frame .slick-nav {
    right: 13px;
    gap: 16px;
  }
}
@media (min-width: 1600px) {
  .product-frame .slick-nav {
    right: 14px;
    gap: 18px;
  }
}
@media (min-width: 1900px) {
  .product-frame .slick-nav {
    right: 15px;
    gap: 20px;
  }
}
.product-frame .slick-nav svg {
  height: auto;
  width: 20px;
}
@media (min-width: 768px) {
  .product-frame .slick-nav svg {
    width: 32px;
  }
}
@media (min-width: 992px) {
  .product-frame .slick-nav svg {
    width: 18px;
  }
}
@media (min-width: 1200px) {
  .product-frame .slick-nav svg {
    width: 20px;
  }
}
@media (min-width: 1360px) {
  .product-frame .slick-nav svg {
    width: 24px;
  }
}
@media (min-width: 1440px) {
  .product-frame .slick-nav svg {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .product-frame .slick-nav svg {
    width: 28px;
  }
}
@media (min-width: 1900px) {
  .product-frame .slick-nav svg {
    width: 30px;
  }
}
.product-frame .slick-nav > div:hover rect {
  fill: #101010;
}
.product-frame .slick-nav > div:hover path {
  fill: #fff;
}

.product-details {
  width: 100;
}
@media (min-width: 992px) {
  .product-details {
    width: 49.18%;
  }
}
.product-details h2 {
  line-height: normal;
  font-size: 24px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CECEC5;
}
@media (max-width: 991px) {
  .product-details h2 {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .product-details h2 {
    font-size: 22px;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .product-details h2 {
    font-size: 26px;
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
}
@media (min-width: 1360px) {
  .product-details h2 {
    font-size: 29px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1440px) {
  .product-details h2 {
    font-size: 30px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .product-details h2 {
    font-size: 32px;
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .product-details h2 {
    font-size: 34px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.product-details p + p {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .product-details p + p {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .product-details p + p {
    margin-top: 25px;
  }
}
@media (min-width: 1360px) {
  .product-details p + p {
    margin-top: 28px;
  }
}
@media (min-width: 1440px) {
  .product-details p + p {
    margin-top: 30px;
  }
}
@media (min-width: 1600px) {
  .product-details p + p {
    margin-top: 36px;
  }
}
@media (min-width: 1900px) {
  .product-details p + p {
    margin-top: 40px;
  }
}
.product-details .quantity {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .product-details .quantity {
    gap: 10px;
    margin-top: 24px;
    margin-bottom: 44px;
  }
}
@media (min-width: 992px) {
  .product-details .quantity {
    gap: 12px;
    margin-top: 28px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .product-details .quantity {
    gap: 15px;
    margin-top: 30px;
    margin-bottom: 53px;
  }
}
@media (min-width: 1360px) {
  .product-details .quantity {
    gap: 17px;
    margin-top: 33px;
    margin-bottom: 56px;
  }
}
@media (min-width: 1440px) {
  .product-details .quantity {
    gap: 18px;
    margin-top: 36px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1600px) {
  .product-details .quantity {
    gap: 19px;
    margin-top: 39px;
    margin-bottom: 62px;
  }
}
@media (min-width: 1900px) {
  .product-details .quantity {
    gap: 20px;
    margin-top: 41px;
    margin-bottom: 65px;
  }
}
@media (min-width: 1360px) {
  .product-details .btn i {
    padding: 16px;
  }
  .product-details .btn i img {
    width: 16px;
  }
}
@media (min-width: 1440px) {
  .product-details .btn i {
    padding: 15px;
  }
  .product-details .btn i img {
    width: 16px;
  }
}
@media (min-width: 1600px) {
  .product-details .btn i {
    padding: 18px;
  }
  .product-details .btn i img {
    width: 16px;
  }
}
@media (min-width: 1900px) {
  .product-details .btn i {
    padding: 22px;
  }
  .product-details .btn i img {
    width: 20px;
  }
}
.product-details .radio-group {
  gap: 5px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .product-details .radio-group {
    gap: 5px;
  }
}
@media (min-width: 1360px) {
  .product-details .radio-group {
    gap: 6px;
  }
}
@media (min-width: 1440px) {
  .product-details .radio-group {
    gap: 8px;
  }
}
@media (min-width: 1600px) {
  .product-details .radio-group {
    gap: 9px;
  }
}
@media (min-width: 1900px) {
  .product-details .radio-group {
    gap: 10px;
  }
}
.product-details .radio-group label {
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.product-details .radio-group label span {
  display: block;
  border-radius: 10px;
  border: 1px solid #ECECEC;
  background: #FFF;
  padding: 2px 5px;
}
@media (min-width: 992px) {
  .product-details .radio-group label span {
    padding: 3px 8px;
  }
}
@media (min-width: 1200px) {
  .product-details .radio-group label span {
    padding: 3px 10px;
  }
}
@media (min-width: 1360px) {
  .product-details .radio-group label span {
    padding: 3px 11px;
  }
}
@media (min-width: 1440px) {
  .product-details .radio-group label span {
    padding: 3px 12px;
  }
}
@media (min-width: 1600px) {
  .product-details .radio-group label span {
    padding: 3px 14px;
  }
}
@media (min-width: 1900px) {
  .product-details .radio-group label span {
    padding: 3px 15px;
  }
}
.product-details .radio-group label input {
  display: none;
}
.product-details .radio-group label input:checked + span {
  background-color: #009746;
  border-color: #009746;
  color: #fff;
}/*# sourceMappingURL=style.css.map */