@charset "UTF-8";
*, ::before, ::after{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
::backdrop{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.top-0{
  top: 0;
}
.my-4{
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 2rem;
}
.mb-4{
  margin-bottom: 4rem;
}
.mb-5{
  margin-bottom: 5rem;
}
.mb-6{
  margin-bottom: 6rem;
}
.mb-7{
  margin-bottom: 7rem;
}
.mb-8{
  margin-bottom: 8rem;
}
.mt-12{
  margin-top: 12rem;
}
.mt-2{
  margin-top: 2rem;
}
.mt-3{
  margin-top: 3rem;
}
.mt-5{
  margin-top: 5rem;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.\!inline{
  display: inline !important;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.table-caption{
  display: table-caption;
}
.table-cell{
  display: table-cell;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.w-full{
  width: 100%;
}
.max-w-\[73rem\]{
  max-width: 73rem;
}
.flex-shrink{
  flex-shrink: 1;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.gap-2{
  gap: 2rem;
}
.gap-x-2{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-y-3{
  row-gap: 3rem;
}
.gap-y-4{
  row-gap: 4rem;
}
.gap-y-5{
  row-gap: 5rem;
}
.border{
  border-width: 1px;
}
.pb-12{
  padding-bottom: 12rem;
}
.pb-8{
  padding-bottom: 8rem;
}
.pt-12{
  padding-top: 12rem;
}
.pt-8{
  padding-top: 8rem;
}
.text-center{
  text-align: center;
}
.text-20{
  font-size: 2rem;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.text-second{
  color: #2F4939;
}
.text-white{
  color: #fff;
}
.underline{
  text-decoration-line: underline;
}
.\!invert{
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition: .3s all ease-in-out;
}
.ff-second {
  font-family: "Nunito Sans";
}

.title-xl {
  font-family: "Nunito Sans";
  font-size: 7rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .title-xl {
    font-size: 6rem;
  }
}
@media (max-width: 767px) {
  .title-xl {
    font-size: 5rem;
  }
}

.title-l, section.section-countup .statistics .item .number {
  font-family: "Nunito Sans";
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
}

.title-m {
  font-family: "Nunito Sans";
  font-size: 3.2rem;
  font-weight: 700;
}

.title-caption, .service-card .content .title {
  font-family: "Nunito Sans";
  font-size: 2.5rem;
  font-weight: 700;
}

*,
*:after,
*:before {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

html {
  height: -webkit-fill-available;
  font-size: 0.5208333333vw;
}
@media (max-width: 1279px) {
  html {
    font-size: 0.7818608288vw;
  }
}
@media (max-width: 991px) {
  html {
    font-size: 1.0090817356vw;
  }
}
@media (max-width: 575px) {
  html {
    font-size: 1.7391304348vw;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 10px;
  }
}

body {
  -webkit-box-sizing: border-box;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 260rem;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  overflow-x: hidden;
  color: #231F20;
  font-family: "Inter";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: calc(24/18);
}

a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
}

input,
textarea,
button {
  outline: none;
  box-shadow: none;
}

.col,
[class*=col-] {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

[class*=col-span-], [class*=col-end-], [class*=col-start-] {
  padding-right: 0;
  padding-left: 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.container-fluid, .container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.container-fluid {
  padding-right: 3rem;
  padding-left: 3rem;
}
@media (max-width: 1279px) {
  .container-fluid {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.container {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media (min-width: 1280px) {
  .container {
    max-width: calc(158.6/ 192 * 100%);
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 158.6rem;
  }
}

.no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.gap-large {
  margin-right: -1.5rem !important;
  margin-left: -1.5rem !important;
}
.gap-large > .col, .gap-large > [class*=col-] {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.img-white {
  filter: brightness(0) invert(1);
}

.fake-bold {
  text-stroke: 1px currentColor;
  -webkit-text-stroke: 1px currentColor;
}

.swiper-slide {
  box-sizing: border-box;
}

.my-tabs .tab-content {
  display: none;
}

.accordion-content {
  display: none;
}

.tabs-nav-wrap {
  overflow: hidden;
  overflow-x: auto;
}
.tabs-nav-wrap::-webkit-scrollbar {
  height: 0;
}

.price ins {
  text-decoration: none;
}

a {
  color: inherit;
}

.desc p:not(:last-child), .brief-content p:not(:last-child), .full-content p:not(:last-child) {
  margin-bottom: 2rem;
}

.row-reverse {
  flex-direction: row-reverse !important;
}

.triangle {
  display: inline-block;
  margin: 5px;
  width: 0;
  height: 0;
}
.triangle--top {
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #000;
  border-left: 1rem solid transparent;
}
.triangle--bottom {
  border-top: 1rem solid #000;
  border-right: 1rem solid transparent;
  border-left: 1rem solid transparent;
}
.triangle--right {
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1rem solid #000;
}
.triangle--left {
  border-top: 1rem solid transparent;
  border-right: 1rem solid #000;
  border-bottom: 1rem solid transparent;
}

.myFancyBox .fancybox-thumbs {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px;
  width: auto;
}

.fancybox-show-thumbs .fancybox-inner {
  width: 100%;
}

.myFancyBox .fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: 0;
}

.fancybox-thumbs__list a:before {
  border: 0.3rem solid #4272C5;
}

.swiper-pagination-progressbar {
  position: relative !important;
  margin-top: 1rem;
  background: #FFFFFF;
  width: 100%;
  max-width: 56.4rem;
  height: 0.4rem !important;
}
.swiper-pagination-progressbar-fill {
  background: #EE1F33 !important;
  height: 0.4rem !important;
}

.btn {
  gap: 1rem;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: all 0.3s;
  border: none;
  border: 1px solid transparent;
  border-radius: 0.8rem;
  padding: 0 2rem;
  height: 4.6rem;
  overflow: hidden;
  color: #5A6653;
  font-family: "Nunito Sans";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.btn em {
  font-size: 1.6rem;
}
.btn em::before {
  font-weight: bold;
}
.btn .icon {
  display: block;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
}
.btn .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.btn[class*="--brounded"] {
  position: relative;
  z-index: 1;
}
.btn-white {
  background: #FFFFFf;
  color: #5A6653;
}
.btn-white .icon img {
  filter: brightness(0);
}
.btn-white--brounded {
  border: 2px solid #5A6653;
  background: none;
  color: #5A6653;
}
.btn-white--brounded:hover, .btn-white--brounded.active {
  transition: all 0.2s;
  background: #fff;
  color: #5A6653;
}
.btn-white:hover, .btn-white.active {
  transition: all 0.3s;
}
.btn-main, .btn.loadMoreBtn {
  background: #5a6653;
  color: #fff;
}
.btn-main--brounded {
  border: 2px solid #5a6653;
  background: none;
  color: #fff;
}
.btn-main--brounded:hover {
  transition: all 0.2s;
  background: #5a6653;
  color: #ffffff;
}
.btn-red {
  background: #EE1F33;
  color: #fff;
}
.btn-red--brounded {
  border: 2px solid #EE1F33;
  background: none;
  color: #EE1F33;
}
.btn-red--brounded:hover {
  transition: all 0.2s;
  background: #EE1F33;
  color: #ffffff;
}
.btn-red:hover, .btn-red.active {
  transition: all 0.3s;
  border: 2px solid #EE1F33;
  background: none;
  color: inherit;
}
.btn-black {
  background: black;
  color: #ffffff;
}
.btn-black--brounded {
  border: 2px solid black;
  background: none;
  color: black;
}
.btn-black--brounded:hover, .btn-black--brounded.active {
  background: black;
  color: #fff;
}
.btn-black:hover, .btn-black.active {
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.8);
}
.btn-blue {
  background: #4272C5;
  color: #ffffff;
}
.btn-blue--brounded {
  background: none;
  color: #4272C5;
}
.btn-blue:hover, .btn-blue.active {
  transition: all 0.3s;
  background: rgba(66, 114, 197, 0.8);
}
.btn.disable {
  background: #EDEDED;
  color: #ADADAD;
}
.btn.disable .icon img {
  filter: brightness(0) opacity(0.25);
}

.btn-2 {
  gap: 1rem;
  display: flex;
  align-items: center;
  color: #EE1F33;
  font-weight: 600;
}
.btn-2 i {
  transition: all 0.3s;
}
.btn-2:hover i {
  transform: translateX(0.7rem);
}

.btn.loadMoreBtn {
  display: block;
  margin: 0 auto;
  margin-top: 5rem;
  width: -moz-fit-content;
  width: fit-content;
}

.btn-group {
  gap: 3rem;
  display: flex;
  flex-flow: wrap;
  align-items: center;
}

.swiper-pagination {
  display: flex;
  position: absolute;
  bottom: 0rem;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.swiper-pagination span {
  display: block;
  position: static;
  opacity: 1;
  transition: all 0.2s;
  margin: 0 0.5rem;
  outline: none;
  border: none;
  border-radius: 50%;
  background: #D9D9D9;
  width: 5px;
  height: 5px;
}
.swiper-pagination span.swiper-pagination-bullet-active {
  background: #A2BA4C;
  width: 1rem;
  height: 1rem;
}

.swiper-prev, .swiper-next {
  display: grid;
  position: absolute;
  top: 50%;
  place-items: center;
  transform: translateY(-50%);
  z-index: 98;
  transition: all 0.2s;
  cursor: pointer;
  outline: none;
  border-radius: 0;
  background: none;
  width: 4.8rem;
  height: 4.8rem;
}
.swiper-prev img, .swiper-next img {
  width: 100%;
}
.swiper-prev em, .swiper-next em {
  font-size: 2.4rem;
}

.swiper-prev {
  left: 1.5rem;
}

.swiper-next {
  right: 1.5rem;
}

.swiper-button-disabled {
  cursor: no-drop;
  background: none;
  color: #999;
}

.swiper-btn {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.swiper-btn .swiper-next, .swiper-btn .swiper-prev {
  position: static;
  transform: none;
}

input, textarea {
  transition: outline 0.2s;
  outline: none;
  box-shadow: none;
  border: 0;
  border-radius: 0.4rem;
  background: #F2F2F7;
  padding: 0 1.6rem;
  width: 100%;
  height: 4rem;
  font-size: 1.8rem;
}

textarea {
  padding: 1.5rem;
  min-height: 15rem;
}

input[type=submit] {
  width: -moz-fit-content;
  width: fit-content;
}

input[type=date]::-webkit-inner-spin-button {
  display: none;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  opacity: 0;
  width: 4rem;
  height: 4rem;
}

.input-text.hasDatepicker {
  background-image: url(../img/icons/date.png);
  background-position: center;
  background-position: calc(100% - 2rem) center;
  background-repeat: no-repeat;
  background-size: 2rem auto;
}

::-webkit-input-placeholder {
  color: rgba(20, 51, 35, 0.5);
}

select:invalid {
  color: rgba(20, 51, 35, 0.5);
}

select {
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
  border: 0;
  border-radius: 0.4rem;
  background: #F2F2F7;
  background-image: url(../img/down.svg);
  background-position: center;
  background-position: calc(100% - 1.2rem) center;
  background-repeat: no-repeat;
  background-size: 2rem auto;
  padding: 0 1.6rem;
  padding-right: 5rem;
  width: 100%;
  min-width: 15rem;
  height: 4rem;
  font-size: 1.8rem;
  line-height: 4rem;
  text-transform: capitalize;
}

button {
  outline: none !important;
  box-shadow: none;
  border: none;
  background: none;
}

@media screen and (min-width: 768px) {
  .form-row {
    grid-gap: 0 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
  .form-row select {
    min-width: auto;
  }
}
.form-group {
  margin-bottom: 3.2rem;
}
.form-group .input {
  position: relative;
}

.form-group .dropdown, .form-wrap .dropdown {
  width: 100%;
}
.form-group label, .form-wrap label {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
}
.form-group label .required, .form-wrap label .required {
  color: #EE1F33;
}

.custom-checkbox, .custom-radio, .wc_payment_method {
  cursor: pointer;
}
.custom-checkbox > label, .custom-radio > label, .wc_payment_method > label {
  margin-bottom: 0;
}
.custom-checkbox > input, .custom-radio > input, .wc_payment_method > input {
  display: none;
  cursor: pointer;
  margin-bottom: 0;
  padding: 0;
  width: initial;
  height: initial;
}
.custom-checkbox.style-1 > label, .custom-checkbox.style-1 > span, .custom-radio.style-1 > label, .custom-radio.style-1 > span, .wc_payment_method.style-1 > label, .wc_payment_method.style-1 > span {
  position: relative;
  cursor: pointer;
  padding-left: 4rem;
  width: 100%;
  font-size: 1.8rem;
}
.custom-checkbox.style-1 > label:before, .custom-checkbox.style-1 > span:before, .custom-radio.style-1 > label:before, .custom-radio.style-1 > span:before, .wc_payment_method.style-1 > label:before, .wc_payment_method.style-1 > span:before {
  position: absolute;
  top: -0.5rem;
  left: 0;
  cursor: pointer;
  border: none;
  border: 1px solid #5f6569;
  border-radius: 0.5rem;
  background: none;
  width: 2.8rem;
  height: 2.8rem;
  content: "";
}
.custom-checkbox.style-1 > label:after, .custom-checkbox.style-1 > span:after, .custom-radio.style-1 > label:after, .custom-radio.style-1 > span:after, .wc_payment_method.style-1 > label:after, .wc_payment_method.style-1 > span:after {
  position: absolute;
  top: -0.5rem;
  left: 0.8rem;
  opacity: 0;
  color: #fff;
  font-family: "Font Awesome 6 Pro";
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 2.8rem;
  content: "";
}
.custom-checkbox.style-1 > label .content, .custom-checkbox.style-1 > span .content, .custom-radio.style-1 > label .content, .custom-radio.style-1 > span .content, .wc_payment_method.style-1 > label .content, .wc_payment_method.style-1 > span .content {
  display: none;
  margin-top: 2rem;
  margin-left: -3rem;
  background: #F5F5F5;
  padding: 1.2rem 5rem;
  width: calc(100% + 3.5rem);
  font-size: 1.6rem;
}
.custom-checkbox.style-1 input[type=radio]:focus + label .content, .custom-checkbox.style-1 input[type=radio]:focus + span .content, .custom-radio.style-1 input[type=radio]:focus + label .content, .custom-radio.style-1 input[type=radio]:focus + span .content, .wc_payment_method.style-1 input[type=radio]:focus + label .content, .wc_payment_method.style-1 input[type=radio]:focus + span .content {
  display: block;
  font-weight: normal !important;
}
.custom-checkbox.style-1 input[type=radio]:focus + label:after, .custom-checkbox.style-1 input[type=radio]:focus + span:after, .custom-radio.style-1 input[type=radio]:focus + label:after, .custom-radio.style-1 input[type=radio]:focus + span:after, .wc_payment_method.style-1 input[type=radio]:focus + label:after, .wc_payment_method.style-1 input[type=radio]:focus + span:after {
  opacity: 1;
}
.custom-checkbox.style-1 input[type=radio]:focus + label:before, .custom-checkbox.style-1 input[type=radio]:focus + span:before, .custom-radio.style-1 input[type=radio]:focus + label:before, .custom-radio.style-1 input[type=radio]:focus + span:before, .wc_payment_method.style-1 input[type=radio]:focus + label:before, .wc_payment_method.style-1 input[type=radio]:focus + span:before {
  border: 1px solid #EE1F33;
  background: #EE1F33;
}
.custom-checkbox.style-1 input[type=radio]:checked + label .content, .custom-checkbox.style-1 input[type=radio]:checked + span .content, .custom-radio.style-1 input[type=radio]:checked + label .content, .custom-radio.style-1 input[type=radio]:checked + span .content, .wc_payment_method.style-1 input[type=radio]:checked + label .content, .wc_payment_method.style-1 input[type=radio]:checked + span .content {
  display: block;
  font-weight: normal !important;
}
.custom-checkbox.style-1 input[type=radio]:checked + label:after, .custom-checkbox.style-1 input[type=radio]:checked + span:after, .custom-radio.style-1 input[type=radio]:checked + label:after, .custom-radio.style-1 input[type=radio]:checked + span:after, .wc_payment_method.style-1 input[type=radio]:checked + label:after, .wc_payment_method.style-1 input[type=radio]:checked + span:after {
  opacity: 1;
}
.custom-checkbox.style-1 input[type=radio]:checked + label:before, .custom-checkbox.style-1 input[type=radio]:checked + span:before, .custom-radio.style-1 input[type=radio]:checked + label:before, .custom-radio.style-1 input[type=radio]:checked + span:before, .wc_payment_method.style-1 input[type=radio]:checked + label:before, .wc_payment_method.style-1 input[type=radio]:checked + span:before {
  border: 1px solid #EE1F33;
  background: #EE1F33;
}
.custom-checkbox.style-1 input[type=checkbox]:focus + label .content, .custom-checkbox.style-1 input[type=checkbox]:focus + span .content, .custom-radio.style-1 input[type=checkbox]:focus + label .content, .custom-radio.style-1 input[type=checkbox]:focus + span .content, .wc_payment_method.style-1 input[type=checkbox]:focus + label .content, .wc_payment_method.style-1 input[type=checkbox]:focus + span .content {
  display: block;
  font-weight: normal !important;
}
.custom-checkbox.style-1 input[type=checkbox]:focus + label:after, .custom-checkbox.style-1 input[type=checkbox]:focus + span:after, .custom-radio.style-1 input[type=checkbox]:focus + label:after, .custom-radio.style-1 input[type=checkbox]:focus + span:after, .wc_payment_method.style-1 input[type=checkbox]:focus + label:after, .wc_payment_method.style-1 input[type=checkbox]:focus + span:after {
  opacity: 1;
}
.custom-checkbox.style-1 input[type=checkbox]:focus + label:before, .custom-checkbox.style-1 input[type=checkbox]:focus + span:before, .custom-radio.style-1 input[type=checkbox]:focus + label:before, .custom-radio.style-1 input[type=checkbox]:focus + span:before, .wc_payment_method.style-1 input[type=checkbox]:focus + label:before, .wc_payment_method.style-1 input[type=checkbox]:focus + span:before {
  border: 1px solid #EE1F33;
  background: #EE1F33;
}
.custom-checkbox.style-1 input[type=checkbox]:checked + label .content, .custom-checkbox.style-1 input[type=checkbox]:checked + span .content, .custom-radio.style-1 input[type=checkbox]:checked + label .content, .custom-radio.style-1 input[type=checkbox]:checked + span .content, .wc_payment_method.style-1 input[type=checkbox]:checked + label .content, .wc_payment_method.style-1 input[type=checkbox]:checked + span .content {
  display: block;
  font-weight: normal !important;
}
.custom-checkbox.style-1 input[type=checkbox]:checked + label:after, .custom-checkbox.style-1 input[type=checkbox]:checked + span:after, .custom-radio.style-1 input[type=checkbox]:checked + label:after, .custom-radio.style-1 input[type=checkbox]:checked + span:after, .wc_payment_method.style-1 input[type=checkbox]:checked + label:after, .wc_payment_method.style-1 input[type=checkbox]:checked + span:after {
  opacity: 1;
}
.custom-checkbox.style-1 input[type=checkbox]:checked + label:before, .custom-checkbox.style-1 input[type=checkbox]:checked + span:before, .custom-radio.style-1 input[type=checkbox]:checked + label:before, .custom-radio.style-1 input[type=checkbox]:checked + span:before, .wc_payment_method.style-1 input[type=checkbox]:checked + label:before, .wc_payment_method.style-1 input[type=checkbox]:checked + span:before {
  border: 1px solid #EE1F33;
  background: #EE1F33;
}

.wc_payment_method > label, .wc_payment_method > span {
  position: relative;
  cursor: pointer;
  padding-left: 3rem;
  width: 100%;
}
.wc_payment_method > label:before, .wc_payment_method > span:before {
  position: absolute;
  top: 1rem;
  left: 0;
  cursor: pointer;
  border: none;
  border: 1px solid #DADADA;
  border-radius: 50%;
  background: #fff;
  width: 2rem;
  height: 2rem;
  content: "";
}
.wc_payment_method > label .content, .wc_payment_method > span .content {
  display: none;
  margin-top: 2rem;
  margin-left: -3rem;
  background: #F5F5F5;
  padding: 1.2rem 5rem;
  width: calc(100% + 3.5rem);
  font-size: 1.6rem;
}
.wc_payment_method input[type=radio]:focus + label .content, .wc_payment_method input[type=radio]:focus + span .content {
  display: block;
  font-weight: normal !important;
}
.wc_payment_method input[type=radio]:focus + label:before, .wc_payment_method input[type=radio]:focus + span:before {
  box-shadow: inset 0 0 0 0.5rem #fff;
  border: 1px solid #071326;
  background: #071326;
}
.wc_payment_method input[type=radio]:checked + label .content, .wc_payment_method input[type=radio]:checked + span .content {
  display: block;
  font-weight: normal !important;
}
.wc_payment_method input[type=radio]:checked + label:before, .wc_payment_method input[type=radio]:checked + span:before {
  box-shadow: inset 0 0 0 0.5rem #fff;
  border: 1px solid #071326;
  background: #071326;
}
.wc_payment_method input[type=checkbox]:focus + label .content, .wc_payment_method input[type=checkbox]:focus + span .content {
  display: block;
  font-weight: normal !important;
}
.wc_payment_method input[type=checkbox]:focus + label:before, .wc_payment_method input[type=checkbox]:focus + span:before {
  box-shadow: inset 0 0 0 0.5rem #fff;
  border: 1px solid #071326;
  background: #071326;
}
.wc_payment_method input[type=checkbox]:checked + label .content, .wc_payment_method input[type=checkbox]:checked + span .content {
  display: block;
  font-weight: normal !important;
}
.wc_payment_method input[type=checkbox]:checked + label:before, .wc_payment_method input[type=checkbox]:checked + span:before {
  box-shadow: inset 0 0 0 0.5rem #fff;
  border: 1px solid #071326;
  background: #071326;
}

.choose-number {
  display: inline-flex;
  align-items: center;
  border: 1px solid #231F20;
  border-radius: 0.8rem;
}
.choose-number .minus, .choose-number .plus {
  display: grid;
  place-items: center;
  cursor: pointer;
  background: none;
  width: 5rem;
  height: 5rem;
  font-size: 1.3rem;
}
.choose-number .input {
  outline: none;
  border: none;
  border-radius: 0;
  background: none;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  width: 5rem;
  height: 5rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}
.choose-number ::-webkit-outer-spin-button, .choose-number ::-webkit-inner-spin-button {
  display: none;
}

.breadcrumbs ul, .breadcrumbs ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs ul li, .breadcrumbs ol li {
  display: inline-block;
  font-family: "Nunito Sans";
  font-size: 2rem;
  font-weight: 600;
}
.breadcrumbs ul li:last-child, .breadcrumbs ol li:last-child {
  margin-right: 0;
}
.breadcrumbs ul li a, .breadcrumbs ul li span, .breadcrumbs ol li a, .breadcrumbs ol li span {
  color: inherit;
  text-decoration: none;
}
.breadcrumbs ul li span, .breadcrumbs ol li span {
  color: inherit;
}

.pagi {
  gap: 0.6rem;
  display: flex;
  align-items: center;
  list-style: none;
}
.pagi-item {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
  margin-bottom: 0 !important;
  border-radius: 50%;
  background: none;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 1.8rem;
  font-weight: 400;
}
.pagi-item.next:hover, .pagi-item.pagi-prev:hover {
  color: #fff;
}
.pagi-item em {
  font-size: 1.3rem;
}
.pagi-item.is-disabled {
  cursor: no-drop;
  border: 1px solid transparent !important;
  background: #D1D1D6;
}
.pagi-item:hover, .pagi-item.active {
  background: #2F4939;
  color: #fff;
}

@keyframes wiggle {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
  }
  25% {
    transform: scale(1.15) rotate(5deg);
  }
  30% {
    transform: scale(1.15) rotate(-3deg);
  }
  35% {
    transform: scale(1.15) rotate(2deg);
  }
  40% {
    transform: scale(1.15) rotate(0);
  }
}
.footer {
  position: relative;
  background: #0f3341;
  padding: 9rem 0 7.5rem;
  color: #fff;
}
.footer .txt {
  margin-top: 1.7rem;
  max-width: 25rem;
  font-family: "Nunito Sans";
  font-size: 1.8rem;
  font-weight: 400;
}
@media (max-width: 767px) {
  .footer .txt {
    margin-inline: auto;
    text-align: center;
  }
}
.footer .menu ul {
  gap: 5rem;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  list-style: none;
}
.footer .menu ul li a {
  font-family: "Nunito Sans";
  font-weight: 700;
  text-transform: uppercase;
}
.footer .menu ul li a:hover, .footer .menu ul li a.active {
  color: #93C84E;
}
.footer .logo {
  display: block;
  width: 100%;
  max-width: 19.6rem;
}
.footer .logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .footer .logo {
    margin-inline: auto;
  }
}
.footer .top-wrap {
  gap: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4rem;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 4rem;
}
@media (max-width: 767px) {
  .footer .top-wrap {
    flex-direction: column;
  }
}
.footer .bottom-wrap {
  gap: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer .bottom-wrap .link {
  gap: 1rem;
  display: flex;
  align-items: center;
  font-family: "Nunito Sans";
  font-weight: 700;
  text-transform: uppercase;
}
.footer .bottom-wrap .link .text {
  display: inline-block;
}
.footer .bottom-wrap .link .icon {
  display: inline-block;
  width: 2rem;
}
.footer .bottom-wrap .link .icon img {
  width: 100%;
}
@media (max-width: 767px) {
  .footer .bottom-wrap {
    flex-direction: column;
  }
}

.social-list {
  gap: 2.4rem;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
}
.social-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.social-list li a img {
  width: 2.4rem;
  height: 2.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.social-list li a:hover {
  transform: scale(1.15);
}

.header {
  position: relative;
  z-index: 999;
  transition: all 0.4s ease-in-out;
  background: #0f3341;
  color: #fff;
}
.header .header-top {
  padding-bottom: 1px;
  overflow: hidden;
}
.header .menu-top ul {
  display: flex;
  align-items: center;
  list-style: none;
}
.header .menu-top ul li:nth-child(2) {
  position: relative;
}
.header .menu-top ul li:nth-child(2):after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 3000px;
  height: 1px;
  content: "";
}
.header .menu-top ul li a {
  display: block;
  z-index: 2;
  border-right: 1px solid #fff;
  padding: 1.3rem 2rem;
  font-family: "Nunito Sans";
  font-size: 1.4rem;
  font-weight: 600;
}
.header .header-bottom {
  background: #0f3341;
}
.header .header-bottom.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0.5rem 1rem 0 #00000008;
  background: #0f3341;
  width: 100%;
}
.header .header-bottom .logo {
  display: block;
  flex-shrink: 0;
  transition: all 0.3s;
  margin-right: 3rem;
  width: 23.9rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 10.8rem;
}
.header .header-bottom .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .header-bottom .wrapper {
  gap: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 10.8rem;
}
.header .header-bottom .menu .menu-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  list-style: none;
}
@media (min-width: 1280px) {
  .header .header-bottom .menu .menu-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .header .header-bottom .menu .menu-item:not(:last-child) {
    margin-right: 3rem;
  }
}
.header .header-bottom .menu .menu-item > a {
  display: inline-block;
  position: relative;
  transition: all 0.2s;
  font-family: "Nunito Sans";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.header .header-bottom .menu .menu-item > a .icon-dropdown {
  margin-left: 1rem;
  font-size: 1.6rem;
}
.header .header-bottom .menu .menu-item:hover > a, .header .header-bottom .menu .menu-item.active > a, .header .header-bottom .menu .menu-item.current > a {
  transition: all 0.2s;
  color: #a2ba4c;
}
.header .toggle-btn {
  display: none;
}
.header .overlay {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.3);
  width: 100vw;
  height: 100vh;
}
.header .overlay.active {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1280px) {
  .header .overlay {
    visibility: hidden;
    opacity: 0;
  }
}
.header .mobile-nav-inner {
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  z-index: 999;
  transition: all 0.3s ease-in-out;
  background: #0f3341;
  width: 300px;
  height: 100vh;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .header .mobile-nav-inner {
    display: none;
  }
}
.header .mobile-nav-inner .btn-wrap {
  margin-top: 2rem;
}
.header .mobile-nav-inner.active {
  transform: translateX(0);
  transition: all 0.3s ease-in-out;
}
.header.header-1 {
  background: none;
}
.header.header-1 .header-bottom {
  background: none;
}
.header.header-1 .header-bottom.fixed {
  background: #0f3341;
}

@media (max-width: 1279px) {
  .header .toggle-btn {
    display: block;
  }
  .header .mobile-nav-inner .menu-top ul {
    flex-direction: column;
    align-items: flex-start;
  }
  .header .mobile-nav-inner .menu-top ul li {
    width: 100%;
  }
  .header .mobile-nav-inner .menu-top ul li:after {
    display: none;
  }
  .header .mobile-nav-inner .menu-top ul li a {
    border: 0 !important;
  }
  .header .mobile-nav-inner .menu-top ul li:first-child {
    background: rgba(0, 0, 0, 0.1);
  }
  .header .mobile-nav-inner .menu-top ul li:first-child a {
    color: #93C84E;
  }
  .header .mobile-nav-inner .nav-sub {
    display: none;
    list-style: none;
  }
  .header .mobile-nav-inner .nav-sub li a {
    padding-inline: 2.5rem;
    display: inline-block;
  }
  .header .mobile-nav-inner .nav-sub li:hover a, .header .mobile-nav-inner .nav-sub li.active a {
    text-stroke: 0.05rem currentColor;
    -webkit-text-stroke: 0.05rem currentColor;
    color: #4272C5;
  }
  .header .mobile-nav-inner .menu {
    padding: 2rem;
  }
  .header .mobile-nav-inner .menu .menu-list {
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
  }
  .header .mobile-nav-inner .menu .menu-item {
    width: 100%;
    line-height: 5rem;
  }
  .header .mobile-nav-inner .menu .menu-item.active > a, .header .mobile-nav-inner .menu .menu-item:hover > a {
    text-stroke: 0.5px currentColor;
    -webkit-text-stroke: 0.5px currentColor;
    color: #93C84E;
  }
  .header .mobile-nav-inner .menu .menu-link {
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header .mobile-nav-inner .social-list {
    margin-top: 2rem;
  }
}
@media (min-width: 1280px) {
  .toggle-btn {
    display: none;
  }
}
.toggle-btn .svg-trigger {
  transition: transform 400ms;
  cursor: pointer;
  width: 35px;
  height: 35px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle-btn .svg-trigger path {
  fill: none;
  stroke: #fff;
  stroke-width: 5;
  stroke-linecap: round;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
}
.toggle-btn .svg-trigger path:nth-child(1) {
  stroke-dasharray: 40 160;
}
.toggle-btn .svg-trigger path:nth-child(2) {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}
.toggle-btn .svg-trigger path:nth-child(3) {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}
.toggle-btn.active .svg-trigger {
  transform: rotate(45deg);
}
.toggle-btn.active .svg-trigger path:nth-child(1), .toggle-btn.active .svg-trigger path:nth-child(3) {
  stroke-dashoffset: -64px;
}
.toggle-btn.active .svg-trigger path:nth-child(2) {
  transform: rotate(90deg);
}

@media (min-width: 1280px) {
  .header .has-dropdown {
    position: relative;
  }
  .header .has-dropdown .nav-sub, .header .has-dropdown .sub-menu {
    display: block;
    position: absolute;
    top: calc(100% + 1rem);
    left: -3rem;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 0.2rem 0.73rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0;
    border-radius: 0.8rem;
    background: #fff;
    padding: 1rem;
    min-width: 27.6rem;
    color: #2F4939;
    line-height: 1.4;
    list-style: none;
  }
  .header .has-dropdown .nav-sub li a, .header .has-dropdown .sub-menu li a {
    display: block;
    border-radius: 0.4rem;
    padding: 1rem 2rem;
    color: #2F4939;
    font-size: 1.8rem;
    font-weight: 400;
  }
  .header .has-dropdown .nav-sub li:hover a, .header .has-dropdown .nav-sub li.active a, .header .has-dropdown .nav-sub li.current a, .header .has-dropdown .sub-menu li:hover a, .header .has-dropdown .sub-menu li.active a, .header .has-dropdown .sub-menu li.current a {
    background: rgba(47, 73, 57, 0.05);
    color: #a2ba4c;
  }
  .header .has-dropdown:hover .menu-link::after {
    display: none;
  }
  .header .has-dropdown:hover .nav-sub, .header .has-dropdown:hover .sub-menu {
    visibility: visible;
    opacity: 1;
  }
}
.language-select {
  position: relative;
  z-index: 99;
  font-family: "Nunito Sans";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1279px) {
  .language-select {
    margin-left: auto;
  }
}
.language-select select {
  background-color: transparent;
  background-image: url(../img/chevron-down-white.svg);
  background-position: 100% center;
  padding-right: 3rem;
  padding-left: 0;
  width: 100%;
  min-width: unset;
  height: auto;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}

@media (min-width: 1280px) {
  .header .has-mega {
    position: relative;
  }
  .header .has-mega .mega-panel {
    display: block;
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition: all 0.3s ease-in-out;
    border-radius: 0.8rem;
    background: #fff;
    width: 64.4rem;
    height: 20rem;
    overflow: hidden;
    color: #000;
    list-style: none;
  }
  .header .has-mega:hover .mega-panel {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
  }

  .has-mega .mega-menu ul {
    list-style: none;
  }
  .has-mega .mega-menu ul a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .has-mega .mega-menu-list {
    padding: 1rem;
    width: 50%;
    height: 20rem;
  }
  .has-mega .mega-menu-list .mega-menu-item {
    border-radius: 0.4rem;
    padding: 1rem 2rem;
    font-size: 1.8rem;
    font-weight: 400;
  }
  .has-mega .mega-menu-list .mega-menu-item:hover, .has-mega .mega-menu-list .mega-menu-item.active {
    background: rgba(47, 73, 57, 0.05);
  }
  .has-mega .mega-menu-list .mega-menu-item:hover .mega-menu-link, .has-mega .mega-menu-list .mega-menu-item.active .mega-menu-link {
    text-stroke: 0.5px currentColor;
    -webkit-text-stroke: 0.5px currentColor;
    color: #286e37;
  }
  .has-mega .mega-menu-list .mega-menu-item:hover .icon-dropdown-lv2, .has-mega .mega-menu-list .mega-menu-item.active .icon-dropdown-lv2 {
    opacity: 1;
    color: #286e37;
  }
  .has-mega .nav-lv2 {
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #E5E5EA;
    background: #fff;
    padding: 1rem;
    width: 50%;
    height: 20rem;
  }
  .has-mega .nav-lv2 .menu-lv2 {
    height: 20rem;
    overflow: hidden;
    overflow-y: auto;
  }
  .has-mega .nav-lv2 .menu-lv2::-webkit-scrollbar {
    width: 0.5rem;
  }
  .has-mega .nav-lv2 .menu-lv2::-webkit-scrollbar-track {
    border-radius: 10px;
    background: transparent;
  }
  .has-mega .nav-lv2 .menu-lv2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(51, 51, 51, 0.4);
  }
  .has-mega .nav-lv2 .menu-lv2 li {
    border-radius: 0.4rem;
    padding: 1rem 2rem;
  }
  .has-mega .nav-lv2 .menu-lv2 li a {
    white-space: pre-wrap;
  }
  .has-mega .nav-lv2 .menu-lv2 li:hover > a, .has-mega .nav-lv2 .menu-lv2 li.active > a {
    color: #a2ba4c;
  }
  .has-mega .nav-lv2 {
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s ease, z-index 0s linear 0.3s;
  }
  .has-mega .nav-lv2.active {
    opacity: 1;
    z-index: 1;
  }
  .has-mega .mega-menu-item.active .nav-lv2 {
    opacity: 1;
    z-index: 1;
    transition: opacity 0.3s ease, z-index 0s linear 0;
  }

  .icon-dropdown-lv2 {
    opacity: 0;
  }

  .icon-dropdown-lv1, .icon-dropdown-lv2 {
    margin-left: 1rem;
    font-size: 1.6rem;
  }
}
@media (max-width: 1279px) {
  .header .icon-dropdown, .header .icon-dropdown-lv2, .header .icon-dropdown-lv1 {
    margin-right: -15px;
    padding: 0 15px;
    font-size: 1.5rem;
  }
  .header .mega-panel {
    display: none;
    margin: 0 -15px;
  }
  .header .mega-panel .mega-menu ul {
    list-style: none;
  }
  .header .mega-panel .mega-menu li {
    padding: 0;
  }
  .header .mega-panel .mega-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    width: 100%;
  }
  .header .mega-panel .mega-menu .has-lv2 {
    padding-inline: 1.5rem;
  }
  .header .mega-panel .mega-menu .nav-lv2 {
    background: rgba(0, 0, 0, 0.1);
    padding: 1.5rem 0;
  }
  .header .mega-panel .mega-menu .nav-lv2 li {
    padding: 0 1.5rem;
  }
  .header .mega-panel .mega-menu .mega-menu-item.active > a {
    text-stroke: 0.5px currentColor;
    -webkit-text-stroke: 0.5px currentColor;
    background: rgba(0, 0, 0, 0.1);
  }
  .header .mega-panel .mega-menu .nav-lv2 {
    display: none;
  }
  .header .mega-panel .nav-heading {
    display: none;
  }
  .header .has-mega.active > a {
    text-stroke: 0.5px currentColor;
    -webkit-text-stroke: 0.5px currentColor;
  }

  .icon-dropdown, .icon-dropdown-lv2, .icon-dropdown-lv1 {
    cursor: pointer;
    text-decoration: none;
  }
  .icon-dropdown:before, .icon-dropdown-lv2:before, .icon-dropdown-lv1:before {
    content: "";
  }
  .icon-dropdown.active:before, .icon-dropdown-lv2.active:before, .icon-dropdown-lv1.active:before {
    content: "";
  }
}
#loader-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
}
#loader-container .loader {
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  place-items: center;
  transform: translate(-50%, -50%);
  width: 100%;
}
#loader-container .loader:before, #loader-container .loader::after {
  display: none;
}
#loader-container .loader__logo {
  display: flex;
  justify-content: center;
}
#loader-container .loader__logo > span {
  animation: bounce-loader 0.6s infinite alternate;
  margin: 0 0.5rem;
  border-radius: 50%;
  background: #28554C;
  width: 1rem;
  height: 1rem;
}
#loader-container .loader__logo > span:nth-child(2) {
  animation-delay: 0.15s;
}
#loader-container .loader__logo > span:nth-child(3) {
  animation-delay: 0.3s;
}
#loader-container .loader__logo > span:last-child {
  animation-delay: 0.45s;
}
#loader-container .loader__progress {
  display: none;
  position: relative;
  width: 100%;
}
#loader-container .loader__progress #progress-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  text-align: center;
}

@keyframes fade {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes bounce-loader {
  to {
    transform: translateY(-1rem);
    opacity: 0.1;
  }
}
.articles-section {
  padding: 10rem 0 12rem;
}
.articles-section .top-wrap .article-card .box-img {
  display: block;
  position: relative;
  padding-top: 48.8311688312%;
}
.articles-section .top-wrap .article-card .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles-section .slider {
  position: relative;
  padding-bottom: 5rem;
}

.our-people {
  padding: 12rem 0;
}

.people-card .box-img {
  display: block;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.people-card .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.people-card .content {
  padding: 3rem 2.5rem 0;
}
.people-card .content .name {
  font-family: "Nunito Sans";
  font-size: 3.2rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .people-card .content .name {
    font-size: 2.8rem;
  }
}
.people-card .content .position {
  margin-top: 1rem;
  font-family: "Nunito Sans";
  font-size: 2rem;
  font-weight: 600;
}
.people-card .content .desc {
  margin-top: 1rem;
}
.people-card:hover .box-img img {
  transform: scale(1.1);
  transition: all 0.3s;
}

.article-details {
  padding: 7rem 0 9rem;
}
.article-details .date {
  margin-top: 1.7rem;
}
.article-details .short-desc {
  margin-top: 3rem;
}
.article-details .image-thumb {
  margin-top: 5rem;
}
.article-details .image-thumb img {
  width: 100%;
}
.article-details .big-title {
  max-width: 90.3rem;
  font-family: "Nunito Sans";
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.072rem;
  line-height: 1.2;
}
.article-details .full-content {
  margin-top: 6rem;
}
.article-details .share-el {
  margin-top: 9.5rem;
}
.article-details .share-el .social-list {
  justify-content: flex-start;
  margin-top: 2rem;
}
.article-details .share-el .social-list li a img {
  filter: brightness(0);
}

.related-articles {
  background: rgba(162, 186, 76, 0.05);
  padding: 12rem 0;
}
.related-articles .slider {
  position: relative;
}
@media (min-width: 1280px) {
  .related-articles .slider .swiper-next {
    right: -10rem;
  }
  .related-articles .slider .swiper-prev {
    left: -10rem;
  }
}

.banner-subpage.contact-custom {
  padding-bottom: 31.5rem;
  min-height: 66.3rem;
}

.contact-us {
  padding-bottom: 12rem;
}
.contact-us .contact-form {
  margin-top: -24.3rem;
  background: #5A6653;
}
.contact-us .contact-form .left, .contact-us .contact-form .form-wrap {
  padding: 6rem;
}
@media (max-width: 767px) {
  .contact-us .contact-form .left, .contact-us .contact-form .form-wrap {
    padding: 6rem 3rem;
  }
}
.contact-us .contact-form .left {
  color: #fff;
}
.contact-us .contact-form .left .desc {
  margin-top: 1.7rem;
}
.contact-us .contact-form .left .social-list {
  justify-content: flex-start;
  margin-top: 1.7rem;
}
.contact-us .contact-location {
  margin-top: 12rem;
}
.contact-us .contact-location .maps {
  position: relative;
  padding-top: calc(601/1026*100%);
  height: 100%;
}
.contact-us .contact-location .maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-us .contact-location .location-box {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  box-shadow: 0px 2px 23.6px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.8rem;
  padding: 4rem 6rem;
  height: 100%;
  overflow: hidden;
  color: #fff;
}
.contact-us .contact-location .location-box:after {
  inset: 0;
  position: absolute;
  z-index: -1;
  background: linear-gradient(0deg, rgba(47, 73, 57, 0.9) 0%, rgba(47, 73, 57, 0.9) 100%);
  width: 100%;
  height: 100%;
  content: "";
}
@media (max-width: 767px) {
  .contact-us .contact-location .location-box {
    padding: 4rem 3rem;
  }
}
.contact-us .contact-location .location-box .info-list {
  margin-top: 2.7rem;
  list-style: none;
}
.contact-us .contact-location .location-box .info-list li {
  display: flex;
}
.contact-us .contact-location .location-box .info-list li .icon {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
}
.contact-us .contact-location .location-box .info-list li .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.contact-us .contact-location .location-box .info-list li .info-content {
  padding-left: 1.2rem;
  max-width: 31.3rem;
  font-family: "Nunito Sans";
  font-size: 2rem;
  font-weight: 600;
}
.contact-us .contact-location .location-box .info-list li:not(:last-child) {
  margin-bottom: 2.7rem;
}
.contact-us .row.custom-spacing {
  margin: -0.85rem;
}
.contact-us .row.custom-spacing .col, .contact-us .row.custom-spacing [class*=col-] {
  padding: 0.85rem;
}

.form-wrap .btn-group.submit-btn-wrap p {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  background: #fff;
  padding-left: 2rem;
}
.form-wrap .btn-group.submit-btn-wrap p .btn {
  padding-left: 1rem;
}
.form-wrap .btn-group.submit-btn-wrap p:before {
  flex-shrink: 0;
  background-image: url(../img/send.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
  content: "";
}
.form-wrap .wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: calc(100% + 1rem);
  transform: translateY(-50%);
}

.project-details-1 {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 1;
  padding: 9rem 0;
  min-height: 79.5rem;
  color: #fff;
}
.project-details-1::after {
  inset: 0;
  position: absolute;
  z-index: -1;
  background-image: linear-gradient(180deg, rgba(18, 48, 41, 0.5) 0%, rgba(14, 38, 32, 0.2) 100%);
  width: 100%;
  height: 100%;
  content: "";
}
.project-details-1 .title {
  margin-top: 2.2rem;
}
.project-details-1 .desc {
  margin-top: 2.2rem;
  max-width: 103.6rem;
}

.project-details-2 {
  padding: 14rem 0 12rem;
  overflow: hidden;
}
.project-details-2 .desc {
  color: #5A6653;
  font-family: "Nunito Sans";
  font-size: 3.2rem;
  font-weight: 700;
}
.project-details-2 .slider {
  margin-top: 5rem;
}
.project-details-2 .slider .swiper {
  overflow: visible;
}
.project-details-2 .slider .image {
  display: block;
  position: relative;
  padding-top: 90.157480315%;
  overflow: hidden;
}
.project-details-2 .slider .image img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-details-2 .slider .image:hover img {
  transform: scale(1.1);
}

.related-projects {
  padding: 35rem 0 16rem;
}

.steps-of-work {
  background: #5a6653;
  padding-top: 8rem;
  color: #fff;
}
.steps-of-work .items {
  position: relative;
}
.steps-of-work .items li {
  display: flex;
}
.steps-of-work .items li .number {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  border-radius: 50%;
  background: #A2BA4C;
  width: 3.6rem;
  height: 3.6rem;
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
}
.steps-of-work .items li .content {
  padding-left: 2rem;
}
.steps-of-work .items li .content .title {
  color: #fff;
  font-family: "Nunito Sans";
  font-size: 2rem;
  font-weight: 600;
}
.steps-of-work .items li .content .desc {
  margin-top: 1rem;
  color: #fff;
}
.steps-of-work .items li:not(:last-child) {
  position: relative;
  z-index: 1;
  padding-bottom: 2rem;
}
.steps-of-work .items li:not(:last-child)::before {
  position: absolute;
  left: 1.6rem;
  z-index: -1;
  border-left: 0.4rem dashed #A2BA4C;
  width: 0.4rem;
  height: 100%;
  content: "";
}
@media (min-width: 768px) {
  .steps-of-work .items {
    display: flex;
  }
  .steps-of-work .items li {
    width: 33.33%;
  }
  .steps-of-work .items li:not(:last-child):before {
    top: 1.2rem;
    left: 5.6rem;
    border-bottom: 0.4rem dashed #A2BA4C;
    border-left: 0;
    width: calc(100% - 7.6rem);
    height: 0.4rem;
  }
  .steps-of-work .items li:not(:last-child) .title {
    background: #5A6653;
    padding-right: 1.5rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.steps-of-work .image {
  transform: translateY(21rem);
  margin-top: -15rem;
}
.steps-of-work .image img {
  width: 100%;
}

.our-people {
  padding: 12rem 0;
}

.people-card .box-img {
  display: block;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.people-card .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.people-card .content {
  padding: 3rem 2.5rem 0;
}
.people-card .content .name {
  font-family: "Nunito Sans";
  font-size: 3.2rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .people-card .content .name {
    font-size: 2.8rem;
  }
}
.people-card .content .position {
  margin-top: 1rem;
  font-family: "Nunito Sans";
  font-size: 2rem;
  font-weight: 600;
}
.people-card .content .desc {
  margin-top: 1rem;
}
.people-card:hover .box-img img {
  transform: scale(1.1);
  transition: all 0.3s;
}

.wastech-history {
  padding: 12rem 0;
  overflow: hidden;
}
.wastech-history .article .box-img img {
  width: 100%;
}
.wastech-history .article .box-content h3 {
  margin-bottom: 3.2rem;
  padding-top: 5rem;
  font-family: "Nunito Sans";
  font-weight: 700;
}
.wastech-history .article .box-img:after {
  position: absolute;
  z-index: -1;
  background: #0f3341;
  content: "";
}
.wastech-history .article:nth-child(2) {
  margin-top: 26rem;
}
@media (max-width: 767px) {
  .wastech-history .article:nth-child(2) {
    margin-top: 20rem;
  }
}
.wastech-history .article:nth-child(3) {
  margin-top: 21rem;
}
.wastech-history .article:nth-child(1) .box-img:after {
  bottom: -10rem;
  left: -1.5rem;
  width: 90%;
  height: 90%;
}
@media (min-width: 1280px) {
  .wastech-history .article:nth-child(1) .box-img:after {
    left: calc(calc(100vw - calc(1546/1920 *100vw))/ -2);
  }
}
@media (min-width: 1920px) {
  .wastech-history .article:nth-child(1) .box-img:after {
    left: calc(calc(100vw - 154.6rem)/ -2);
  }
}
@media (min-width: 2600px) {
  .wastech-history .article:nth-child(1) .box-img:after {
    left: calc(calc(260rem - 154.6rem)/ -2);
  }
}
@media (max-width: 767px) {
  .wastech-history .article:nth-child(1) .box-content {
    margin-top: 10rem;
  }
}
.wastech-history .article:nth-child(2) .box-img:after {
  right: -1.5rem;
  bottom: -10rem;
  width: 90%;
  height: calc(100% + 20rem);
}
@media (min-width: 1280px) {
  .wastech-history .article:nth-child(2) .box-img:after {
    right: calc(calc(100vw - calc(1546/1920 *100vw))/ -2);
  }
}
@media (min-width: 1920px) {
  .wastech-history .article:nth-child(2) .box-img:after {
    right: calc(calc(100vw - 154.6rem)/ -2);
  }
}
@media (min-width: 2600px) {
  .wastech-history .article:nth-child(2) .box-img:after {
    right: calc(calc(260rem - 154.6rem)/ -2);
  }
}
@media (max-width: 767px) {
  .wastech-history .article:nth-child(2) .box-content {
    margin-top: 10rem;
  }
}
.wastech-history .article:nth-child(3) .box-img:after {
  top: -10rem;
  left: -1.5rem;
  width: 90%;
  height: calc(100% + 4.8rem);
}
@media (min-width: 1280px) {
  .wastech-history .article:nth-child(3) .box-img:after {
    left: calc(calc(100vw - calc(1546/1920 *100vw))/ -2);
  }
}
@media (min-width: 1920px) {
  .wastech-history .article:nth-child(3) .box-img:after {
    left: calc(calc(100vw - 154.6rem)/ -2);
  }
}
@media (min-width: 2600px) {
  .wastech-history .article:nth-child(3) .box-img:after {
    left: calc(calc(260rem - 154.6rem)/ -2);
  }
}

.our-mission {
  position: relative;
  padding: 10rem 0;
}
.our-mission:after {
  inset: 0;
  position: absolute;
  background: linear-gradient(0deg, rgba(47, 73, 57, 0.9) 0%, rgba(47, 73, 57, 0.9) 100%);
  width: 100%;
  height: 100%;
  content: "";
}
.our-mission .testimonial-card {
  position: relative;
  padding-left: 3.2rem;
}
.our-mission .testimonial-card:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #a2ba4c;
  width: 1.3rem;
  height: 11.2rem;
  max-height: 100%;
  content: "";
}
.our-mission .testimonial-card .title {
  padding-left: 2rem;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 700;
}
.our-mission .testimonial-card .bot-wrap {
  gap: 1rem;
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.our-mission .testimonial-card .bot-wrap .icon {
  flex-shrink: 0;
  width: 4.3rem;
}
.our-mission .testimonial-card .bot-wrap .icon img {
  width: 100%;
  height: auto;
}
.our-mission .testimonial-card .bot-wrap .content {
  background: #5A6653;
  padding: 1rem 2rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
}

.amazing-benefit {
  overflow: hidden;
}
.amazing-benefit .items li {
  display: flex;
}
.amazing-benefit .items li .icon {
  flex-shrink: 0;
}
.amazing-benefit .items li .icon img {
  width: 3rem;
}
.amazing-benefit .items li .content {
  padding-left: 1rem;
}
.amazing-benefit .items li .content .title {
  color: #2F4939;
  font-size: 2rem;
  font-weight: 600;
}
.amazing-benefit .items li .content .desc {
  margin-top: 1rem;
  color: #5A6653;
}
.amazing-benefit .items li:not(:last-child) {
  margin-bottom: 2rem;
}
.amazing-benefit .box-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 9rem 1.5rem;
}
@media (min-width: 1280px) {
  .amazing-benefit .box-content {
    padding-right: calc(calc(100vw - calc(1546/1920 *100vw))/2);
  }
}
@media (min-width: 1920px) {
  .amazing-benefit .box-content {
    padding-right: calc(calc(100vw - 154.6rem)/2);
  }
}
@media (min-width: 2600px) {
  .amazing-benefit .box-content {
    padding-right: calc(calc(260rem - 154.6rem)/2);
  }
}
.amazing-benefit .box-content .title-l, .amazing-benefit .box-content section.section-countup .statistics .item .number, section.section-countup .statistics .item .amazing-benefit .box-content .number {
  color: #2F4939;
}
.amazing-benefit .box-img {
  height: 100%;
}
.amazing-benefit .box-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.quick-work-progress {
  padding-block: 12rem;
  background: #2f4939;
  color: #fff;
}
.quick-work-progress .items {
  position: relative;
}
.quick-work-progress .items li {
  display: flex;
}
.quick-work-progress .items li .number {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  border-radius: 50%;
  background: #A2BA4C;
  width: 3.6rem;
  height: 3.6rem;
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
}
.quick-work-progress .items li .content {
  padding-left: 2rem;
}
.quick-work-progress .items li .content .title {
  font-size: 2rem;
  font-weight: 600;
}
.quick-work-progress .items li .content .desc {
  margin-top: 1rem;
  color: #CFCCCC;
}
.quick-work-progress .items li:not(:last-child) {
  position: relative;
  z-index: 1;
  padding-bottom: 2rem;
}
.quick-work-progress .items li:not(:last-child)::before {
  position: absolute;
  left: 1.6rem;
  z-index: -1;
  border-left: 0.4rem dashed #A2BA4C;
  width: 0.4rem;
  height: 100%;
  content: "";
}

.we-work-professionally {
  padding-top: 10rem;
}
.we-work-professionally .head {
  margin-bottom: 3.5rem;
  max-width: 72rem;
  color: #2F4939;
}
.we-work-professionally .head .desc {
  color: #5A6653;
}
.we-work-professionally .video {
  position: relative;
  padding-top: calc(659/1549*100%);
}
.we-work-professionally .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.project-references {
  padding-block: 16rem;
  background: #0F3341;
  color: #fff;
}
.project-references .slider {
  position: relative;
}
.project-references .slider .swiper-next img, .project-references .slider .swiper-prev img {
  filter: brightness(0) invert(1);
}
@media (min-width: 1280px) {
  .project-references .slider .swiper-next {
    right: -10rem;
  }
  .project-references .slider .swiper-prev {
    left: -10rem;
  }
}

.project-card {
  overflow: hidden;
  color: #fff;
}
.project-card .wrap {
  display: block;
  position: relative;
}
.project-card .box-img {
  display: block;
  position: relative;
  padding-top: 55.4106910039%;
  overflow: hidden;
}
.project-card .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-card .box-img:after {
  inset: 0;
  position: absolute;
  z-index: 1;
  transition: all 0.3s;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 59.82%, rgba(0, 0, 0, 0.5) 100%);
  width: 100%;
  height: 100%;
  content: "";
}
.project-card .box-img:before {
  inset: 0;
  position: absolute;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  width: 100%;
  height: 100%;
  content: "";
}
.project-card .content {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(7.5rem);
  z-index: 2;
  transition: transform 0.3s;
  padding: 3.5rem 4.5rem;
  width: 100%;
}
.project-card .content .title {
  font-family: "Nunito Sans";
  font-size: 3.2rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .project-card .content .title {
    font-size: 2.8rem;
  }
}
.project-card .content .discover-btn {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  font-size: 1.6rem;
}
.project-card .content .discover-btn .icon {
  margin-right: 0.5rem;
  width: 4.5rem;
}
.project-card:hover .box-img:after {
  opacity: 0;
}
.project-card:hover .box-img:before {
  opacity: 1;
}
.project-card:hover .content {
  transform: translateY(0);
}

.testimonials-section {
  padding-block: 12rem;
  background: rgba(162, 186, 76, 0.1);
  overflow: hidden;
}
.testimonials-section .swiper {
  overflow: visible;
}
.testimonials-section .title {
  color: #2f4939;
  font-size: 4rem;
  font-weight: 700;
}
.testimonials-section .slider {
  margin-top: 5.6rem;
}
.testimonials-section .slider .item {
  display: flex;
  align-items: center;
  padding: 1.6rem;
}
.testimonials-section .slider .item .image {
  flex-shrink: 0;
  border-radius: 2rem;
  width: 20.9rem;
  height: 20.4rem;
}
.testimonials-section .slider .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 575px) {
  .testimonials-section .slider .item .image {
    width: 15rem;
    height: 15rem;
  }
}
.testimonials-section .slider .item .content {
  padding-left: 3rem;
}
.testimonials-section .slider .item .content .name {
  font-family: "Nunito Sans";
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2;
}
.testimonials-section .slider .item .content .mid-wrap {
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.6rem;
}
.testimonials-section .slider .item .content .mid-wrap .type {
  color: #5A6653;
  font-size: 1.4rem;
}
.testimonials-section .slider .item .content .mid-wrap .icon {
  flex-shrink: 0;
  transform: scale(-1);
  width: 3.5rem;
}
.testimonials-section .slider .item .content .desc {
  margin-top: 1.6rem;
}

.get-advised {
  background: rgba(162, 186, 76, 0.1);
  padding-bottom: 12rem;
}
.get-advised .form-wrap {
  border-radius: 0.8rem;
  background: #5A6653;
  padding: 6rem;
}
.get-advised .form-wrap ::-webkit-input-placeholder {
  color: #5A6653;
}
.get-advised .form-wrap select:invalid {
  color: #5A6653;
}
@media (max-width: 767px) {
  .get-advised .form-wrap {
    padding: 5rem 3rem;
  }
}

.banner-subpage {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 9rem 0;
  min-height: 48.6rem;
  color: #fff;
}
.banner-subpage .title {
  margin-top: 2.2rem;
}
.banner-subpage .desc {
  margin-top: 2.2rem;
  max-width: 103.6rem;
}

.who-we-are {
  padding-block: 12rem;
  overflow: hidden;
}
.who-we-are .slider {
  margin-top: 5.5rem;
}
.who-we-are .slider .swiper {
  overflow: visible;
}
.who-we-are .slider .image {
  display: block;
  position: relative;
  padding-top: 88.9763779528%;
  overflow: hidden;
}
.who-we-are .slider .image img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.who-we-are .slider .image:hover img {
  transform: scale(1.1);
}
.who-we-are .content {
  max-width: 139.2rem;
}

.our-awards .items {
  gap: 8rem 3rem;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.our-awards .items .item {
  cursor: pointer;
  width: 100%;
  max-width: 24.6rem;
}
.our-awards .items .item .box-img {
  display: block;
  position: relative;
  border-radius: 50%;
  padding-top: 100%;
  overflow: hidden;
}
.our-awards .items .item .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-awards .items .item .content {
  padding-top: 2rem;
  text-align: center;
}
.our-awards .items .item .content .title {
  font-family: "Nunito Sans";
  font-size: 2rem;
  font-weight: 600;
}
.our-awards .items .item:hover .box-img img {
  transform: scale(1.1);
}

.projects-section {
  padding-block: 12rem;
}

.sidebar {
  position: relative;
}
@media (min-width: 1025px) {
  .sidebar-inner {
    max-width: 35rem;
  }
}
@media (max-width: 1024px) {
  .sidebar-inner {
    -webkit-transform: translateX(100%);
    -webkit-transition: all 0.35s;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    z-index: 99999;
    transition: all 0.35s;
    background: #fff;
    padding: 0 4rem;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
  }
  .sidebar-inner.active {
    transform: translateX(0);
  }
}

.sidebar-overlay {
  inset: 0;
  -webkit-transition: all 0.35s;
  display: block;
  position: fixed;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  transition: all 0.35s;
  background: rgba(0, 0, 0, 0.6);
}
.sidebar-overlay.active {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 1025px) {
  .sidebar-mb-filter {
    display: none;
  }
}

.sidebar .close-btn {
  font-size: 3rem;
}
.sidebar .wrapper .title-l, .sidebar .wrapper section.section-countup .statistics .item .number, section.section-countup .statistics .item .sidebar .wrapper .number {
  margin-bottom: 2.4rem;
}
.sidebar .wrapper .list {
  list-style: none;
}
.sidebar .wrapper .list li {
  position: relative;
  transition: all 0.3s;
  color: rgba(47, 73, 57, 0.5);
  font-size: 2rem;
}
.sidebar .wrapper .list li:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s;
  background: #2F4939;
  width: 0;
  height: 0.3rem;
  content: "";
}
.sidebar .wrapper .list li:not(:last-child) {
  margin-bottom: 2.4rem;
}
.sidebar .wrapper .list li:hover, .sidebar .wrapper .list li.active {
  padding-left: 4.3rem;
  color: #2F4939;
}
.sidebar .wrapper .list li:hover:after, .sidebar .wrapper .list li.active:after {
  opacity: 1;
  width: 3rem;
}
.sidebar .sidebar-head {
  border-radius: 0.5rem;
  background: #242424;
  padding: 2rem 3rem;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.044rem;
  line-height: 1.2;
}

.project-card {
  position: relative;
}
.project-card .box-img {
  display: block;
  position: relative;
  padding-top: 67.9425837321%;
  overflow: hidden;
}
.project-card .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.projects-section {
  padding: 10rem 0 12rem;
}
.projects-section .top-wrap {
  overflow: hidden;
  overflow-x: auto;
}
.projects-section .top-wrap .items-el {
  gap: 2rem;
  display: flex;
  width: 100%;
  height: 62rem;
}
.projects-section .top-wrap .items-el .item {
  flex: 0 0 14.5rem;
  transition: all 0.5s;
  cursor: pointer;
  border-radius: 3rem;
  min-width: 0;
  height: 62rem;
  overflow: hidden;
}
.projects-section .top-wrap .items-el .item .wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.projects-section .top-wrap .items-el .item .wrap .image {
  width: 100%;
  height: 100%;
}
.projects-section .top-wrap .items-el .item .wrap .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.projects-section .top-wrap .items-el .item .wrap .content {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s;
  padding: 2.5rem 4rem 3rem 2rem;
  width: 100%;
  max-width: 37.5rem;
}
.projects-section .top-wrap .items-el .item .wrap .content .bg {
  inset: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.projects-section .top-wrap .items-el .item .wrap .content .title {
  max-width: 21.7rem;
  font-family: "Nunito Sans";
  font-size: 2rem;
  font-weight: 600;
}
.projects-section .top-wrap .items-el .item .wrap .content .title .arrow {
  flex-shrink: 0;
  width: 4.8rem;
}
.projects-section .top-wrap .items-el .item .wrap .content .title .arrow img {
  width: 100%;
}
.projects-section .top-wrap .items-el .item.active {
  flex: 0 0 90.3rem;
  border-radius: 5rem;
}
.projects-section .top-wrap .items-el .item.active .content {
  opacity: 1;
}

.hero-banner {
  position: relative;
  margin-top: -15rem;
  overflow: hidden;
}
.hero-banner .swiper-slide {
  position: relative;
  z-index: 1;
  padding: 15rem 0 25rem;
  min-height: calc(100vh);
  color: #fff;
}
.hero-banner .swiper-slide:after {
  inset: 0;
  position: absolute;
  z-index: -1;
  background: linear-gradient(180deg, rgba(18, 48, 41, 0.8) 0%, rgba(14, 38, 32, 0.2) 100%);
  width: 100%;
  height: 100%;
  content: "";
}
.hero-banner .swiper-slide .content {
  gap: 3rem;
  padding-block: 15rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: calc(100vh - 40rem);
}
@media (min-width: 1280px) {
  .hero-banner .swiper-slide .content {
    padding-inline: 5rem;
  }
}
.hero-banner .swiper-slide .content .xl {
  max-width: 128.2rem;
}
.hero-banner .swiper-slide .content .btn-group {
  margin-block: 3rem;
}
@media (max-width: 767px) {
  .hero-banner .swiper-slide .content {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .hero-banner .swiper-slide .content .btn-group {
    justify-content: center;
  }
}
.hero-banner .slider {
  position: relative;
}
@media (min-width: 1280px) {
  .hero-banner .slider .swiper-pagination {
    top: 0;
    bottom: unset;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 7.5rem;
    border-left: 1px solid #fff;
    padding-bottom: 5.5rem;
    width: auto;
    height: calc(100vh - 25rem);
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet {
    margin-inline: 0;
    position: relative;
    background: transparent;
    width: 12rem;
    height: 2.7rem;
    color: #fff;
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet span {
    margin-inline: 0;
    display: block;
    border-radius: 0;
    background: none;
    width: unset;
    height: unset;
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet .number {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transition: all 0.3s;
    margin-left: auto;
    border-radius: 0;
    background: none;
    width: 9rem;
    height: 2.7rem;
    font-size: 1.4rem;
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet .number:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 3.2rem;
    height: 1px;
    content: "";
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet::before {
    position: absolute;
    top: 50%;
    left: -0.55rem;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #fff;
    width: 1rem;
    height: 1rem;
    content: "";
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet:after {
    position: absolute;
    top: 50%;
    left: -1.4rem;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    width: 1rem;
    height: 1rem;
    content: "";
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-bottom: 10rem;
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet-active:after {
    opacity: 1;
    width: 2.7rem;
    height: 2.7rem;
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet-active .number {
    opacity: 1;
  }
}
@media (max-width: 1279px) {
  .hero-banner .slider .swiper-pagination {
    bottom: 3rem;
  }
  .hero-banner .slider .swiper-pagination span {
    background: transparent;
    width: auto;
    height: auto;
  }
  .hero-banner .slider .swiper-pagination .number span {
    color: rgba(255, 255, 255, 0.8);
  }
  .hero-banner .slider .swiper-pagination .number span:nth-child(2) {
    display: none;
  }
  .hero-banner .slider .swiper-pagination .swiper-pagination-bullet-active .number span {
    color: #fff;
    text-decoration: underline;
  }
}
.hero-banner .marquees {
  position: absolute;
  bottom: 9rem;
  left: 0;
  z-index: 1;
  border-top: 1px solid #fff;
  width: 100%;
}
.hero-banner .marquees .marquee {
  --marquee--colour: #fff;
  --marquee--repeat-count: 6;
  --marquee--base-duration: 1s;
  --marquee--repeat-size: calc(100% / var(--marquee--repeat-count));
  --marquee--double-size: calc(var(--marquee--repeat-size) * 2);
  --marquee--duration: calc(var(--marquee--base-duration) * var(--char-count, 20));
  margin-left: -5%;
  border-bottom: 1px solid #fff;
  width: 110%;
  height: 8rem;
  overflow: hidden;
  color: #fff;
}
.hero-banner .marquees .marquee:nth-child(even) {
  --marquee--direction: -1;
  color: var(--marquee--colour);
}
.hero-banner .marquees .marquee p {
  gap: 3rem;
  display: flex;
  align-items: center;
  transform: translateY(0.07em);
  margin: 0;
  font-family: "Nunito Sans";
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 8rem;
}
.hero-banner .marquees .marquee p::after {
  border-radius: 0.5rem;
  background: #a2ba4c;
  width: 1.8rem;
  height: 1.8rem;
  content: "";
}
.hero-banner .marquees .marquee p::before {
  content: "";
}
.hero-banner .marquees .marquee-inner {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
@media (prefers-reduced-motion: no-preference) {
  .hero-banner .marquees .marquee-inner {
    animation-composition: add;
    animation: marquee var(--marquee--duration) infinite linear, reduce-marquee var(--marquee--duration) infinite linear paused;
  }
  .hero-banner .marquees .marquee-inner:hover {
    animation-play-state: running;
  }
}
@keyframes marquee {
  from {
    transform: translateX(calc((-1 * var(--marquee--double-size)) - (var(--marquee--double-size) * var(--marquee--direction, 1))));
  }
  to {
    transform: translateX(calc(var(--marquee--double-size) * -1));
  }
}
@keyframes reduce-marquee {
  from {
    transform: translateX(calc(var(--marquee--repeat-size) * var(--marquee--direction, 1)));
  }
  to {
    transfrom: translateX(calc(var(--marquee--double-size) * -1));
  }
}
.hero-banner .marquees .marquees {
  gap: 5vw;
  display: grid;
  align-content: center;
  height: 100%;
  overflow: hidden;
}

.section-path {
  margin-bottom: 0.4rem;
  height: 2.4rem;
}
.section-path img {
  width: auto;
  height: 100%;
}
.section-path.center {
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.home-about {
  padding-top: 12rem;
}
.home-about .images {
  gap: 1.2rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 48.7rem;
}
.home-about .images img {
  flex: 0 0 9.8rem;
  transition: all 0.5s;
  cursor: pointer;
  border-radius: 1rem;
  min-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-about .images img.active {
  flex: 0 0 26.7rem;
  border-radius: 2rem;
}

section.section-countup {
  padding-block: 12rem;
}
section.section-countup .statistics {
  gap: 5rem 3rem;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
section.section-countup .statistics .item {
  max-width: 23rem;
}
section.section-countup .statistics .item .number {
  position: relative;
  padding-left: 2.4rem;
  color: #28554C;
}
section.section-countup .statistics .item .number::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #93C84E;
  width: 1.4rem;
  height: 1.4rem;
  content: "";
}

.my-tabs .tabs-nav-wrap {
  margin-bottom: 3.8rem;
  overflow: hidden;
  overflow-x: auto;
}
.my-tabs .tabs-nav-wrap .tabs-nav {
  gap: 0.5rem;
  display: flex;
  margin: 0 auto;
  border-radius: 5.6rem;
  background: #32574F;
  width: -moz-fit-content;
  width: fit-content;
  list-style: none;
}
.my-tabs .tabs-nav-wrap .tabs-nav li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  cursor: pointer;
  border-radius: 5.6rem;
  padding: 1.4rem 5rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
}
.my-tabs .tabs-nav-wrap .tabs-nav li.active {
  background: #A2BA4C;
}

.home-our-services {
  position: relative;
  z-index: 1;
  border-radius: 3rem;
  padding: 8.5rem 0 12rem;
}
.home-our-services:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(15, 51, 65, 0.85) 0%, rgba(15, 51, 65, 0.85) 100%);
  width: 100%;
  height: 100%;
  content: "";
}
.home-our-services .head {
  margin-bottom: 3.8rem;
  color: #fff;
}

.service-card {
  position: relative;
  border-radius: 2rem;
  background: #17485B;
  padding: 4rem 3.5rem;
}
@media (max-width: 991px) {
  .service-card {
    padding: 3rem;
  }
}
.service-card .icon {
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 1;
  border-radius: 50%;
  background: #a2ba4c;
  padding: 1rem;
  width: 7.8rem;
  height: 7.8rem;
}
.service-card .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.service-card .top-box {
  display: block;
  position: relative;
  overflow: hidden;
}
.service-card .top-box .box-img {
  display: block;
  position: relative;
  border-radius: 2rem;
  background: #D9D9D9;
  padding-top: 82.8375286041%;
  overflow: hidden;
}
.service-card .top-box .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-card .top-box .btn-arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-30.2rem, 32.2rem);
  transition: all 0.3s;
  border-radius: 32.2rem;
  background: #a2ba4c;
  width: 32.2rem;
  height: 30.2rem;
}
.service-card .top-box .btn-arrow .arrow-icon {
  margin-left: auto;
  padding: 3rem 7rem;
  width: -moz-fit-content;
  width: fit-content;
}
.service-card .top-box .btn-arrow .arrow-icon img {
  width: 7.5rem;
  height: 7.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.service-card .content {
  padding-top: 3.5rem;
}
.service-card .content .title {
  color: #fff;
}
.service-card:hover .top-box .box-img img {
  transform: scale(1.1);
}
.service-card:hover .top-box .btn-arrow {
  transform: translate(-13rem, 17rem);
}

.home-blog {
  padding: 14rem 0 12rem;
}
.home-blog .head {
  gap: 3rem;
  display: flex;
  flex-flow: wrap;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 4.5rem;
}
.home-blog .slider {
  position: relative;
}
@media (min-width: 1280px) {
  .home-blog .slider .swiper-next {
    right: -10rem;
  }
  .home-blog .slider .swiper-prev {
    left: -10rem;
  }
}

.article-card .box-img {
  display: block;
  position: relative;
  padding-top: 73.3333333333%;
  overflow: hidden;
}
.article-card .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-card .content {
  padding-top: 2.4rem;
}
.article-card .content .title {
  font-size: 2rem;
  font-weight: 600;
}
.article-card .content .date {
  margin-top: 1rem;
  color: #93C84E;
  font-size: 1.4rem;
}
.article-card:hover .box-img img {
  transform: scale(1.1);
}

.home-partners {
  padding: 12rem 0;
}
.home-partners .head {
  margin-bottom: 3rem;
}
.home-partners .image {
  display: block;
  position: relative;
  padding-top: 50%;
}
.home-partners .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.get-in-touch {
  border-radius: 3rem 3rem 0 0;
  background: #0F3341;
  padding: 15rem 0 9rem;
}
.get-in-touch .content {
  margin: 0 auto;
  max-width: 111.1rem;
  color: #fff;
  text-align: center;
}
.get-in-touch .content .desc {
  font-family: "Nunito Sans";
  font-size: 3.2rem;
  font-weight: 700;
}
.get-in-touch .content .btn-group {
  justify-content: center;
  margin-top: 3rem;
}
.get-in-touch .content .desc {
  margin-bottom: 5rem;
}
@media not all and (min-width: 768px){
  .max-md\:mt-5{
    margin-top: 5rem;
  }
}
@media (min-width: 640px){
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px){
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){
  .lg\:hidden{
    display: none;
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/*# sourceMappingURL=main.css.map */