@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: 400;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
}
@media (min-width: 992px) {
  * {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  * {
    font-size: 15px;
  }
}
@media (min-width: 1350px) {
  * {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  * {
    font-size: 17px;
  }
}
@media (min-width: 1600px) {
  * {
    font-size: 18px;
  }
}
@media (min-width: 1900px) {
  * {
    font-size: 20px;
  }
}

body {
  transition: 0.5s ease all;
  overflow-x: hidden;
}

.container-header {
  margin-right: auto;
  margin-left: auto;
  max-width: 94.062%;
}
@media (min-width: 992px) {
  .container-header {
    max-width: 90.8478%;
  }
}

.container-ctn {
  max-width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-ctn {
    max-width: 95%;
  }
}
@media (min-width: 992px) {
  .container-ctn {
    max-width: 88.076%;
  }
}

ul {
  padding: 0;
  margin: 0;
}

button {
  border: unset;
}

a:focus, a:active {
  outline: unset !important;
  box-shadow: unset !important;
}

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

.commonPadding {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .commonPadding {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (min-width: 1200px) {
  .commonPadding {
    padding-top: 74px;
    padding-bottom: 74px;
  }
}
@media (min-width: 1280px) {
  .commonPadding {
    padding-top: 78px;
    padding-bottom: 78px;
  }
}
@media (min-width: 1440px) {
  .commonPadding {
    padding-top: 82px;
    padding-bottom: 82px;
  }
}
@media (min-width: 1600px) {
  .commonPadding {
    padding-top: 86px;
    padding-bottom: 86px;
  }
}
@media (min-width: 1900px) {
  .commonPadding {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.commonPadding-72 {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .commonPadding-72 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media (min-width: 992px) {
  .commonPadding-72 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (min-width: 1200px) {
  .commonPadding-72 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) {
  .commonPadding-72 {
    padding-top: 62px;
    padding-bottom: 62px;
  }
}
@media (min-width: 1440px) {
  .commonPadding-72 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (min-width: 1600px) {
  .commonPadding-72 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
}
@media (min-width: 1900px) {
  .commonPadding-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

.commonPadding-72-pb {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .commonPadding-72-pb {
    padding-bottom: 45px;
  }
}
@media (min-width: 992px) {
  .commonPadding-72-pb {
    padding-bottom: 55px;
  }
}
@media (min-width: 1200px) {
  .commonPadding-72-pb {
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) {
  .commonPadding-72-pb {
    padding-bottom: 62px;
  }
}
@media (min-width: 1440px) {
  .commonPadding-72-pb {
    padding-bottom: 64px;
  }
}
@media (min-width: 1600px) {
  .commonPadding-72-pb {
    padding-bottom: 68px;
  }
}
@media (min-width: 1900px) {
  .commonPadding-72-pb {
    padding-bottom: 72px;
  }
}

.commonPadding-72-pt {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .commonPadding-72-pt {
    padding-top: 45px;
  }
}
@media (min-width: 992px) {
  .commonPadding-72-pt {
    padding-top: 55px;
  }
}
@media (min-width: 1200px) {
  .commonPadding-72-pt {
    padding-top: 60px;
  }
}
@media (min-width: 1350px) {
  .commonPadding-72-pt {
    padding-top: 62px;
  }
}
@media (min-width: 1440px) {
  .commonPadding-72-pt {
    padding-top: 64px;
  }
}
@media (min-width: 1600px) {
  .commonPadding-72-pt {
    padding-top: 68px;
  }
}
@media (min-width: 1900px) {
  .commonPadding-72-pt {
    padding-top: 72px;
  }
}

.commonPadding-120, .policy {
  padding: 40px 0px;
}
@media (min-width: 768px) {
  .commonPadding-120, .policy {
    padding: 60px 0px;
  }
}
@media (min-width: 992px) {
  .commonPadding-120, .policy {
    padding: 70px 0px;
  }
}
@media (min-width: 1200px) {
  .commonPadding-120, .policy {
    padding: 90px 0px;
  }
}
@media (min-width: 1350px) {
  .commonPadding-120, .policy {
    padding: 95px 0px;
  }
}
@media (min-width: 1440px) {
  .commonPadding-120, .policy {
    padding: 100px 0px;
  }
}
@media (min-width: 1600px) {
  .commonPadding-120, .policy {
    padding: 110px 0px;
  }
}
@media (min-width: 1900px) {
  .commonPadding-120, .policy {
    padding: 120px 0px;
  }
}

.commonPadding-120-pb {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .commonPadding-120-pb {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .commonPadding-120-pb {
    padding-bottom: 70px;
  }
}
@media (min-width: 1200px) {
  .commonPadding-120-pb {
    padding-bottom: 90px;
  }
}
@media (min-width: 1350px) {
  .commonPadding-120-pb {
    padding-bottom: 95px;
  }
}
@media (min-width: 1440px) {
  .commonPadding-120-pb {
    padding-bottom: 100px;
  }
}
@media (min-width: 1600px) {
  .commonPadding-120-pb {
    padding-bottom: 110px;
  }
}
@media (min-width: 1900px) {
  .commonPadding-120-pb {
    padding-bottom: 120px;
  }
}

.commonPadding-120-pt {
  padding-top: 40px;
}
@media (min-width: 768px) {
  .commonPadding-120-pt {
    padding-top: 60px;
  }
}
@media (min-width: 992px) {
  .commonPadding-120-pt {
    padding-top: 70px;
  }
}
@media (min-width: 1200px) {
  .commonPadding-120-pt {
    padding-top: 90px;
  }
}
@media (min-width: 1350px) {
  .commonPadding-120-pt {
    padding-top: 95px;
  }
}
@media (min-width: 1440px) {
  .commonPadding-120-pt {
    padding-top: 100px;
  }
}
@media (min-width: 1600px) {
  .commonPadding-120-pt {
    padding-top: 110px;
  }
}
@media (min-width: 1900px) {
  .commonPadding-120-pt {
    padding-top: 120px;
  }
}

.commonMargin-120 {
  margin: 40px auto !important;
}
@media (min-width: 768px) {
  .commonMargin-120 {
    margin: 60px auto !important;
  }
}
@media (min-width: 992px) {
  .commonMargin-120 {
    margin: 70px auto !important;
  }
}
@media (min-width: 1200px) {
  .commonMargin-120 {
    margin: 90px auto !important;
  }
}
@media (min-width: 1350px) {
  .commonMargin-120 {
    margin: 95px auto !important;
  }
}
@media (min-width: 1440px) {
  .commonMargin-120 {
    margin: 100px auto !important;
  }
}
@media (min-width: 1600px) {
  .commonMargin-120 {
    margin: 110px auto !important;
  }
}
@media (min-width: 1900px) {
  .commonMargin-120 {
    margin: 120px auto !important;
  }
}

.commonMargin-72-mb {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .commonMargin-72-mb {
    margin-bottom: 45px;
  }
}
@media (min-width: 992px) {
  .commonMargin-72-mb {
    margin-bottom: 55px;
  }
}
@media (min-width: 1200px) {
  .commonMargin-72-mb {
    margin-bottom: 60px;
  }
}
@media (min-width: 1350px) {
  .commonMargin-72-mb {
    margin-bottom: 62px;
  }
}
@media (min-width: 1440px) {
  .commonMargin-72-mb {
    margin-bottom: 64px;
  }
}
@media (min-width: 1600px) {
  .commonMargin-72-mb {
    margin-bottom: 68px;
  }
}
@media (min-width: 1900px) {
  .commonMargin-72-mb {
    margin-bottom: 72px;
  }
}

.position, .newsDetail article .navigation-and-share .navigation a + a::before, .media .gallery-item::after, .media .gallery-item::before, .product-listing a::before,
.product-listing button::before, .product-details a::before,
.product-details button::before, .faq .accordion-button::after, .production-description::before, .who-we-are .mission-vission h2::after, .breadcrumb li + li::before, .innner-banner picture::after, .innner-banner::before, .our-product h3::after, .certifications .container-ctn::before, .whoWeAre picture::before, footer .links a::before, nav > ul > li > a::after, .btn-yellow-mini::after, .btn-yellow::after, .list ul li::before {
  content: "";
  position: absolute;
}

.wh-100 {
  width: 100%;
  height: 100%;
}

.slick-nav {
  cursor: pointer;
  width: 100%;
}
@media (min-width: 1900px) {
  .slick-nav {
    width: 100%;
  }
}
.slick-nav > div {
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.5s ease all;
}

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

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

.jq-star {
  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: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 80px;
}

roll::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #FFD52B;
  border-radius: 10px;
  /* GAP using border and background clip */
  border: 2px solid transparent;
  background-clip: padding-box;
  margin: 10px 0;
  /* Adds top & bottom gap (optional) */
}

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

.list ul {
  margin-top: 18px;
}
.list ul li {
  position: relative;
  padding-left: clamp(28px, 2.1875vw, 42px);
}
.list ul li::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.1006 12H3.10058" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.1006 18L21.1006 12L15.1006 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #FFD52B;
  border-radius: 50%;
  background-position: center center;
  left: 0;
  top: 0px;
  width: 22px;
  height: 22px;
  background-size: 14px;
}
@media (min-width: 992px) {
  .list ul li::before {
    width: 30px;
    height: 30px;
    background-size: 18px;
  }
}
.list ul li + li {
  margin-top: clamp(13px, 1vw, 18px);
}
.list.listDark ul li::before {
  filter: invert(1);
}

span.error {
  border: 1px solid #FF4040 !important;
}

.error-message {
  color: #FF4040;
  display: none;
  font-size: 12px;
  position: absolute;
  bottom: -20px;
  left: 0;
  line-height: normal;
  z-index: 1;
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 10px;
  border-radius: 5px;
  margin-bottom: 3px;
}

.iti {
  width: 100%;
}

.iti__flag-container {
  padding-left: 6px;
}

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

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

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

.iti__arrow {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M12.75 7.5L9 11.25L5.25 7.5" stroke="%23414A66" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 18px;
  height: 18px;
  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: 5px;
}

textarea {
  resize: none;
}

input,
textarea,
select {
  outline: unset;
  border: unset;
}
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;
  border: unset;
}

select {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12" fill="none"> <path d="M19.513 0.438696C19.2317 0.157489 18.8502 -0.000484467 18.4525 -0.000484467C18.0547 -0.000484467 17.6733 0.157489 17.392 0.438696L9.96697 7.8637L2.54197 0.438696C2.25907 0.165459 1.88016 0.014267 1.48687 0.0176849C1.09357 0.021102 0.717352 0.178856 0.43924 0.456967C0.161127 0.73508 0.00337601 1.1113 -4.19617e-05 1.50459C-0.00345993 1.89789 0.147732 2.27679 0.420969 2.5597L8.90647 11.0452C9.18776 11.3264 9.56922 11.4844 9.96697 11.4844C10.3647 11.4844 10.7462 11.3264 11.0275 11.0452L19.513 2.5597C19.7942 2.2784 19.9521 1.89694 19.9521 1.4992C19.9521 1.10145 19.7942 0.719987 19.513 0.438696Z" fill="black"/> </svg>');
  border: unset;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 95%;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
}
@media (max-width: 575px) {
  select {
    background-position: 96%;
    background-size: 14px;
  }
}
select:focus-visible {
  outline: unset;
}

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

.navbar-toggler {
  background: unset;
  border: unset;
  border-radius: unset;
  transition: transform 0.35s ease, stroke 0.35s ease;
}
.navbar-toggler path {
  transition: stroke 0.35s ease;
}
@media (max-width: 991px) {
  .navbar-toggler:hover path {
    path: #000;
  }
}
@media (min-width: 992px) {
  .navbar-toggler:hover path {
    stroke: #000;
  }
}

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

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

#fadeSection {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  /* Smooth transition */
}

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

.formGroup {
  position: relative;
}

input.error,
textarea.error {
  border: 1px solid #FF4040 !important;
}

/* Hide number input spinner */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
  /* Firefox */
}

.hidden {
  display: none;
}

.show {
  display: inline-block;
}

.visibility-hidden {
  visibility: hidden;
}

.dropdown-menu {
  width: 100%;
  margin: auto !important;
  background: unset;
}
.dropdown-menu button {
  color: #fff;
}

.dropdown-item.active {
  background: unset !important;
}
.dropdown-item.active:hover {
  color: #0A1119 !important;
}

.dropdown-item:hover {
  background: #fff !important;
}

.dropDown {
  margin-bottom: 24px;
}
.dropDown button {
  color: #fff;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  position: relative;
  padding: 8px 20px 8px 20px;
  white-space: pre-line;
}
.dropDown button::after {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  border: unset;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0889 6.19526C13.3493 6.45561 13.3493 6.87772 13.0889 7.13807L8.4468 11.7802C8.32178 11.9052 8.15221 11.9754 7.9754 11.9754C7.79859 11.9754 7.62902 11.9052 7.50399 11.7802L2.86188 7.13807C2.60153 6.87772 2.60153 6.45561 2.86188 6.19526C3.12223 5.93491 3.54434 5.93491 3.80469 6.19526L7.9754 10.366L12.1461 6.19526C12.4065 5.93491 12.8286 5.93491 13.0889 6.19526Z" fill="%23ffff"/></svg>');
}
.dropDown {
  border-radius: 8px;
  background: #FFD52B;
  font-size: 16px;
  line-height: 24px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  border-radius: 8px;
}

.select2-container--default .select2-results > .select2-results__options {
  padding: 8px;
  background-color: #2f353f;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background-color: #2f353f;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: #979A9C;
}

.select2-dropdown {
  background-color: transparent;
}

.select2-results__option {
  padding: 4px 12px;
  line-height: 150%;
  margin-bottom: 4px;
}

.slick-track {
  margin-left: 0;
}

.fancybox-navigation .fancybox-button div {
  background: rgb(255, 255, 255);
}

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

.fancybox-button {
  background: rgb(255, 255, 255);
}

.slick-nav {
  z-index: 0;
}
.slick-nav div svg {
  height: auto;
}
.slick-nav div svg:hover path {
  fill: #FFD52B;
}

.modal-backdrop.show {
  opacity: 1;
  background: rgb(25, 33, 60) !important;
  opacity: 0.53;
}

.mobile-menu {
  padding-bottom: 11px;
  display: flex;
  justify-content: flex-end;
  align-items: end;
}
.mobile-menu button {
  margin: 0;
  padding: 6px 19px;
  border: 1px solid #d6dffa;
  border-radius: 8px;
  color: rgba(46, 49, 146, 0.6588235294);
}

.btn-pay-online,
.btn-connect-mbs,
.btn-whatsapp {
  color: #313030;
  border-radius: 80px;
  font-weight: 500;
  border: 1px solid #4F5762;
}

.btn-yellow {
  display: flex;
  align-items: center;
  border-radius: 80px;
  background: #FFD52B;
  color: #000;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 100%;
  padding: 10px 38px 10px 11px;
}
@media (min-width: 768px) {
  .btn-yellow {
    padding: 11px 60px 11px 17px;
  }
}
@media (min-width: 992px) {
  .btn-yellow {
    padding: 14px 70px 14px 18px;
  }
}
@media (min-width: 1200px) {
  .btn-yellow {
    padding: 15px 75px 15px 33px;
  }
}
@media (min-width: 1350px) {
  .btn-yellow {
    padding: 16px 80px 16px 34px;
  }
}
@media (min-width: 1440px) {
  .btn-yellow {
    padding: 17px 90px 17px 35px;
  }
}
@media (min-width: 1600px) {
  .btn-yellow {
    padding: 18px 100px 18px 36px;
  }
}
@media (min-width: 1900px) {
  .btn-yellow {
    padding: 19px 109px 19px 37px;
  }
}
.btn-yellow::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="24" viewBox="0 0 64 24" fill="none"><path d="M61 12L3 12M61 12L55 18M61 12L55 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: right;
  right: 10px;
  background-size: 24px;
}
@media (min-width: 768px) {
  .btn-yellow::after {
    background-size: 40px;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .btn-yellow::after {
    background-size: 42px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .btn-yellow::after {
    background-size: 45px;
    right: 24px;
  }
}
@media (min-width: 1350px) {
  .btn-yellow::after {
    background-size: 50px;
    right: 21px;
  }
}
@media (min-width: 1440px) {
  .btn-yellow::after {
    background-size: 54px;
    right: 28px;
  }
}
@media (min-width: 1600px) {
  .btn-yellow::after {
    background-size: 61px;
    right: 32px;
  }
}
@media (min-width: 1900px) {
  .btn-yellow::after {
    background-size: 64px;
    right: 37px;
  }
}
.btn-yellow:hover {
  background: #0A1119;
  color: #fff;
}
.btn-yellow:hover::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="24" viewBox="0 0 64 24" fill="none"><path d="M61 12L3 12M61 12L55 18M61 12L55 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right;
  right: 10px;
  background-size: 24px;
}
@media (min-width: 768px) {
  .btn-yellow:hover::after {
    background-size: 40px;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .btn-yellow:hover::after {
    background-size: 42px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .btn-yellow:hover::after {
    background-size: 45px;
    right: 24px;
  }
}
@media (min-width: 1350px) {
  .btn-yellow:hover::after {
    background-size: 50px;
    right: 21px;
  }
}
@media (min-width: 1440px) {
  .btn-yellow:hover::after {
    background-size: 54px;
    right: 28px;
  }
}
@media (min-width: 1600px) {
  .btn-yellow:hover::after {
    background-size: 61px;
    right: 32px;
  }
}
@media (min-width: 1900px) {
  .btn-yellow:hover::after {
    background-size: 64px;
    right: 37px;
  }
}

.btn-yellow-mini {
  display: flex;
  align-items: center;
  border-radius: 80px;
  background: #FFD52B;
  color: #000;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 125%;
  padding: 7.5px 48px 7.5px 15px;
}
@media (min-width: 768px) {
  .btn-yellow-mini {
    padding: 8px 90px 8px 22px;
  }
}
@media (min-width: 992px) {
  .btn-yellow-mini {
    padding: 8.5px 92px 8.5px 24px;
  }
}
@media (min-width: 1200px) {
  .btn-yellow-mini {
    padding: 9px 94px 9px 26px;
  }
}
@media (min-width: 1350px) {
  .btn-yellow-mini {
    padding: 9.5px 96px 9.5px 27px;
  }
}
@media (min-width: 1440px) {
  .btn-yellow-mini {
    padding: 10px 98px 10px 28px;
  }
}
@media (min-width: 1600px) {
  .btn-yellow-mini {
    padding: 10.5px 100px 10.5px 29px;
  }
}
@media (min-width: 1900px) {
  .btn-yellow-mini {
    padding: 11px 102px 11px 30px;
  }
}
.btn-yellow-mini::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="24" viewBox="0 0 64 24" fill="none"><path d="M61 12L3 12M61 12L55 18M61 12L55 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: right;
  right: 10px;
  background-size: 28px;
}
@media (min-width: 768px) {
  .btn-yellow-mini::after {
    background-size: 40px;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .btn-yellow-mini::after {
    background-size: 42px;
    right: 18px;
  }
}
@media (min-width: 1200px) {
  .btn-yellow-mini::after {
    background-size: 45px;
    right: 20px;
  }
}
@media (min-width: 1350px) {
  .btn-yellow-mini::after {
    background-size: 50px;
    right: 22px;
  }
}
@media (min-width: 1440px) {
  .btn-yellow-mini::after {
    background-size: 54px;
    right: 24px;
  }
}
@media (min-width: 1600px) {
  .btn-yellow-mini::after {
    background-size: 61px;
    right: 26px;
  }
}
@media (min-width: 1900px) {
  .btn-yellow-mini::after {
    background-size: 64px;
    right: 28px;
  }
}
.btn-yellow-mini:hover {
  background: #0A1119;
  color: #fff;
}
.btn-yellow-mini:hover::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="24" viewBox="0 0 64 24" fill="none"><path d="M61 12L3 12M61 12L55 18M61 12L55 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right;
  right: 10px;
  background-size: 24px;
}
@media (min-width: 768px) {
  .btn-yellow-mini:hover::after {
    background-size: 40px;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .btn-yellow-mini:hover::after {
    background-size: 42px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .btn-yellow-mini:hover::after {
    background-size: 45px;
    right: 24px;
  }
}
@media (min-width: 1350px) {
  .btn-yellow-mini:hover::after {
    background-size: 50px;
    right: 21px;
  }
}
@media (min-width: 1440px) {
  .btn-yellow-mini:hover::after {
    background-size: 54px;
    right: 28px;
  }
}
@media (min-width: 1600px) {
  .btn-yellow-mini:hover::after {
    background-size: 61px;
    right: 32px;
  }
}
@media (min-width: 1900px) {
  .btn-yellow-mini:hover::after {
    background-size: 64px;
    right: 37px;
  }
}

.btn-connect-mbs, .btn-whatsapp {
  display: flex;
  align-items: center;
  padding: 3.5px 4.2px 3.5px 7px;
  gap: 6px;
}
@media (min-width: 768px) {
  .btn-connect-mbs, .btn-whatsapp {
    padding: 3px 3.6px 3px 12px;
    gap: 8px;
  }
}
@media (min-width: 1350px) {
  .btn-connect-mbs, .btn-whatsapp {
    padding: 2.8px 3.8px 2.8px 14px;
    gap: 8px;
  }
}
@media (min-width: 1440px) {
  .btn-connect-mbs, .btn-whatsapp {
    padding: 3px 4px 3px 15px;
    gap: 8px;
  }
}
@media (min-width: 1600px) {
  .btn-connect-mbs, .btn-whatsapp {
    padding: 4.37px 6.5px 4.47px 19px;
    gap: 10px;
  }
}
@media (min-width: 1900px) {
  .btn-connect-mbs, .btn-whatsapp {
    padding: 4.67px 7px 4.67px 20px;
    gap: 11px;
  }
}
.btn-connect-mbs img, .btn-whatsapp img {
  height: auto;
  width: 28px;
  border-radius: 50%;
}
@media (min-width: 576px) {
  .btn-connect-mbs img, .btn-whatsapp img {
    width: 30px;
  }
}
@media (min-width: 768px) {
  .btn-connect-mbs img, .btn-whatsapp img {
    width: 32px;
  }
}
@media (min-width: 992px) {
  .btn-connect-mbs img, .btn-whatsapp img {
    width: 34px;
  }
}
@media (min-width: 1200px) {
  .btn-connect-mbs img, .btn-whatsapp img {
    width: 32px;
  }
}
@media (min-width: 1350px) {
  .btn-connect-mbs img, .btn-whatsapp img {
    width: 38px;
  }
}
@media (min-width: 1440px) {
  .btn-connect-mbs img, .btn-whatsapp img {
    width: 40px;
  }
}
@media (min-width: 1600px) {
  .btn-connect-mbs img, .btn-whatsapp img {
    width: 48px;
  }
}
@media (min-width: 1900px) {
  .btn-connect-mbs img, .btn-whatsapp img {
    width: 50px;
  }
}
.btn-connect-mbs:hover, .btn-whatsapp:hover {
  background: #2E3192;
  border-color: #2E3192;
  color: #fff;
}
.btn-connect-mbs:hover img, .btn-whatsapp:hover img {
  border-radius: 50%;
  background: #fff;
  animation: spin 4s linear infinite;
}

.btn-whatsapp {
  background-color: #25D366;
  border-color: #25D366;
  color: #fff;
  border-radius: 80px;
  font-weight: 500;
}
.btn-whatsapp:hover {
  background-color: #128C7E;
  border-color: #128C7E;
  color: #fff;
}
.btn-whatsapp:hover img {
  background: transparent;
  animation: none;
  border-radius: 50%;
}

.btn-pay-online {
  background: #FFD52B;
  padding: 8px;
}
@media (min-width: 768px) {
  .btn-pay-online {
    padding: 8px 11px;
  }
}
@media (min-width: 1350px) {
  .btn-pay-online {
    padding: 9px 12px;
  }
}
@media (min-width: 1440px) {
  .btn-pay-online {
    padding: 10px 14px;
  }
}
@media (min-width: 1600px) {
  .btn-pay-online {
    padding: 12px 19px;
  }
}
@media (min-width: 1900px) {
  .btn-pay-online {
    padding: 12.5px 20px;
  }
}
.btn-pay-online:hover {
  background: #0A1119;
  color: #fff;
}

.btn-mail {
  border-radius: 80px;
  background-color: #F8CCCD;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  gap: 6px;
}
@media (max-width: 767px) {
  .btn-mail {
    display: none;
  }
}
@media (min-width: 768px) {
  .btn-mail {
    padding: 9px 17px;
    gap: 4px;
  }
}
@media (min-width: 1350px) {
  .btn-mail {
    padding: 8px 18px;
    gap: 5px;
  }
}
@media (min-width: 1440px) {
  .btn-mail {
    padding: 9px 20px;
    gap: 6px;
  }
}
@media (min-width: 1600px) {
  .btn-mail {
    padding: 12px 22px;
    gap: 7px;
  }
}
@media (min-width: 1900px) {
  .btn-mail {
    padding: 13px 28px;
    gap: 8px;
  }
}
.btn-mail svg {
  height: auto;
  width: 15px;
}
@media (min-width: 768px) {
  .btn-mail svg {
    width: 16px;
  }
}
@media (min-width: 1350px) {
  .btn-mail svg {
    width: 17px;
  }
}
@media (min-width: 1440px) {
  .btn-mail svg {
    width: 18px;
  }
}
@media (min-width: 1600px) {
  .btn-mail svg {
    width: 23px;
  }
}
@media (min-width: 1900px) {
  .btn-mail svg {
    width: 24px;
  }
}
.btn-mail span {
  color: #DE4D50;
}
.btn-mail:hover {
  background: #DE4D50;
  color: #fff;
}
.btn-mail:hover span {
  color: #ebebeb;
}
.btn-mail:hover path {
  stroke: #ebebeb;
}

.fancybox-button svg {
  filter: invert(1);
}

.head {
  width: 95.003%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .head {
    width: 80.003%;
  }
}
@media (min-width: 1200px) {
  .head {
    width: 69.003%;
  }
}
.head p {
  color: #4B535D;
  line-height: 160%;
}

.text-wrap h2 {
  white-space: pre-line;
}

.who-we-are .slick-dots,
.banner .slick-dots {
  gap: clamp(6px, 0.62vw, 12px);
}
.who-we-are .slick-dots li,
.banner .slick-dots li {
  border-radius: 50%;
  border: 1px solid #F5F5F5;
  padding: clamp(6px, 0.78vw, 15px);
}
.who-we-are .slick-dots li.slick-active,
.banner .slick-dots li.slick-active {
  border-color: #FFD52B;
}
.who-we-are .slick-dots li.slick-active button,
.banner .slick-dots li.slick-active button {
  background: #FFD52B;
}
.who-we-are .slick-dots button,
.banner .slick-dots button {
  border-radius: 50%;
  font-size: 0;
  background: #00A0E3;
  width: clamp(12px, 1.563vw, 30px);
  height: clamp(12px, 1.563vw, 30px);
}

.icon-box {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  border: 1px solid #CECECE;
  background: #FFF;
  gap: 12px;
  margin-bottom: clamp(18px, 1.87499vw, 36px);
  padding: clamp(10px, 1vw, 18px);
}
.icon-box p {
  margin: 0 !important;
}

header {
  transition: 0.5s ease all;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  padding-top: clamp(10px, 1.57vw, 30px);
  padding-bottom: clamp(10px, 1.57vw, 30px);
  z-index: 999;
}
header .brand {
  height: auto;
  width: clamp(70px, 4.948vw, 95px);
}
header .brand img {
  width: 100%;
  height: auto;
}
header nav {
  background: rgba(255, 255, 255, 0.44);
  border-radius: 80px;
  padding: 5px 9px;
}
@media (min-width: 768px) {
  header nav {
    padding: 7px 10px;
  }
}
@media (min-width: 992px) {
  header nav {
    padding: 7.5px 10.5px;
  }
}
@media (min-width: 1200px) {
  header nav {
    padding: 8px 11px;
  }
}
@media (min-width: 1350px) {
  header nav {
    padding: 8.5px 11.5px;
  }
}
@media (min-width: 1440px) {
  header nav {
    padding: 9px 12px;
  }
}
@media (min-width: 1600px) {
  header nav {
    padding: 9.5px 12.5px;
  }
}
@media (min-width: 1900px) {
  header nav {
    padding: 10px 13px;
  }
}
header nav ul {
  border-radius: 80px;
  background: #FFF;
  padding: 8px 12px;
}
@media (min-width: 768px) {
  header nav ul {
    gap: 10px;
    padding: 9px 13px;
  }
}
@media (min-width: 992px) {
  header nav ul {
    gap: 12px;
    padding: 9.5px 14px;
  }
}
@media (min-width: 1200px) {
  header nav ul {
    gap: 14px;
    padding: 10px 16px;
  }
}
@media (min-width: 1350px) {
  header nav ul {
    gap: 16px;
    padding: 10.5px 18px;
  }
}
@media (min-width: 1440px) {
  header nav ul {
    gap: 18px;
    padding: 11px 21px;
  }
}
@media (min-width: 1600px) {
  header nav ul {
    gap: 20px;
    padding: 11.5px 24px;
  }
}
@media (min-width: 1900px) {
  header nav ul {
    gap: 42px;
    padding: 12px 27px;
  }
}
header a {
  color: #313030;
}
header a, header span {
  line-height: normal;
  font-size: 14px;
}
@media (min-width: 992px) {
  header a, header span {
    font-size: 13px;
  }
}
@media (min-width: 1350px) {
  header a, header span {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  header a, header span {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  header a, header span {
    font-size: 17px;
  }
}
@media (min-width: 1900px) {
  header a, header span {
    font-size: 18px;
  }
}
header .button-wrapper a + a {
  margin-left: 7px;
}
@media (min-width: 768px) {
  header .button-wrapper a + a {
    margin-left: 10px;
  }
}
@media (min-width: 1200px) {
  header .button-wrapper a + a {
    margin-left: 12px;
  }
}
@media (min-width: 1350px) {
  header .button-wrapper a + a {
    margin-left: 13px;
  }
}
@media (min-width: 1440px) {
  header .button-wrapper a + a {
    margin-left: 15px;
  }
}
@media (min-width: 1600px) {
  header .button-wrapper a + a {
    margin-left: 17px;
  }
}
@media (min-width: 1900px) {
  header .button-wrapper a + a {
    margin-left: 20px;
  }
}
header .button-wrapper button {
  margin-left: 2.5px;
}
@media (min-width: 768px) {
  header .button-wrapper button {
    margin-left: 5px;
  }
}
@media (min-width: 1200px) {
  header .button-wrapper button {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) {
  header .button-wrapper button {
    margin-left: 7px;
  }
}
@media (min-width: 1440px) {
  header .button-wrapper button {
    margin-left: 8px;
  }
}
@media (min-width: 1600px) {
  header .button-wrapper button {
    margin-left: 10px;
  }
}
@media (min-width: 1900px) {
  header .button-wrapper button {
    margin-left: 12px;
  }
}
header .button-wrapper button svg {
  height: auto;
}
@media (min-width: 1200px) {
  header .button-wrapper button svg {
    width: 20px;
  }
}
@media (min-width: 1350px) {
  header .button-wrapper button svg {
    width: 21px;
  }
}
@media (min-width: 1440px) {
  header .button-wrapper button svg {
    width: 22px;
  }
}
@media (min-width: 1600px) {
  header .button-wrapper button svg {
    width: 23px;
  }
}
@media (min-width: 1900px) {
  header .button-wrapper button svg {
    width: 24px;
  }
}
header.scrolled {
  transition: 0.5s ease all;
  background-color: #fff;
  padding-top: clamp(5px, 1.57vw, 15px);
  padding-bottom: clamp(5px, 1.57vw, 15px);
}

.mobDropDown {
  position: relative;
}
.mobDropDown button {
  background: unset;
}
.mobDropDown button:focus-visible {
  border: unset;
  overflow: unset;
}
.mobDropDown button svg {
  height: auto;
  width: clamp(15px, 1.3vw, 24px);
  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-top: 15px;
  padding-left: 15px;
  background: unset;
}
.mobDropDown .dropdown-menu li:hover {
  background: #fff;
}
.mobDropDown .dropdown-menu li:hover a {
  color: #FFD52B;
}

nav > ul > li > a {
  position: relative;
  padding-bottom: 5px;
}
nav > ul > li > a::after {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 4px;
  border-radius: 80px;
  background: #FFD52B;
  transition: 0.5s ease all;
}
nav > ul > li > a:hover::after {
  width: 62.59%;
  transition: 0.5s ease all;
}

footer {
  background: #121C27;
  padding-top: clamp(38px, 4.011vw, 77px);
}
@media (max-width: 991px) {
  footer {
    margin-bottom: 30px;
  }
}
footer p, footer a, footer div {
  color: #D9D9D9;
}
footer .links .h4, footer .links h4 {
  margin-bottom: clamp(15px, 1.62vw, 31px);
}
@media (max-width: 767px) {
  footer .links .h4, footer .links h4 {
    font-size: 16px;
  }
}
footer .links a {
  font-size: clamp(14px, 0.99vw, 16px);
}
footer .links a:hover {
  color: #FFD52B;
}
footer .social {
  gap: 0px 20px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  footer .social {
    justify-content: center;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  footer .social {
    gap: clamp(20px, 2.2vw, 41px);
    margin-top: clamp(60px, 6.31vw, 121px);
  }
}
footer .social a {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  color: #505A66;
  line-height: 175%;
  font-size: clamp(14px, 0.89vw, 16px);
}
footer .social a:hover {
  color: #fff;
  transition: 0.5s ease all;
}
footer .social a:hover svg {
  opacity: 1;
  transition: 0.5s ease all;
}
footer .social svg {
  width: auto;
  height: 16px;
  opacity: 0;
  transition: 0.5s ease all;
}
footer .links a {
  padding-left: clamp(20px, 1.355vw, 26px);
  position: relative;
}
footer .links a::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M7.5 5.25L11.25 9L7.5 12.75" stroke="%23D9D9D9" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 18px;
  height: 18px;
  background-size: contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s ease all;
}
footer .links a:hover::before {
  transition: 0.5s ease all;
  left: 5px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M7.5 5.25L11.25 9L7.5 12.75" stroke="%23FFD52B" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
footer .links li, footer .links a {
  line-height: 100%;
}
footer .links ul li + li {
  margin-top: 20px;
}
@media (min-width: 992px) {
  footer .links ul li + li {
    margin-top: 8px;
  }
}
@media (min-width: 1200px) {
  footer .links ul li + li {
    margin-top: 10px;
  }
}
@media (min-width: 1350px) {
  footer .links ul li + li {
    margin-top: 12px;
  }
}
@media (min-width: 1600px) {
  footer .links ul li + li {
    margin-top: 14px;
  }
}

.footer-left {
  width: 100%;
}
@media (min-width: 768px) {
  .footer-left {
    width: 48%;
  }
}
@media (min-width: 1350px) {
  .footer-left {
    width: 37.59%;
  }
}
.footer-left picture {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .footer-left picture {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .footer-left picture {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .footer-left picture {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) {
  .footer-left picture {
    margin-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .footer-left picture {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .footer-left picture {
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .footer-left picture {
    margin-bottom: 21px;
  }
}
.footer-left p {
  line-height: 160%;
}
.footer-right {
  width: 100%;
}
@media (min-width: 768px) {
  .footer-right {
    width: 42.221%;
  }
}
.footer-right i {
  background: #353E47;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
}
@media (min-width: 768px) {
  .footer-right i {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 992px) {
  .footer-right i {
    width: 42px;
    height: 42px;
  }
}
@media (min-width: 1200px) {
  .footer-right i {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1350px) {
  .footer-right i {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 1440px) {
  .footer-right i {
    width: 46px;
    height: 46px;
  }
}
@media (min-width: 1600px) {
  .footer-right i {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1900px) {
  .footer-right i {
    width: 50px;
    height: 50px;
  }
}
.footer-right i svg {
  height: auto;
  width: 22px;
}
@media (min-width: 768px) {
  .footer-right i svg {
    width: 18px;
  }
}
@media (min-width: 992px) {
  .footer-right i svg {
    width: 19px;
  }
}
@media (min-width: 1200px) {
  .footer-right i svg {
    width: 20px;
  }
}
@media (min-width: 1350px) {
  .footer-right i svg {
    width: 21px;
  }
}
@media (min-width: 1440px) {
  .footer-right i svg {
    width: 22px;
  }
}
@media (min-width: 1600px) {
  .footer-right i svg {
    width: 23px;
  }
}
@media (min-width: 1900px) {
  .footer-right i svg {
    width: 24px;
  }
}

.site-info {
  width: 70.136%;
}
@media (min-width: 768px) {
  .site-info {
    width: 64.136%;
  }
}
.site-info p {
  line-height: 175%;
  font-size: clamp(14px, 0.89vw, 16px);
  width: 100%;
}
@media (min-width: 768px) {
  .site-info p {
    width: 68.424%;
  }
}
.site-info .h4, .site-info h4 {
  margin-bottom: clamp(8px, 0.89vw, 16px);
}
@media (max-width: 767px) {
  .site-info .h4, .site-info h4 {
    font-size: 16px;
  }
}

.contactInfo {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 20px 0px;
}
@media (min-width: 768px) {
  .contactInfo {
    margin-top: clamp(8px, 0.84vw, 16px);
    gap: clamp(11px, 1.2vw, 22px);
  }
}
.contactInfo a {
  display: flex;
  align-items: center;
  gap: clamp(8px, 0.89vw, 16px);
}

.copyright {
  border-top: 1px solid #353E47;
  margin-top: clamp(25px, 4.167vw, 80px);
  padding: 25px 0px;
}
@media (min-width: 768px) {
  .copyright {
    padding: 38px 0px;
  }
}
@media (min-width: 992px) {
  .copyright {
    padding: 40px 0px;
  }
}
@media (min-width: 1200px) {
  .copyright {
    padding: 44px 0px;
  }
}
@media (min-width: 1350px) {
  .copyright {
    padding: 46px 0px;
  }
}
@media (min-width: 1440px) {
  .copyright {
    padding: 48px 0px;
  }
}
@media (min-width: 1600px) {
  .copyright {
    padding: 50px 0px;
  }
}
@media (min-width: 1900px) {
  .copyright {
    padding: 54px 0px;
  }
}
@media (max-width: 767px) {
  .copyright div {
    text-align: center;
  }
}
.copyright a:hover {
  color: #FFD52B;
}
@media (max-width: 767px) {
  .copyright ul {
    margin-top: 20px;
  }
}
.copyright ul li {
  padding-left: 7px;
  margin-left: 7px;
  line-height: 100%;
}
@media (min-width: 1600px) {
  .copyright ul li {
    padding-left: 8px;
    margin-left: 8px;
  }
}
@media (min-width: 1600px) {
  .copyright ul li {
    padding-left: 9px;
    margin-left: 9px;
  }
}
@media (min-width: 1600px) {
  .copyright ul li {
    padding-left: 10px;
    margin-left: 10px;
  }
}
@media (min-width: 1350px) {
  .copyright ul li {
    padding-left: 11px;
    margin-left: 11px;
  }
}
@media (min-width: 1600px) {
  .copyright ul li {
    padding-left: 12px;
    margin-left: 12px;
  }
}
.copyright ul li a {
  line-height: 100%;
}
.copyright ul li + li {
  border-left: 1px solid #D9D9D9;
}

.newsletter {
  gap: clamp(8px, 0.89vw, 16px);
  margin-top: clamp(27px, 2.813vw, 54px);
  width: 100%;
}
@media (min-width: 768px) {
  .newsletter {
    width: 85.092%;
  }
}
.newsletter p {
  width: 89.08%;
}
@media (min-width: 768px) {
  .newsletter p {
    width: 86.5%;
  }
}
.newsletter form {
  width: 89.08%;
}
@media (min-width: 768px) {
  .newsletter form {
    width: 86.5%;
  }
}
.newsletter input {
  width: 100%;
  border-radius: 80px;
  background: #353E47;
  color: #fff;
  font-weight: 300;
  line-height: 80%;
  padding: 12px 14px;
}
@media (min-width: 768px) {
  .newsletter input {
    padding: 11px 10px;
  }
}
@media (min-width: 992px) {
  .newsletter input {
    padding: 13px 12px;
  }
}
@media (min-width: 1200px) {
  .newsletter input {
    padding: 15px 14px;
  }
}
@media (min-width: 1350px) {
  .newsletter input {
    padding: 17px 16px;
  }
}
@media (min-width: 1440px) {
  .newsletter input {
    padding: 19px 18px;
  }
}
@media (min-width: 1600px) {
  .newsletter input {
    padding: 21px 20px;
  }
}
@media (min-width: 1900px) {
  .newsletter input {
    padding: 23px 22px;
  }
}
.newsletter input::-moz-placeholder {
  color: #FFF;
  font-weight: 300;
}
.newsletter input::placeholder {
  color: #FFF;
  font-weight: 300;
}
.newsletter form {
  position: relative;
}
.newsletter button {
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  background: #353E47;
}
.newsletter button svg {
  height: auto;
  width: clamp(22px, 1.667vw, 32px);
}
.newsletter button:hover path {
  stroke: #FFD52B;
}

.offcanvas {
  width: 100%;
  z-index: 9999999;
}

.mobile_left_menu {
  min-height: 100vh;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 0px 2px 4px 0px rgba(22, 40, 2, 0.1);
  backdrop-filter: blur(40px);
}
@media (min-width: 768px) {
  .mobile_left_menu {
    width: 25%;
  }
}
.mobile_left_menu nav a {
  color: #fff;
  font-weight: 200;
}
@media (max-width: 575px) {
  .mobile_left_menu nav {
    height: 380px;
    align-items: flex-start;
  }
}
.mobile_left_menu li.has-sub > ul {
  padding-left: 25px;
  margin-bottom: 20px;
}
.mobile_left_menu ul {
  width: 100%;
}
.mobile_left_menu .social {
  position: absolute;
  bottom: 30px;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}
.mobile_left_menu .social .btn {
  width: 100%;
  color: #fff;
  font-weight: 600;
  padding: 8px 0px;
  margin-bottom: 15px;
}
.mobile_left_menu .social .btn:last-child {
  border: 1px solid #fff;
}
.mobile_left_menu .social ul {
  display: flex;
  justify-content: space-between;
}
.mobile_left_menu .social ul a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-size: 13px;
  gap: 5px;
}
.mobile_left_menu .social ul svg {
  width: 22px;
  height: auto;
}
.mobile_left_menu .offcanvas-header > div {
  width: 70%;
  padding-top: 11px;
}
.mobile_left_menu .offcanvas-header div {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .mobile_left_menu .offcanvas-header div {
    gap: 34px;
  }
}
.mobile_left_menu .btn-close {
  background: unset;
  filter: invert(1);
  opacity: 1;
  width: 26px;
  height: 26px;
}
.mobile_left_menu .btn-close path {
  fill: #fff;
  stroke: #fff;
}
.mobile_left_menu ul li {
  margin-bottom: 10px;
}
.mobile_left_menu ul li a {
  color: #0A1119;
  font-size: 22px;
}
.mobile_left_menu .btn-close {
  margin-right: 0;
}
.mobile_left_menu .offcanvas-header {
  padding: 0px;
  width: 92%;
  margin: auto;
  margin-top: 15px;
}
.mobile_left_menu .offcanvas-body {
  margin-top: 20px;
}

.burgerMenu {
  width: 400px;
}
.burgerMenu .offcanvas-header {
  align-items: flex-start;
}
.burgerMenu button {
  background: unset;
}
.burgerMenu ul {
  margin-bottom: 20px;
}
.burgerMenu ul li {
  padding: 12px 10px;
  border-bottom: 1px solid #e3e3e3;
}
.burgerMenu ul li:last-child {
  border-bottom: unset;
}
.burgerMenu a {
  color: #0A1119;
  font-size: 20px;
}
.burgerMenu .contact-info {
  margin-top: 20Px;
  padding: 20px;
  border: 1px solid #e3e3e3;
}
.burgerMenu .contact-info P {
  font-size: 16px;
}
.burgerMenu .contact-info span, .burgerMenu .contact-info svg {
  margin-bottom: 5px;
}
.burgerMenu .contact-info svg {
  margin-right: 5px;
}
.burgerMenu .contact-info span {
  display: inline-block;
  font-weight: 500;
}
.burgerMenu .contact-info a, .burgerMenu .contact-info p {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .siteEnquiryForm .modal-dialog {
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .siteEnquiryForm .modal-dialog {
    max-width: 100%;
    margin: 10px;
  }
}
.siteEnquiryForm .modal-dialog {
  max-width: 936px;
}
.siteEnquiryForm .modal-content {
  border-radius: 20px;
  box-shadow: 0 0 10px 10px rgba(54, 54, 54, 0.11);
  padding: clamp(25px, 2.3959vw, 46px);
}
.siteEnquiryForm label {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.siteEnquiryForm label strong {
  text-decoration: underline;
  font-weight: 400 !important;
  margin-bottom: 8px;
}

.modal-content .formGroup,
.modal-content .upload-area-container,
.modal-content .uploaded-files:has(.file-item) {
  margin-bottom: clamp(15px, 1.24999vw, 24px);
}
.modal-content small {
  font-weight: 300;
  line-height: 125%;
  color: #4B535D;
  font-size: clamp(12px, 0.834vw, 16px);
}
.modal-content .title {
  line-height: 100%;
  padding-top: 15px;
  font-size: clamp(20px, 1.46vw, 28px);
  font-weight: 500;
  margin-bottom: clamp(20px, 2.11vw, 42px);
}
.modal-content {
  /* ================= FILE ITEM ================= */
}
.modal-content .file-item {
  position: relative;
  width: 48.695%;
  border-radius: 5px;
  border: 1px solid #C9C9C9;
  background: #FFF;
  padding: 12px;
}
.modal-content .file-item .remove-file {
  position: absolute;
  right: 12px;
  top: 12px;
  background: unset;
}
.modal-content {
  /* ================= INPUTS ================= */
}
.modal-content input:focus, .modal-content select:focus {
  box-shadow: unset;
  border: 1px solid #C9C9C9;
}
.modal-content input[type=text],
.modal-content input[type=number],
.modal-content input[type=tel],
.modal-content input[type=email],
.modal-content textarea, .modal-content select {
  border: 1px solid #C9C9C9;
  border-radius: 5px;
  font-weight: 200;
  color: #4B535D;
}
.modal-content input[type=text]::-moz-placeholder, .modal-content input[type=number]::-moz-placeholder, .modal-content input[type=tel]::-moz-placeholder, .modal-content input[type=email]::-moz-placeholder, .modal-content textarea::-moz-placeholder, .modal-content select::-moz-placeholder {
  color: #4B535D;
}
.modal-content input[type=text]::placeholder,
.modal-content input[type=number]::placeholder,
.modal-content input[type=tel]::placeholder,
.modal-content input[type=email]::placeholder,
.modal-content textarea::placeholder, .modal-content select::placeholder {
  color: #4B535D;
}
.modal-content input[type=text],
.modal-content input[type=number],
.modal-content input[type=tel],
.modal-content input[type=email], .modal-content select {
  height: clamp(35px, 3.6459vw, 70px);
}
.modal-content textarea {
  height: clamp(70px, 7.44799vw, 143px);
}
.modal-content .file-size {
  display: block;
  color: #4B535D;
  font-weight: 300;
  margin-bottom: 9px;
  font-size: clamp(12px, 0.81vw, 16px);
}
.modal-content .file-icon {
  border-radius: 5px;
  background: #F2F2F2;
  width: clamp(30px, 2.61vw, 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
@media (min-width: 992px) {
  .modal-content .file-icon {
    gap: 5px;
  }
}
@media (min-width: 1200px) {
  .modal-content .file-icon {
    gap: 6px;
  }
}
@media (min-width: 1350px) {
  .modal-content .file-icon {
    gap: 7px;
  }
}
@media (min-width: 1440px) {
  .modal-content .file-icon {
    gap: 8px;
  }
}
@media (min-width: 1600px) {
  .modal-content .file-icon {
    gap: 9px;
  }
}
@media (min-width: 1900px) {
  .modal-content .file-icon {
    gap: 10px;
  }
}
.modal-content .file-icon + div {
  width: 83%;
}
.modal-content .file-icon svg {
  width: 28px;
  height: auto;
}
.modal-content {
  /* ================= PROGRESS ================= */
}
.modal-content .progress {
  height: 6px;
}
.modal-content .progress i {
  display: block;
  width: 0;
  height: 100%;
  background: #FFA600;
  box-shadow: 0 0 6px rgba(255, 166, 0, 0.6);
  transition: width 0.3s ease;
}
.modal-content {
  /* ================= CLOSE BUTTON ================= */
}
.modal-content .btn-close {
  position: absolute;
  right: clamp(10px, 3.23vw, 46px);
  top: clamp(10px, 3.23vw, 46px);
  width: clamp(30px, 3.23vw, 50px);
  height: clamp(30px, 3.23vw, 50px);
  border-radius: 50%;
  background: #D0DBE6;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.modal-content .btn-close svg {
  width: clamp(10px, 3.23vw, 11px);
}
.modal-content {
  /* ================= UPLOAD AREA ================= */
}
.modal-content .upload-area-container {
  border-radius: 10px;
  border: 1px dashed #C9C9C9;
  background: #FFF;
  padding: clamp(15px, 1.9792vw, 38px);
}
.modal-content .upload-icon {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 12px;
  background: #EEE;
  border-radius: 50%;
  padding: clamp(12px, 0.81vw, 16px);
}
.modal-content .upload-icon svg {
  height: auto;
  width: clamp(24px, 2.5vw, 48px);
}
.modal-content .file-info {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
@media (min-width: 992px) {
  .modal-content .file-info {
    gap: 5px;
  }
}
@media (min-width: 1200px) {
  .modal-content .file-info {
    gap: 6px;
  }
}
@media (min-width: 1350px) {
  .modal-content .file-info {
    gap: 7px;
  }
}
@media (min-width: 1440px) {
  .modal-content .file-info {
    gap: 8px;
  }
}
@media (min-width: 1600px) {
  .modal-content .file-info {
    gap: 9px;
  }
}
@media (min-width: 1900px) {
  .modal-content .file-info {
    gap: 10px;
  }
}
.modal-content .file-info p {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-content {
  /* ================= BUTTON GROUP ================= */
}
.modal-content .buttonGroup {
  display: flex;
  gap: 9px;
  margin-top: 15px;
}
.modal-content .buttonGroup button {
  border-radius: 80px;
  display: flex;
  align-items: center;
  line-height: 125%;
  height: 33px;
  padding: 0 21px;
}
@media (min-width: 992px) {
  .modal-content .buttonGroup button {
    height: 36px;
    padding: 0 26px;
  }
}
@media (min-width: 1200px) {
  .modal-content .buttonGroup button {
    height: 38px;
    padding: 0 28px;
  }
}
@media (min-width: 1350px) {
  .modal-content .buttonGroup button {
    height: 42px;
    padding: 0 30px;
  }
}
.modal-content .buttonGroup button + button {
  border: 1px solid #D9D9D9;
  color: #4F5762;
}
.modal-content .buttonGroup button + button:hover {
  background: #4F5762;
  color: #fff;
  border-color: #7a7a7a;
}
.modal-content {
  /* ================= COLORS ================= */
  /* ================= GRID ================= */
}
.modal-content .col--4 {
  width: 100%;
}
@media (min-width: 768px) {
  .modal-content .col--4 {
    width: 48.277%;
  }
}
@media (min-width: 992px) {
  .modal-content .col--4 {
    width: 32.277%;
  }
}
.modal-content .col--6 {
  width: 100%;
}
@media (min-width: 768px) {
  .modal-content .col--6 {
    width: 48.886%;
  }
}

/* ==================================================
   RESPONSIVE FIXES (REAL ONES)
================================================== */
/* MOBILE */
@media (max-width: 767px) {
  .modal-content {
    padding: 20px;
  }
  .file-item {
    width: 100%;
  }
  input[type=text],
  input[type=number],
  input[type=tel],
  input[type=email] {
    height: 48px;
  }
  textarea {
    height: 120px;
  }
  .upload-area-container {
    padding: 20px;
  }
  .file-icon + div {
    width: calc(100% - 52px);
  }
}
/* TABLET */
@media (min-width: 768px) and (max-width: 991px) {
  .file-item {
    width: 100%;
  }
  input[type=text],
  input[type=number],
  input[type=tel],
  input[type=email] {
    height: 56px;
  }
  textarea {
    height: 135px;
  }
}
.careerForm .heading {
  font-weight: 300;
  line-height: 118.519%;
  margin-bottom: clamp(20px, 3.74999vw, 72px);
  font-size: clamp(22px, 2.89vw, 54px);
}
.careerForm .modal-dialog {
  margin-left: auto;
  margin-right: 0;
  margin-top: 0;
  max-width: 83%;
}
@media (min-width: 768px) {
  .careerForm .modal-dialog {
    max-width: 70.465%;
  }
}
@media (min-width: 992px) {
  .careerForm .modal-dialog {
    max-width: 51.465%;
  }
}
.careerForm .modal-dialog .modal-content {
  padding-left: clamp(25px, 3.74999vw, 70px);
  padding-right: clamp(25px, 3.74999vw, 70px);
  padding-top: clamp(19px, 3.12499vw, 38px);
  padding-bottom: clamp(30px, 3.12499vw, 60px);
}
.careerForm .word-count {
  text-align: right;
  color: #4B535D;
  font-weight: 200;
  margin-top: 12px;
}
.careerForm .attachment {
  gap: 12px;
}
.careerForm .attachment p {
  width: -moz-fit-content;
  width: fit-content;
}
.careerForm .custom-upload .d-flex {
  gap: 12px;
}
.careerForm .selected-file {
  margin-left: 40px;
}
.careerForm .file-info {
  color: #4B535D;
  font-weight: 200;
  font-size: 12px;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .careerForm .file-info {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .careerForm .file-info {
    font-size: 13.5px;
  }
}
@media (min-width: 1200px) {
  .careerForm .file-info {
    font-size: 14px;
  }
}
@media (min-width: 1350px) {
  .careerForm .file-info {
    font-size: 14.5px;
  }
}
@media (min-width: 1440px) {
  .careerForm .file-info {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .careerForm .file-info {
    font-size: 15.5px;
  }
}
@media (min-width: 1900px) {
  .careerForm .file-info {
    font-size: 16px;
  }
}
.careerForm .form-check-label {
  line-height: 140%;
  font-weight: 200;
}
.careerForm .form-check-label a {
  color: #FFA600;
  font-weight: 200;
  text-decoration: underline;
}

.bgYellow {
  background: #FFD52B;
}

.bgCancel {
  border: 1px solid #D9D9D9;
  background: #FFF;
}

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

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

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

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

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

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

.jq-star {
  width: 15px !important;
}
.jq-star + .jq-star {
  margin-left: 2px;
}

@media (min-width: 768px) {
  .jq-star {
    width: 11px !important;
  }
}
@media (min-width: 992px) {
  .jq-star {
    width: 12px !important;
  }
}
@media (min-width: 1200px) {
  .jq-star {
    width: 13px !important;
  }
}
@media (min-width: 1280px) {
  .jq-star {
    width: 14px !important;
  }
}
@media (min-width: 1360px) {
  .jq-star {
    width: 15px !important;
  }
}
@media (min-width: 1440px) {
  .jq-star {
    width: 16px !important;
  }
}
@media (min-width: 1600px) {
  .jq-star {
    width: 17px !important;
  }
}
@media (min-width: 1900px) {
  .jq-star {
    width: 18px !important;
  }
}
@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(5deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  70% {
    transform: rotate(3deg);
  }
  80% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.filter-sidebar {
  position: fixed;
  top: 0;
  left: -100%;
  width: 320px;
  height: 100vh;
  background: #fff;
  z-index: 9999;
  font-family: "Outfit", sans-serif;
  transition: left 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}
.filter-sidebar.open {
  left: 0;
}
.filter-sidebar .filter-header {
  padding: 20px;
  background: #FFD52B;
  color: #0A1119;
}
.filter-sidebar .filter-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  margin-left: 10px;
  color: #0A1119;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.filter-sidebar .filter-header .filter-icon {
  width: 22px;
  height: 22px;
  color: #0A1119;
}
.filter-sidebar .filter-header .filter-close {
  transition: transform 0.3s ease;
  color: #0A1119;
}
.filter-sidebar .filter-header .filter-close:hover {
  transform: rotate(90deg);
}
.filter-sidebar .filter-header .filter-close svg {
  width: 26px;
  height: 26px;
}
.filter-sidebar .filter-content {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.filter-sidebar .filter-content .clear-all {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 800;
  color: #0A1119;
  text-decoration: none;
  margin-bottom: 25px;
  background: #FFD52B;
  padding: 8px 18px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  border-radius: 50px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.filter-sidebar .filter-content .clear-all:hover {
  background: #0A1119;
  color: #FFD52B;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.filter-sidebar .filter-content .filter-group {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 5px;
}
.filter-sidebar .filter-content .filter-group .filter-group-header {
  padding: 16px 0;
  cursor: pointer;
  font-weight: 600;
  color: #0A1119;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}
.filter-sidebar .filter-content .filter-group .filter-group-header span {
  flex: 1;
}
.filter-sidebar .filter-content .filter-group .filter-group-header:hover {
  color: #FFD52B;
}
.filter-sidebar .filter-content .filter-group .filter-group-header .arrow {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  color: rgba(0, 0, 0, 0.3);
}
.filter-sidebar .filter-content .filter-group .filter-options {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease;
  padding-bottom: 0;
}
.filter-sidebar .filter-content .filter-group .filter-options .filter-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.85rem;
  color: #555;
  transition: color 0.2s ease;
}
.filter-sidebar .filter-content .filter-group .filter-options .filter-checkbox:hover {
  color: #0A1119;
}
.filter-sidebar .filter-content .filter-group .filter-options .filter-checkbox input {
  margin-right: 12px;
  accent-color: #FFD52B;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.filter-sidebar .filter-content .filter-group.active .filter-group-header .arrow {
  transform: rotate(180deg);
  color: #FFD52B;
}
.filter-sidebar .filter-content .filter-group.active .filter-options {
  max-height: 500px;
  padding-bottom: 20px;
}

.filter-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 17, 25, 0.4);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  backdrop-filter: blur(4px);
}
.filter-overlay.open {
  opacity: 1;
  visibility: visible;
}

.filter-content::-webkit-scrollbar {
  width: 4px;
}

.filter-content::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.filter-content::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}

.filter-content::-webkit-scrollbar-thumb:hover {
  background: #FFD52B;
}

.mobile-filter-btn {
  position: fixed;
  right: 20px;
  bottom: 80px;
  z-index: 1000;
  background: #F1582C;
  color: #fff;
  padding: 10px 18px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  animation: bounce 2s infinite;
  transition: all 0.3s ease;
}
.mobile-filter-btn:active {
  transform: scale(0.9);
}
.mobile-filter-btn svg {
  width: 18px;
  height: 18px;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(-3px);
  }
}
@media (min-width: 992px) {
  .mobile-filter-btn {
    display: none !important;
  }
}

.banner {
  background: #F5F5F5;
  padding-top: clamp(100px, 8.4896vw, 163px);
}
.banner-container {
  max-width: 94.143%;
  margin-left: auto;
}
@media (max-width: 767px) {
  .banner-container {
    margin-right: auto;
  }
}
.banner-text-slider {
  width: 100%;
}
@media (min-width: 768px) {
  .banner-text-slider {
    width: 41.334%;
  }
}
@media (min-width: 992px) {
  .banner-text-slider {
    padding-bottom: clamp(93px, 10.053vw, 193px);
  }
}
.banner-text-slider h1,
.banner-text-slider .h1,
.banner-text-slider h1 span,
.banner-text-slider .h1 span {
  line-height: 100%;
  /* 100% */
  font-size: clamp(30px, 5vw, 96px);
}
.banner-slider {
  width: 100%;
}
@media (min-width: 768px) {
  .banner-slider {
    width: 52.334%;
  }
}
@media (min-width: 992px) {
  .banner-slider {
    width: 53.334%;
  }
}
.banner-slider img {
  width: 100%;
  height: auto;
}
.banner h1 {
  margin-bottom: clamp(12px, 1.6667vw, 32px);
}
.banner h1 span {
  display: block;
  font-weight: 300;
  margin-bottom: clamp(4px, 1.6667vw, 12px);
}
.banner p {
  line-height: 160%;
  color: #4B535D;
}
.banner .btn-wrap {
  margin-top: clamp(17px, 2.4479vw, 47px);
  gap: clamp(5px, 0.89vw, 16px);
}
.banner .ring {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 40.5%;
  display: block;
  animation: spin 16s linear infinite;
  transform-origin: 50% 50%;
  z-index: 1;
  width: clamp(128px, 11.88vw, 228px);
  height: clamp(128px, 11.88vw, 228px);
}
@media (max-width: 440px) {
  .banner .ring {
    bottom: 45%;
  }
}
@media (max-width: 390px) {
  .banner .ring {
    bottom: 44%;
  }
}
@media (max-width: 380px) {
  .banner .ring {
    bottom: 40%;
  }
}
@media (min-width: 768px) {
  .banner .ring {
    top: 74px;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.banner .count {
  background: #181E2C;
  border-radius: 30px;
  padding: clamp(20px, 2.188vw, 42px);
  bottom: clamp(15px, 2.01vw, 39px);
  left: clamp(15px, 2.01vw, 39px);
  width: 200px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 768px) {
  .banner .count {
    width: 210px;
    height: 140px;
  }
}
@media (min-width: 992px) {
  .banner .count {
    width: 210px;
    height: 160px;
  }
}
@media (min-width: 1200px) {
  .banner .count {
    width: 250px;
    height: 190px;
  }
}
@media (min-width: 1350px) {
  .banner .count {
    width: 280px;
    height: 210px;
  }
}
@media (min-width: 1440px) {
  .banner .count {
    width: 300px;
    height: 230px;
  }
}
@media (min-width: 1600px) {
  .banner .count {
    width: 340px;
    height: 270px;
  }
}
@media (min-width: 1900px) {
  .banner .count {
    width: 396px;
    height: 287px;
  }
}
.banner .count picture {
  position: absolute;
  top: clamp(15px, 1.5vw, 35px);
  right: clamp(15px, 1.5vw, 35px);
}
.banner .count img {
  height: auto;
  width: clamp(20px, 2.084vw, 40px);
}
.banner .count div {
  color: #fff;
  font-weight: 400;
  line-height: 1;
  font-size: clamp(45px, 5vw, 96px);
}
.banner .count p {
  color: #AEAEAE;
  font-weight: 300;
  line-height: 1.2;
  font-size: clamp(16px, 1.6vw, 32px);
  max-width: 90%;
  margin: 0 auto;
}
.banner .banner-dots {
  margin-right: clamp(10px, 1.146vw, 22px);
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .banner .banner-dots {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .banner .banner-dots {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .banner .banner-dots {
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .banner .banner-dots {
    margin-bottom: 40px;
  }
}
@media (min-width: 1350px) {
  .banner .banner-dots {
    margin-bottom: 45px;
  }
}
@media (min-width: 1440px) {
  .banner .banner-dots {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .banner .banner-dots {
    margin-bottom: 55px;
  }
}
@media (min-width: 1900px) {
  .banner .banner-dots {
    margin-bottom: 60px;
  }
}
@media (min-width: 768px) {
  .banner .slick-dots {
    flex-direction: column;
  }
}

.whoWeAre h2 {
  color: #fff;
}
.whoWeAre p {
  color: #CECECE;
  line-height: 160%;
}
.whoWeAre .btn {
  margin-top: clamp(18px, 1.875vw, 36px);
}
.whoWeAre-right {
  background: #121C27;
  padding: clamp(30px, 3.438vw, 66px);
  width: 100%;
}
@media (min-width: 576px) {
  .whoWeAre-right {
    width: 69.062%;
  }
}
.whoWeAre picture {
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .whoWeAre picture {
    width: 30.9385%;
  }
}
.whoWeAre picture::before {
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="509" height="494" viewBox="0 0 509 494" fill="none"><path d="M166.259 163.153L167.294 326.558L2.92324 168.009L166.259 163.153Z" fill="%23D9D9D9" fill-opacity="0.37"></path><path d="M165.404 0L167.398 164.331L1.10833 3.92972L165.404 0Z" fill="%23D9D9D9" fill-opacity="0.37"></path><path d="M331.804 160.528L335.423 326.425L165.884 162.891L331.804 160.528Z" fill="%23D9D9D9" fill-opacity="0.37"></path><path d="M501.966 324.578L508.323 493.116L333.308 324.299L501.966 324.578Z" fill="%23D9D9D9" fill-opacity="0.37"></path><path d="M334.247 324.884L339.981 492.822L166.212 325.207L334.247 324.884Z" fill="%23D9D9D9" fill-opacity="0.37"></path><path d="M166.666 324.359L171.032 490.977L0 326.002L166.666 324.359Z" fill="%23D9D9D9" fill-opacity="0.37"></path></svg>');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.whoWeAre picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.whoWeAre-content {
  width: 100%;
}
@media (max-width: 991px) {
  .whoWeAre-content {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .whoWeAre-content {
    width: 54.3235%;
  }
}
.whoWeAre-container {
  position: relative;
  background: #232C36;
  border-radius: clamp(10px, 1.1vw, 20px);
  width: 100%;
  padding: 20px 21px 13px;
}
@media (min-width: 576px) {
  .whoWeAre-container {
    padding: 22px 13px 15px;
  }
}
@media (min-width: 992px) {
  .whoWeAre-container {
    padding: 25px 14px 16px;
    width: 42.676%;
  }
}
@media (min-width: 1200px) {
  .whoWeAre-container {
    padding: 35px 22px 20px;
    width: 37.676%;
  }
}
@media (min-width: 1350px) {
  .whoWeAre-container {
    padding: 45px 26px 22px;
  }
}
@media (min-width: 1440px) {
  .whoWeAre-container {
    padding: 50px 30px 25px;
  }
}
@media (min-width: 1600px) {
  .whoWeAre-container {
    padding: 60px 37px 30px;
  }
}
@media (min-width: 1900px) {
  .whoWeAre-container {
    padding: 71px 42px 34px;
  }
}
@media (min-width: 576px) {
  .whoWeAre-slider-item {
    text-align: center;
  }
}
.whoWeAre .slick-nav {
  gap: 6px;
  margin-top: clamp(10px, 1.876vw, 36px);
}
.whoWeAre .slick-nav svg {
  width: 20px;
  height: 20px;
}
@media (min-width: 576px) {
  .whoWeAre .slick-nav svg {
    width: 17px;
    height: 17px;
  }
}
@media (min-width: 768px) {
  .whoWeAre .slick-nav svg {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 992px) {
  .whoWeAre .slick-nav svg {
    width: 19px;
    height: 19px;
  }
}
@media (min-width: 1200px) {
  .whoWeAre .slick-nav svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1350px) {
  .whoWeAre .slick-nav svg {
    width: 21px;
    height: 21px;
  }
}
@media (min-width: 1440px) {
  .whoWeAre .slick-nav svg {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 1600px) {
  .whoWeAre .slick-nav svg {
    width: 23px;
    height: 23px;
  }
}
@media (min-width: 1900px) {
  .whoWeAre .slick-nav svg {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 767px) {
  .expertise .banner-container {
    margin-right: 0;
  }
}
.expertise .heading {
  width: 46%;
}
@media (min-width: 576px) {
  .expertise .heading {
    width: 35.233%;
  }
}
@media (min-width: 992px) {
  .expertise .heading {
    width: 19.233%;
  }
}
.expertise .heading p {
  color: #4B535D;
  line-height: 160%;
}
.expertise .expertise-slider {
  margin-bottom: clamp(35px, 5vw, 96px);
  width: 49.151%;
}
@media (min-width: 576px) {
  .expertise .expertise-slider {
    width: 60.151%;
  }
}
@media (min-width: 992px) {
  .expertise .expertise-slider {
    width: 75.151%;
  }
}
.expertise .expertise-slider-item {
  background: rgba(195, 208, 227, 0.24);
  border-radius: 10px;
}
@media (min-width: 992px) {
  .expertise .expertise-slider-item {
    border-radius: 15px;
  }
}
@media (min-width: 1200px) {
  .expertise .expertise-slider-item {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .expertise .expertise-slider-item {
    border-radius: 20px;
  }
}
.expertise .expertise-slider-item {
  margin-left: 4px;
  margin-right: 4px;
  width: 150px;
}
@media (min-width: 576px) {
  .expertise .expertise-slider-item {
    margin-left: clamp(8px, 0.92vw, 17.5px);
    margin-right: clamp(8px, 0.92vw, 17.5px);
  }
}
@media (min-width: 768px) {
  .expertise .expertise-slider-item {
    width: 180px;
  }
}
@media (min-width: 992px) {
  .expertise .expertise-slider-item {
    width: clamp(200px, 20.573vw, 395px);
  }
}
.expertise .expertise-slider-item:hover img {
  transform: scale(1.2);
  transition: 0.5s ease all;
}
.expertise .expertise-slider .slick-list {
  margin-left: 4px;
  margin-right: 4px;
}
@media (min-width: 576px) {
  .expertise .expertise-slider .slick-list {
    margin-left: clamp(-8px, 0.92vw, -17.5px);
    margin-right: clamp(-8px, 0.92vw, -17.5px);
  }
}
.expertise .expertise-slider h3 {
  color: #0A1119;
}
@media (max-width: 575px) {
  .expertise .expertise-slider h3 {
    font-size: 13px;
  }
}
.expertise .expertise-slider h3 {
  padding: 12px 10px 12px;
}
@media (min-width: 768px) {
  .expertise .expertise-slider h3 {
    padding: 19px 15px 25px;
  }
}
@media (min-width: 992px) {
  .expertise .expertise-slider h3 {
    padding: 21px 27px 41px;
  }
}
@media (min-width: 1200px) {
  .expertise .expertise-slider h3 {
    padding: 23px 29px 43px;
  }
}
@media (min-width: 1350px) {
  .expertise .expertise-slider h3 {
    padding: 25px 31px 45px;
  }
}
@media (min-width: 1440px) {
  .expertise .expertise-slider h3 {
    padding: 27px 33px 47px;
  }
}
@media (min-width: 1600px) {
  .expertise .expertise-slider h3 {
    padding: 29px 35px 49px;
  }
}
@media (min-width: 1900px) {
  .expertise .expertise-slider h3 {
    padding: 31px 37px 51px;
  }
}
.expertise picture {
  overflow: hidden;
}
.expertise img {
  transition: 0.5s ease all;
  transform: scale(1);
}
.expertise img,
.expertise picture {
  border-radius: 10px;
}
@media (min-width: 992px) {
  .expertise img,
  .expertise picture {
    border-radius: 15px;
  }
}
@media (min-width: 1200px) {
  .expertise img,
  .expertise picture {
    border-radius: 18px;
  }
}
@media (min-width: 1440px) {
  .expertise img,
  .expertise picture {
    border-radius: 20px;
  }
}

.progress-track {
  display: block;
  height: 4px;
  border-radius: 80px;
  overflow: hidden;
  background-color: #D9D9D9;
  background-image: linear-gradient(to right, #FFD52B, #FFD52B);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 0.4s ease-in-out;
  margin-top: 3px;
  width: 70.816%;
  margin-left: auto;
  margin-right: auto;
}

.brands {
  background: #D9D9D9;
  padding-top: clamp(37px, 3.8542vw, 74px);
  padding-bottom: clamp(37px, 3.8542vw, 74px);
}
.brands picture {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  margin-top: 11px;
  margin-bottom: 11px;
  margin-left: clamp(13px, 1.355vw, 26px);
  margin-right: clamp(13px, 1.355vw, 26px);
  height: 55px;
}
@media (min-width: 576px) {
  .brands picture {
    height: 60px;
  }
}
@media (min-width: 768px) {
  .brands picture {
    height: 65px;
  }
}
@media (min-width: 1200px) {
  .brands picture {
    height: clamp(50px, 4.896vw, 94px);
  }
}
.brands picture img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 70%;
  height: 70%;
}
@media (min-width: 768px) {
  .brands picture img {
    width: 50%;
  }
}
.brands .reverse {
  transform: scaleX(-1);
  transform-origin: center;
}
.brands .reverse img {
  transform: scaleX(-1);
  transform-origin: center;
}
.brands .brand-row + .brand-row {
  margin-top: clamp(5.5px, 2.97vw, 57px);
}

.awards .slick-track {
  transition: transform 0.5s linear !important;
  display: flex;
  align-items: center;
}
.awards-slider {
  margin-top: clamp(25px, 2.605vw, 50px);
  margin-bottom: clamp(48px, 5vw, 96px);
}
.awards .slick-list {
  margin: 0px -12px;
}
.awards-items {
  text-align: center;
  width: clamp(133px, 13.9vw, 266px);
  margin-left: 6px;
  margin-right: 6px;
}
@media (min-width: 992px) {
  .awards-items {
    margin-left: 9px;
    margin-right: 9px;
  }
}
@media (min-width: 1200px) {
  .awards-items {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 1350px) {
  .awards-items {
    margin-left: 10.5px;
    margin-right: 10.5px;
  }
}
@media (min-width: 1440px) {
  .awards-items {
    margin-left: 11px;
    margin-right: 11px;
  }
}
@media (min-width: 1600px) {
  .awards-items {
    margin-left: 11.5px;
    margin-right: 11.5px;
  }
}
@media (min-width: 1900px) {
  .awards-items {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.awards-items img {
  height: clamp(166px, 17.26vw, 332px);
}
.awards-items.slick-current.slick-active {
  width: clamp(252px, 26.23vw, 504px);
  animation: scaleUp 0.5s ease forwards;
}
.awards-items.slick-current.slick-active img {
  height: clamp(223px, 22.7vw, 436px);
}
.awards-items p {
  font-size: clamp(14px, 1.25vw, 24px);
}
.awards picture {
  margin-bottom: clamp(8px, 0.94vw, 18px);
}
.awards span {
  color: #7B7675;
  font-weight: 300;
}
.awards picture,
.awards img {
  border-radius: 20px;
}
.awards img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

@keyframes scaleUp {
  0% {
    transform: scale(0.4);
  }
  100% {
    transform: scale(1);
  }
}
.certifications .head {
  margin-bottom: clamp(36px, 3.75vw, 72px);
}
.certifications .container-ctn {
  position: relative;
  border: 1px solid #C3D0E3;
  background: #FFF;
  padding-left: clamp(25px, 2.6042vw, 50px);
  padding-right: clamp(25px, 2.6042vw, 50px);
  padding-top: clamp(18px, 1.928vw, 37px);
  padding-bottom: clamp(18px, 1.928vw, 37px);
  margin-bottom: clamp(18px, 1.875vw, 36px);
}
@media (max-width: 767px) {
  .certifications .container-ctn {
    gap: 10px 12%;
  }
}
.certifications .container-ctn::before {
  border: 1px solid #C3D0E3;
  background: #FFF;
  width: 93.698%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  bottom: -15px;
}
@media (min-width: 768px) {
  .certifications .container-ctn::before {
    bottom: -19px;
  }
}
@media (min-width: 992px) {
  .certifications .container-ctn::before {
    bottom: -20px;
  }
}
@media (min-width: 1200px) {
  .certifications .container-ctn::before {
    bottom: -21px;
  }
}
@media (min-width: 1350px) {
  .certifications .container-ctn::before {
    bottom: -22px;
  }
}
@media (min-width: 1440px) {
  .certifications .container-ctn::before {
    bottom: -34px;
  }
}
@media (min-width: 1600px) {
  .certifications .container-ctn::before {
    bottom: -35px;
  }
}
@media (min-width: 1900px) {
  .certifications .container-ctn::before {
    bottom: -36px;
  }
}
.certifications picture {
  background: #fff;
  width: 25%;
}
@media (min-width: 768px) {
  .certifications picture {
    width: 9.482%;
  }
}
.certifications picture img {
  width: 100%;
  height: auto;
}

.our-product .banner-container {
  max-width: 100%;
}
.our-product .banner-container {
  background: rgba(217, 217, 217, 0.4);
  padding-top: clamp(36px, 3.75vw, 72px);
  padding-bottom: clamp(36px, 3.75vw, 72px);
}
.our-product-slider {
  margin-top: clamp(20px, 3.75vw, 72px);
  max-width: 86%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .our-product-slider {
    max-width: 75.5%;
  }
}
.our-product .slick-list {
  margin: 0px -6.5px;
}
@media (min-width: 768px) {
  .our-product .slick-list {
    margin: 0px -8.5px;
  }
}
@media (min-width: 992px) {
  .our-product .slick-list {
    margin: 0px -10.5px;
  }
}
@media (min-width: 1200px) {
  .our-product .slick-list {
    margin: 0px -12.5px;
  }
}
@media (min-width: 1280px) {
  .our-product .slick-list {
    margin: 0px -14.5px;
  }
}
@media (min-width: 1350px) {
  .our-product .slick-list {
    margin: 0px -16.5px;
  }
}
@media (min-width: 1440px) {
  .our-product .slick-list {
    margin: 0px -18.5px;
  }
}
@media (min-width: 1600px) {
  .our-product .slick-list {
    margin: 0px -20.5px;
  }
}
@media (min-width: 1900px) {
  .our-product .slick-list {
    margin: 0px -22.5px;
  }
}
.our-product-card {
  overflow: hidden;
  text-align: center;
  position: relative;
  border-radius: 20px;
  padding: 40px 14px 20px 20px;
  margin: 0px 6.5px;
}
@media (min-width: 768px) {
  .our-product-card {
    margin: 0px 8.5px;
    padding: 62px 14px 14px 14px;
  }
}
@media (min-width: 992px) {
  .our-product-card {
    margin: 0px 10.5px;
    padding: 64px 16px 16px 16px;
  }
}
@media (min-width: 1200px) {
  .our-product-card {
    margin: 0px 12.5px;
    padding: 66px 18px 18px 18px;
  }
}
@media (min-width: 1280px) {
  .our-product-card {
    margin: 0px 14.5px;
    padding: 68px 20px 20px 20px;
  }
}
@media (min-width: 1350px) {
  .our-product-card {
    margin: 0px 16.5px;
    padding: 70px 21px 21px 21px;
  }
}
@media (min-width: 1440px) {
  .our-product-card {
    margin: 0px 18.5px;
    padding: 72px 23px 23px 23px;
  }
}
@media (min-width: 1600px) {
  .our-product-card {
    margin: 0px 20.5px;
    padding: 74px 24px 24px 24px;
  }
}
@media (min-width: 1900px) {
  .our-product-card {
    margin: 0px 22.5px;
    padding: 76px 26px 26px 26px;
  }
}
.our-product-card .slide-no {
  content: counter(css-counter, decimal-leading-zero);
  position: absolute;
  top: -6.5%;
  left: -4.5%;
  font-weight: 700;
  line-height: normal;
  -webkit-text-stroke: 1px #9CA3AF;
  text-stroke: 1px #9CA3AF;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  font-size: 80px;
}
@media (min-width: 768px) {
  .our-product-card .slide-no {
    top: -7.5%;
    left: -5%;
    font-size: clamp(64px, 6.7vw, 128px);
  }
}
.our-product-card:nth-child(1) {
  background: rgba(253, 200, 140, 0.38);
}
.our-product-card:nth-child(2) {
  background: #D6D7DA;
}
.our-product-card:nth-child(3) {
  background: #B9DCE6;
}
.our-product-card:nth-child(4) {
  background: #E8DFF5;
}
.our-product-card:nth-child(5) {
  background: #DFF5EA;
}
.our-product-card:nth-child(6) {
  background: #FFF1CC;
}
.our-product-card:nth-child(7) {
  background: #E6E6FA;
}
.our-product-card:nth-child(8) {
  background: #FADADD;
}
.our-product-card:nth-child(9) {
  background: #E0F2FE;
}
.our-product-card:nth-child(10) {
  background: #F1F5C1;
}
.our-product-card:nth-child(11) {
  background: rgba(253, 200, 140, 0.38);
}
.our-product-card:nth-child(12) {
  background: #D6D7DA;
}
.our-product-card:nth-child(13) {
  background: #B9DCE6;
}
.our-product-card:nth-child(14) {
  background: #E8DFF5;
}
.our-product-card:nth-child(15) {
  background: #DFF5EA;
}
.our-product-card:nth-child(16) {
  background: #FFF1CC;
}
.our-product-card:nth-child(17) {
  background: #E6E6FA;
}
.our-product-card:nth-child(18) {
  background: #FADADD;
}
.our-product-card:nth-child(19) {
  background: #E0F2FE;
}
.our-product-card:nth-child(20) {
  background: #F1F5C1;
}
.our-product-card:nth-child(21) {
  background: rgba(253, 200, 140, 0.38);
}
.our-product-card:nth-child(22) {
  background: #D6D7DA;
}
.our-product-card:nth-child(23) {
  background: #B9DCE6;
}
.our-product-card:nth-child(24) {
  background: #E8DFF5;
}
.our-product-card:nth-child(25) {
  background: #DFF5EA;
}
.our-product-card:nth-child(26) {
  background: #FFF1CC;
}
.our-product-card:nth-child(27) {
  background: #E6E6FA;
}
.our-product-card:nth-child(28) {
  background: #FADADD;
}
.our-product-card:nth-child(29) {
  background: #E0F2FE;
}
.our-product-card:nth-child(30) {
  background: #F1F5C1;
}
.our-product-card:nth-child(31) {
  background: rgba(253, 200, 140, 0.38);
}
.our-product-card:nth-child(32) {
  background: #D6D7DA;
}
.our-product-card:nth-child(33) {
  background: #B9DCE6;
}
.our-product-card:nth-child(34) {
  background: #E8DFF5;
}
.our-product-card:nth-child(35) {
  background: #DFF5EA;
}
.our-product-card:nth-child(36) {
  background: #FFF1CC;
}
.our-product-card:nth-child(37) {
  background: #E6E6FA;
}
.our-product-card:nth-child(38) {
  background: #FADADD;
}
.our-product-card:nth-child(39) {
  background: #E0F2FE;
}
.our-product-card:nth-child(40) {
  background: #F1F5C1;
}
.our-product-card:nth-child(41) {
  background: rgba(253, 200, 140, 0.38);
}
.our-product-card:nth-child(42) {
  background: #D6D7DA;
}
.our-product-card:nth-child(43) {
  background: #B9DCE6;
}
.our-product-card:nth-child(44) {
  background: #E8DFF5;
}
.our-product-card:nth-child(45) {
  background: #DFF5EA;
}
.our-product-card:nth-child(46) {
  background: #FFF1CC;
}
.our-product-card:nth-child(47) {
  background: #E6E6FA;
}
.our-product-card:nth-child(48) {
  background: #FADADD;
}
.our-product-card:nth-child(49) {
  background: #E0F2FE;
}
.our-product-card:nth-child(50) {
  background: #F1F5C1;
}
.our-product-card img {
  width: 100%;
  height: auto;
}
.our-product-card:hover h3::after {
  opacity: 1;
  transition: 0.5s ease all;
}
.our-product h3 {
  position: relative;
  color: #0A1119;
  padding-bottom: clamp(50px, 4.219vw, 81px);
}
.our-product h3::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.50012 12C1.50012 11.8011 1.57914 11.6104 1.71979 11.4697C1.86045 11.329 2.05121 11.25 2.25012 11.25H19.9396L15.2191 6.53103C15.0783 6.3902 14.9992 6.19919 14.9992 6.00003C14.9992 5.80087 15.0783 5.60986 15.2191 5.46903C15.36 5.3282 15.551 5.24908 15.7501 5.24908C15.9493 5.24908 16.1403 5.3282 16.2811 5.46903L22.2811 11.469C22.351 11.5387 22.4064 11.6215 22.4442 11.7126C22.482 11.8037 22.5015 11.9014 22.5015 12C22.5015 12.0987 22.482 12.1964 22.4442 12.2875C22.4064 12.3786 22.351 12.4614 22.2811 12.531L16.2811 18.531C16.2114 18.6008 16.1286 18.6561 16.0375 18.6938C15.9464 18.7316 15.8487 18.751 15.7501 18.751C15.551 18.751 15.36 18.6719 15.2191 18.531C15.0783 18.3902 14.9992 18.1992 14.9992 18C14.9992 17.8009 15.0783 17.6099 15.2191 17.469L19.9396 12.75H2.25012C2.05121 12.75 1.86045 12.671 1.71979 12.5304C1.57914 12.3897 1.50012 12.1989 1.50012 12Z" fill="%230A1119"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFD52B;
  border-radius: 50%;
  background-size: clamp(12px, 1.229vw, 24px);
  width: clamp(25px, 2.6042vw, 50px);
  height: clamp(25px, 2.6042vw, 50px);
  bottom: 21%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.5s ease all;
}
.our-product .progress-track {
  margin-top: clamp(36px, 3.75vw, 72px);
}

@media (min-width: 768px) {
  .blog .banner-container {
    padding-right: clamp(174px, 18.178vw, 349px);
  }
}
.blog .heading {
  width: 100%;
  padding-top: clamp(15px, 1.8229vw, 35px);
}
@media (min-width: 576px) {
  .blog .heading {
    width: 60.621%;
  }
}
.blog .heading p {
  line-height: 160%;
}
.blog p {
  color: #4B535D;
}
@media (max-width: 575px) {
  .blog .articles-count {
    margin-top: 15px;
  }
}
.blog .articles-count span {
  color: #FFD52B;
}
.blog .articles-count .timer,
.blog .articles-count span {
  font-weight: 600;
  line-height: 100%;
  font-size: clamp(48px, 5vw, 96px);
}
.blog .articles-count p {
  margin-top: 5px;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .blog .articles-count p {
    margin-top: 6px;
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .blog .articles-count p {
    margin-top: 7px;
    margin-bottom: 26px;
  }
}
@media (min-width: 1200px) {
  .blog .articles-count p {
    margin-top: 8px;
    margin-bottom: 28px;
  }
}
@media (min-width: 1350px) {
  .blog .articles-count p {
    margin-top: 9px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .blog .articles-count p {
    margin-top: 10px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1600px) {
  .blog .articles-count p {
    margin-top: 11px;
    margin-bottom: 34px;
  }
}
@media (min-width: 1900px) {
  .blog .articles-count p {
    margin-top: 12px;
    margin-bottom: 36px;
  }
}

.blog-slider {
  margin-top: clamp(36px, 3.75vw, 72px);
}
.blog-slider h2,
.blog-slider h3 {
  color: #0A1119;
  line-height: 110%;
}
.blog-slider img {
  width: 100%;
  height: auto;
}
.blog-slider .slick-slide {
  margin: 0px 6px;
}
@media (min-width: 576px) {
  .blog-slider .slick-slide {
    margin: 0px 11px;
  }
}
@media (min-width: 768px) {
  .blog-slider .slick-slide {
    margin: 0px 12px;
  }
}
@media (min-width: 992px) {
  .blog-slider .slick-slide {
    margin: 0px 13px;
  }
}
@media (min-width: 1200px) {
  .blog-slider .slick-slide {
    margin: 0px 15px;
  }
}
@media (min-width: 1350px) {
  .blog-slider .slick-slide {
    margin: 0px 17px;
  }
}
@media (min-width: 1440px) {
  .blog-slider .slick-slide {
    margin: 0px 19px;
  }
}
@media (min-width: 1600px) {
  .blog-slider .slick-slide {
    margin: 0px 21px;
  }
}
@media (min-width: 1900px) {
  .blog-slider .slick-slide {
    margin: 0px 23px;
  }
}
.blog-slider .slick-list {
  margin: 0px -6px;
}
@media (min-width: 576px) {
  .blog-slider .slick-list {
    margin: 0px -11px;
  }
}
@media (min-width: 768px) {
  .blog-slider .slick-list {
    margin: 0px -12px;
  }
}
@media (min-width: 992px) {
  .blog-slider .slick-list {
    margin: 0px -13px;
  }
}
@media (min-width: 1200px) {
  .blog-slider .slick-list {
    margin: 0px -15px;
  }
}
@media (min-width: 1350px) {
  .blog-slider .slick-list {
    margin: 0px -17px;
  }
}
@media (min-width: 1440px) {
  .blog-slider .slick-list {
    margin: 0px -19px;
  }
}
@media (min-width: 1600px) {
  .blog-slider .slick-list {
    margin: 0px -21px;
  }
}
@media (min-width: 1900px) {
  .blog-slider .slick-list {
    margin: 0px -23px;
  }
}
.blog-slider .blog-image {
  position: relative;
  margin-bottom: clamp(9px, 1vw, 19px);
}
.blog-slider .date {
  line-height: 100%;
  position: absolute;
  bottom: 7px;
  right: 7px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 600;
  border-radius: 6px;
  background: #FFF;
  color: #000;
  width: clamp(40px, 3.125vw, 60px);
  height: clamp(40px, 3.125vw, 60px);
}
.blog-slider .date span {
  font-weight: 300;
  line-height: 100%;
}

.p-64 {
  line-height: 100%;
  font-size: clamp(32px, 3.75vw, 64px);
  margin-bottom: 16px;
}

.testimonial {
  background: rgba(217, 217, 217, 0.4);
  padding-top: clamp(36px, 3.75vw, 72px);
  padding-bottom: clamp(36px, 3.75vw, 72px);
}
.testimonial h2 {
  line-height: 100%;
  margin-bottom: 12px;
}
.testimonial-container {
  margin: 0px auto;
  max-width: 90%;
}
@media (min-width: 992px) {
  .testimonial-container {
    max-width: 76.517%;
  }
}
.testimonial-row > picture,
.testimonial-row > picture img {
  border-radius: 30px;
}
.testimonial-row > picture {
  width: 100%;
}
@media (max-width: 767px) {
  .testimonial-row > picture {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .testimonial-row > picture {
    width: 31.785%;
  }
}
.testimonial-wrapper {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .testimonial-wrapper {
    width: 60.288%;
  }
}
.testimonial-wrapper img,
.testimonial-wrapper picture {
  border-radius: 50%;
}
.testimonial-slider {
  margin-top: clamp(34.5px, 3.073vw, 59px);
}
.testimonial-item {
  line-height: 160%;
  color: #4F5762;
}
.testimonial .progress-track {
  margin-top: clamp(21.5px, 2.14vw, 41px);
  width: 45.012%;
  margin-left: 0;
}
.testimonial .profile {
  margin-top: clamp(34.5px, 3.073vw, 59px);
  padding-top: clamp(22px, 2.3vw, 44px);
  border-top: 1px solid #B4BBC4;
}
.testimonial .profile img {
  width: clamp(50px, 5.209vw, 100px);
  height: clamp(50px, 5.209vw, 100px);
}
.testimonial .profile picture {
  margin-right: clamp(12.5px, 1.303vw, 25px);
}
@media (max-width: 575px) {
  .testimonial .profile picture {
    width: 100%;
  }
}
.testimonial .profile p,
.testimonial .profile span {
  line-height: 80%;
}
.testimonial .profile p {
  color: #000;
  font-weight: 600;
}
.testimonial .profile span {
  color: #4F5762;
}
.testimonial .my-rating-readonly {
  margin-left: clamp(10px, 1.05vw, 20px);
  margin-bottom: clamp(20px, 2.084vw, 40px);
}
.testimonial .slick-nav {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  right: 0;
  gap: 16px;
  bottom: 23px;
}
@media (min-width: 768px) {
  .testimonial .slick-nav {
    bottom: 23px;
  }
}
@media (min-width: 992px) {
  .testimonial .slick-nav {
    bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .testimonial .slick-nav {
    bottom: 53px;
  }
}
.testimonial .slick-nav svg {
  height: auto;
}
@media (max-width: 575px) {
  .testimonial .slick-nav svg {
    width: 40px;
  }
}
.testimonial .slick-nav div:hover path {
  stroke: #000;
}

.innner-banner {
  background: #F5F5F5;
  padding-top: clamp(100px, 8.4899vw, 163px);
}
.innner-banner::before {
  width: 100%;
  height: clamp(80px, 8.438vw, 162px);
  background-color: #fff;
  bottom: 0;
  z-index: 0;
}
.innner-banner picture {
  z-index: 1;
  position: relative;
  margin-left: auto;
  width: 72.906%;
}
@media (min-width: 576px) {
  .innner-banner picture {
    width: 64.906%;
  }
}
.innner-banner picture img {
  width: 100%;
  height: auto;
}
.innner-banner picture::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.44);
  backdrop-filter: blur(0px);
}

.breadcrumb {
  bottom: 0;
  margin: 0;
}
@media (max-width: 575px) {
  .breadcrumb {
    padding: 15px 0px;
  }
}
@media (min-width: 576px) {
  .breadcrumb {
    position: absolute;
  }
}
.breadcrumb li {
  position: relative;
  color: #4B535D;
  font-weight: 200;
}
.breadcrumb li a {
  color: #4B535D;
  font-weight: 200;
}
.breadcrumb li a:hover {
  color: #FFA600;
  font-weight: 400;
}
.breadcrumb li + li {
  margin-left: clamp(8px, 0.84vw, 16px);
  padding-left: clamp(19px, 1.355vw, 26px);
}
.breadcrumb li + li::before {
  border-radius: 0.9px;
  background: #D9D9D9;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: 10px;
  height: 10px;
}
.breadcrumb li + li:last-child {
  color: #FFA600;
  font-weight: 400;
}
.breadcrumb li + li:last-child a {
  color: #FFA600;
  font-weight: 400;
}

/* Rotate the badge around the center */
#badge {
  transform-origin: 232.708px 229.708px;
  animation: spin 12s linear infinite;
}

/* Optional: subtle “draw” feel on rings */
#rings circle {
  stroke-dasharray: 6 10;
  animation: dash 3.5s linear infinite;
}

.play-video {
  width: 70%;
}
@media (max-width: 767px) {
  .play-video {
    margin: auto;
  }
}
@media (min-width: 768px) {
  .play-video {
    width: 27.732%;
  }
}
.play-video svg {
  width: 100%;
  height: auto;
}

.who-we-are-row {
  gap: clamp(15px, 2.12vw, 37px);
}
.who-we-are .head {
  margin-bottom: clamp(15px, 1.719vw, 30px);
}
.who-we-are .play-video {
  background: unset;
}
.who-we-are .play-video + picture {
  width: 100%;
}
@media (min-width: 768px) {
  .who-we-are .play-video + picture {
    width: 65.677%;
  }
}
.who-we-are .play-video + picture img {
  border-radius: 10px;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .who-we-are .play-video + picture img {
    border-radius: 15px;
  }
}
@media (min-width: 992px) {
  .who-we-are .play-video + picture img {
    border-radius: 18px;
  }
}
@media (min-width: 1200px) {
  .who-we-are .play-video + picture img {
    border-radius: 20px;
  }
}
.who-we-are .row-second {
  padding-top: clamp(30px, 3.12499vw, 60px);
}
.who-we-are .ceo {
  width: 100%;
}
@media (min-width: 992px) {
  .who-we-are .ceo {
    width: 55.582%;
  }
}
.who-we-are .ceo > svg {
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: clamp(42px, 4.375vw, 84px);
}
.who-we-are .ceo h2,
.who-we-are .ceo h3 {
  white-space: pre-line;
  margin-bottom: clamp(17px, 1.771vw, 34px);
}
.who-we-are .ceo > p {
  font-weight: 300;
  line-height: 150%;
  font-size: clamp(16px, 1.67vw, 32px);
}
.who-we-are .ceo-details {
  margin-top: clamp(22px, 2.188vw, 42px);
}
.who-we-are .ceo-details picture {
  margin-bottom: 14.5px;
}
.who-we-are .ceo-details div {
  font-size: clamp(16px, 1.25vw, 24px);
  margin-bottom: 14px;
}
.who-we-are .ceo-details span {
  font-weight: 200;
}
.who-we-are .ceo-details img {
  width: clamp(80px, 6.25vw, 120px);
}
.who-we-are .mission-vission {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  padding: clamp(24px, 2.49999vw, 48px);
  border-radius: 20px;
  background: #F9F9F9;
  width: 100%;
}
@media (max-width: 991px) {
  .who-we-are .mission-vission {
    margin-top: clamp(30px, 3.12499vw, 60px);
  }
}
@media (min-width: 992px) {
  .who-we-are .mission-vission {
    width: 38.777%;
  }
}
.who-we-are .mission-vission h2 {
  padding-bottom: clamp(8px, 0.84vw, 16px);
  margin-bottom: clamp(14px, 1.4591vw, 28px);
  position: relative;
}
.who-we-are .mission-vission h2::after {
  border-radius: 80px;
  width: 17.595%;
  height: 4px;
  background: #FFD52B;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.who-we-are .mission-vission-content {
  color: #4B535D;
  line-height: 160%;
}
.who-we-are .mission-vission .slick-dots {
  margin-top: clamp(20px, 2.084vw, 40px);
  justify-content: center;
}
.who-we-are .mission-vission svg {
  height: auto;
  width: clamp(40px, 4.219vw, 81px);
  position: absolute;
  right: 28px;
  bottom: 28px;
}

.why-choose {
  background: #F8F8F8;
  padding-top: clamp(36px, 3.75vw, 72px);
  padding-bottom: clamp(36px, 3.75vw, 72px);
}
.why-choose h2 {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .why-choose h2 {
    margin-bottom: 36px;
  }
}
.why-choose ul {
  width: 100%;
}
@media (min-width: 768px) {
  .why-choose ul {
    width: 30.107%;
  }
}
.why-choose ul:first-child {
  order: 1;
}
.why-choose ul:nth-last-child(2) {
  order: 3;
}
.why-choose ul li + li {
  margin-top: clamp(25px, 3.75vw, 72px);
}
.why-choose picture {
  order: 2;
  -webkit-mask-image: url(../images/about/mask.png);
          mask-image: url(../images/about/mask.png);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 100%;
}
@media (max-width: 767px) {
  .why-choose picture {
    margin: 30px auto;
  }
}
@media (min-width: 768px) {
  .why-choose picture {
    width: 31.651%;
  }
}
.why-choose span {
  font-weight: 500;
  display: block;
  margin-bottom: clamp(6px, 0.63vw, 12px);
}
.why-choose P {
  color: #4B535D;
  line-height: 160%; /* 160% */
}

.production + .awards {
  background: #F8F8F8;
}
.production .d-flex {
  border: 1px solid #C3D0E3;
  padding: clamp(10px, 2.761vw, 53px);
}
.production-image {
  width: 100%;
}
@media (min-width: 992px) {
  .production-image {
    width: 37.056%;
  }
}
.production-image svg {
  width: 86.988%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
.production picture {
  height: 100%;
}
.production picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.production-description {
  position: relative;
  background: #121C27;
  padding: clamp(15px, 3.438vw, 66px);
  width: 100%;
}
@media (min-width: 992px) {
  .production-description {
    padding: clamp(33px, 3.438vw, 66px);
    width: 60.597%;
  }
}
.production-description::before {
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="228" height="100" viewBox="0 0 228 100" fill="none"><rect x="18.5" y="0.5" width="209" height="99" stroke="%23C3D0E3" stroke-opacity="0.21"/><rect x="0.5" y="0.5" width="227" height="80" stroke="%23C3D0E3" stroke-opacity="0.21"/></svg>');
  background-repeat: no-repeat;
  background-position: right top;
}
.production-description h2, .production-description p {
  color: white;
}
.production-description h2 {
  line-height: normal;
}
.production-description p {
  color: #CECECE;
  line-height: 160%;
  margin-bottom: 16px;
}
.production-description p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .siteEnquiryForm .modal-dialog {
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .siteEnquiryForm .modal-dialog {
    max-width: 100%;
    margin: 10px;
  }
}
.siteEnquiryForm .modal-dialog {
  max-width: 936px;
}
.siteEnquiryForm .modal-content {
  border-radius: 20px;
  box-shadow: 0 0 10px 10px rgba(54, 54, 54, 0.11);
  padding: clamp(25px, 2.3959vw, 46px);
}
.siteEnquiryForm label {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.siteEnquiryForm label strong {
  text-decoration: underline;
  font-weight: 400 !important;
  margin-bottom: 8px;
}

.modal-content .formGroup,
.modal-content .upload-area-container,
.modal-content .uploaded-files:has(.file-item) {
  margin-bottom: clamp(15px, 1.24999vw, 24px);
}
.modal-content small {
  font-weight: 300;
  line-height: 125%;
  color: #4B535D;
  font-size: clamp(12px, 0.834vw, 16px);
}
.modal-content .title {
  line-height: 100%;
  padding-top: 15px;
  font-size: clamp(20px, 1.46vw, 28px);
  font-weight: 500;
  margin-bottom: clamp(20px, 2.11vw, 42px);
}
.modal-content {
  /* ================= FILE ITEM ================= */
}
.modal-content .file-item {
  position: relative;
  width: 48.695%;
  border-radius: 5px;
  border: 1px solid #C9C9C9;
  background: #FFF;
  padding: 12px;
}
.modal-content .file-item .remove-file {
  position: absolute;
  right: 12px;
  top: 12px;
  background: unset;
}
.modal-content {
  /* ================= INPUTS ================= */
}
.modal-content input:focus, .modal-content select:focus {
  box-shadow: unset;
  border: 1px solid #C9C9C9;
}
.modal-content input[type=text],
.modal-content input[type=number],
.modal-content input[type=tel],
.modal-content input[type=email],
.modal-content textarea, .modal-content select {
  border: 1px solid #C9C9C9;
  border-radius: 5px;
  font-weight: 200;
  color: #4B535D;
}
.modal-content input[type=text]::-moz-placeholder, .modal-content input[type=number]::-moz-placeholder, .modal-content input[type=tel]::-moz-placeholder, .modal-content input[type=email]::-moz-placeholder, .modal-content textarea::-moz-placeholder, .modal-content select::-moz-placeholder {
  color: #4B535D;
}
.modal-content input[type=text]::placeholder,
.modal-content input[type=number]::placeholder,
.modal-content input[type=tel]::placeholder,
.modal-content input[type=email]::placeholder,
.modal-content textarea::placeholder, .modal-content select::placeholder {
  color: #4B535D;
}
.modal-content input[type=text],
.modal-content input[type=number],
.modal-content input[type=tel],
.modal-content input[type=email], .modal-content select {
  height: clamp(35px, 3.6459vw, 70px);
}
.modal-content textarea {
  height: clamp(70px, 7.44799vw, 143px);
}
.modal-content .file-size {
  display: block;
  color: #4B535D;
  font-weight: 300;
  margin-bottom: 9px;
  font-size: clamp(12px, 0.81vw, 16px);
}
.modal-content .file-icon {
  border-radius: 5px;
  background: #F2F2F2;
  width: clamp(30px, 2.61vw, 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
@media (min-width: 992px) {
  .modal-content .file-icon {
    gap: 5px;
  }
}
@media (min-width: 1200px) {
  .modal-content .file-icon {
    gap: 6px;
  }
}
@media (min-width: 1350px) {
  .modal-content .file-icon {
    gap: 7px;
  }
}
@media (min-width: 1440px) {
  .modal-content .file-icon {
    gap: 8px;
  }
}
@media (min-width: 1600px) {
  .modal-content .file-icon {
    gap: 9px;
  }
}
@media (min-width: 1900px) {
  .modal-content .file-icon {
    gap: 10px;
  }
}
.modal-content .file-icon + div {
  width: 83%;
}
.modal-content .file-icon svg {
  width: 28px;
  height: auto;
}
.modal-content {
  /* ================= PROGRESS ================= */
}
.modal-content .progress {
  height: 6px;
}
.modal-content .progress i {
  display: block;
  width: 0;
  height: 100%;
  background: #FFA600;
  box-shadow: 0 0 6px rgba(255, 166, 0, 0.6);
  transition: width 0.3s ease;
}
.modal-content {
  /* ================= CLOSE BUTTON ================= */
}
.modal-content .btn-close {
  position: absolute;
  right: clamp(10px, 3.23vw, 46px);
  top: clamp(10px, 3.23vw, 46px);
  width: clamp(30px, 3.23vw, 50px);
  height: clamp(30px, 3.23vw, 50px);
  border-radius: 50%;
  background: #D0DBE6;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.modal-content .btn-close svg {
  width: clamp(10px, 3.23vw, 11px);
}
.modal-content {
  /* ================= UPLOAD AREA ================= */
}
.modal-content .upload-area-container {
  border-radius: 10px;
  border: 1px dashed #C9C9C9;
  background: #FFF;
  padding: clamp(15px, 1.9792vw, 38px);
}
.modal-content .upload-icon {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 12px;
  background: #EEE;
  border-radius: 50%;
  padding: clamp(12px, 0.81vw, 16px);
}
.modal-content .upload-icon svg {
  height: auto;
  width: clamp(24px, 2.5vw, 48px);
}
.modal-content .file-info {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
@media (min-width: 992px) {
  .modal-content .file-info {
    gap: 5px;
  }
}
@media (min-width: 1200px) {
  .modal-content .file-info {
    gap: 6px;
  }
}
@media (min-width: 1350px) {
  .modal-content .file-info {
    gap: 7px;
  }
}
@media (min-width: 1440px) {
  .modal-content .file-info {
    gap: 8px;
  }
}
@media (min-width: 1600px) {
  .modal-content .file-info {
    gap: 9px;
  }
}
@media (min-width: 1900px) {
  .modal-content .file-info {
    gap: 10px;
  }
}
.modal-content .file-info p {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-content {
  /* ================= BUTTON GROUP ================= */
}
.modal-content .buttonGroup {
  display: flex;
  gap: 9px;
  margin-top: 15px;
}
.modal-content .buttonGroup button {
  border-radius: 80px;
  display: flex;
  align-items: center;
  line-height: 125%;
  height: 33px;
  padding: 0 21px;
}
@media (min-width: 992px) {
  .modal-content .buttonGroup button {
    height: 36px;
    padding: 0 26px;
  }
}
@media (min-width: 1200px) {
  .modal-content .buttonGroup button {
    height: 38px;
    padding: 0 28px;
  }
}
@media (min-width: 1350px) {
  .modal-content .buttonGroup button {
    height: 42px;
    padding: 0 30px;
  }
}
.modal-content .buttonGroup button + button {
  border: 1px solid #D9D9D9;
  color: #4F5762;
}
.modal-content .buttonGroup button + button:hover {
  background: #4F5762;
  color: #fff;
  border-color: #7a7a7a;
}
.modal-content {
  /* ================= COLORS ================= */
  /* ================= GRID ================= */
}
.modal-content .col--4 {
  width: 100%;
}
@media (min-width: 768px) {
  .modal-content .col--4 {
    width: 48.277%;
  }
}
@media (min-width: 992px) {
  .modal-content .col--4 {
    width: 32.277%;
  }
}
.modal-content .col--6 {
  width: 100%;
}
@media (min-width: 768px) {
  .modal-content .col--6 {
    width: 48.886%;
  }
}

/* ==================================================
   RESPONSIVE FIXES (REAL ONES)
================================================== */
/* MOBILE */
@media (max-width: 767px) {
  .modal-content {
    padding: 20px;
  }
  .file-item {
    width: 100%;
  }
  input[type=text],
  input[type=number],
  input[type=tel],
  input[type=email] {
    height: 48px;
  }
  textarea {
    height: 120px;
  }
  .upload-area-container {
    padding: 20px;
  }
  .file-icon + div {
    width: calc(100% - 52px);
  }
}
/* TABLET */
@media (min-width: 768px) and (max-width: 991px) {
  .file-item {
    width: 100%;
  }
  input[type=text],
  input[type=number],
  input[type=tel],
  input[type=email] {
    height: 56px;
  }
  textarea {
    height: 135px;
  }
}
.careerForm .heading {
  font-weight: 300;
  line-height: 118.519%;
  margin-bottom: clamp(20px, 3.74999vw, 72px);
  font-size: clamp(22px, 2.89vw, 54px);
}
.careerForm .modal-dialog {
  margin-left: auto;
  margin-right: 0;
  margin-top: 0;
  max-width: 83%;
}
@media (min-width: 768px) {
  .careerForm .modal-dialog {
    max-width: 70.465%;
  }
}
@media (min-width: 992px) {
  .careerForm .modal-dialog {
    max-width: 51.465%;
  }
}
.careerForm .modal-dialog .modal-content {
  padding-left: clamp(25px, 3.74999vw, 70px);
  padding-right: clamp(25px, 3.74999vw, 70px);
  padding-top: clamp(19px, 3.12499vw, 38px);
  padding-bottom: clamp(30px, 3.12499vw, 60px);
}
.careerForm .word-count {
  text-align: right;
  color: #4B535D;
  font-weight: 200;
  margin-top: 12px;
}
.careerForm .attachment {
  gap: 12px;
}
.careerForm .attachment p {
  width: -moz-fit-content;
  width: fit-content;
}
.careerForm .custom-upload .d-flex {
  gap: 12px;
}
.careerForm .selected-file {
  margin-left: 40px;
}
.careerForm .file-info {
  color: #4B535D;
  font-weight: 200;
  font-size: 12px;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .careerForm .file-info {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .careerForm .file-info {
    font-size: 13.5px;
  }
}
@media (min-width: 1200px) {
  .careerForm .file-info {
    font-size: 14px;
  }
}
@media (min-width: 1350px) {
  .careerForm .file-info {
    font-size: 14.5px;
  }
}
@media (min-width: 1440px) {
  .careerForm .file-info {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .careerForm .file-info {
    font-size: 15.5px;
  }
}
@media (min-width: 1900px) {
  .careerForm .file-info {
    font-size: 16px;
  }
}
.careerForm .form-check-label {
  line-height: 140%;
  font-weight: 200;
}
.careerForm .form-check-label a {
  color: #FFA600;
  font-weight: 200;
  text-decoration: underline;
}

.bgYellow {
  background: #FFD52B;
}

.bgCancel {
  border: 1px solid #D9D9D9;
  background: #FFF;
}

.policy ~ .footer-cta {
  display: none;
}
.policy ol li, .policy ul li {
  color: #0A1119;
  font-size: clamp(18px, 1.3vw, 24px);
}
.policy ol li {
  list-style: decimal;
}
.policy h1 {
  font-weight: 600;
}
.policy h3 {
  color: #0A1119;
  font-size: clamp(18px, 1.3vw, 24px);
  margin-bottom: clamp(10px, 1vw, 18px);
}
.policy p + h3, .policy li + li {
  margin-top: clamp(12px, 1.25vw, 24px);
}
.policy p a, .policy li a {
  color: #FFA600;
}

.contact-section-row .contact-form-col {
  width: 100%;
}
@media (max-width: 767px) {
  .contact-section-row .contact-form-col {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .contact-section-row .contact-form-col {
    width: 50.145%;
  }
}
.contact-section-row .contact-form-message {
  margin-bottom: 1rem;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 0.9375rem;
  line-height: 1.4;
}
.contact-section-row .contact-form-message.contact-form-message--error {
  background-color: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}
.contact-section-row .contact-form-message.contact-form-message--success {
  background-color: #f0fdf4;
  color: #166534;
  border: 1px solid #bbf7d0;
}
.contact-section-row input[type=text],
.contact-section-row input[type=number],
.contact-section-row input[type=tel],
.contact-section-row input[type=email], .contact-section-row select {
  height: clamp(35px, 3.6459vw, 70px);
  font-weight: 200;
}
.contact-section-row input[type=text]::-moz-placeholder, .contact-section-row input[type=number]::-moz-placeholder, .contact-section-row input[type=tel]::-moz-placeholder, .contact-section-row input[type=email]::-moz-placeholder, .contact-section-row select::-moz-placeholder {
  font-weight: 200;
}
.contact-section-row input[type=text]::placeholder,
.contact-section-row input[type=number]::placeholder,
.contact-section-row input[type=tel]::placeholder,
.contact-section-row input[type=email]::placeholder, .contact-section-row select::placeholder {
  font-weight: 200;
}
.contact-section-row textarea {
  height: clamp(70px, 7.44799vw, 143px);
}
.contact-section-row textarea::-moz-placeholder {
  font-weight: 200;
}
.contact-section-row textarea::placeholder {
  font-weight: 200;
}
.contact-section-row button:focus {
  outline: unset;
  border: unset;
}
.contact-section-row picture {
  width: 100%;
}
@media (min-width: 768px) {
  .contact-section-row picture {
    width: 44.263%;
  }
}
.contact-section-row picture img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: clamp(250px, 21.4065vw, 411px);
}
.contact-section-row form {
  width: 100%;
}
@media (min-width: 768px) {
  .contact-section-row form {
    width: 100%;
  }
}
.contact-section-row form {
  -moz-column-gap: 2.8%;
       column-gap: 2.8%;
  justify-content: space-between;
}
.contact-section-row form .formGroup {
  margin-bottom: clamp(15px, 1.24999vw, 24px);
}
.contact-section-row form input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #C9C9C9;
  background: #FFF;
}
.contact-section-row form .buttonGroup {
  display: flex;
  gap: 9px;
  margin-top: 15px;
}
.contact-section-row form .buttonGroup button {
  border-radius: 80px;
  display: flex;
  align-items: center;
  line-height: 125%;
  height: 33px;
  padding: 0 21px;
}
@media (min-width: 992px) {
  .contact-section-row form .buttonGroup button {
    height: 36px;
    padding: 0 26px;
  }
}
@media (min-width: 1200px) {
  .contact-section-row form .buttonGroup button {
    height: 38px;
    padding: 0 28px;
  }
}
@media (min-width: 1350px) {
  .contact-section-row form .buttonGroup button {
    height: 42px;
    padding: 0 30px;
  }
}
.contact-section-row form .buttonGroup button + button {
  border: 1px solid #D9D9D9;
  color: #4F5762;
}
.contact-section-row form .buttonGroup button + button:hover {
  background: #4F5762;
  color: #fff;
  border-color: #7a7a7a;
}
.contact-section-row .col--6 {
  width: 100%;
}
@media (min-width: 576px) {
  .contact-section-row .col--6 {
    width: 48.5532%;
  }
}

.locations {
  background: #F4F4F4;
}
.locations .head {
  margin-bottom: clamp(47px, 4.948vw, 95px);
}

@media (min-width: 768px) {
  .location-card {
    padding-right: 6.473%;
  }
}
.location-card + div {
  margin-top: clamp(38px, 3.96vw, 76px);
  padding-top: clamp(38px, 3.96vw, 76px);
  border-top: 1px solid rgba(0, 0, 0, 0.21);
}
.location-card img {
  width: 100%;
}
.location-card i {
  display: block;
  width: clamp(48px, 5vw, 96px);
}
.location-card .location-title {
  gap: 4.1%;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .location-card .location-title {
    margin: 12px 0;
  }
}
@media (min-width: 992px) {
  .location-card .location-title {
    margin: 14px 0;
  }
}
@media (min-width: 1200px) {
  .location-card .location-title {
    margin: 16px 0;
  }
}
@media (min-width: 1350px) {
  .location-card .location-title {
    margin: 18px 0;
  }
}
@media (min-width: 1440px) {
  .location-card .location-title {
    margin: 20px 0;
  }
}
@media (min-width: 1600px) {
  .location-card .location-title {
    margin: 22px 0;
  }
}
@media (min-width: 1900px) {
  .location-card .location-title {
    margin: 24px 0;
  }
}
.location-card .address {
  color: #4B535D;
  line-height: 160%; /* 160% */
  width: 87.84%;
  margin-bottom: clamp(16px, 1.615vw, 31px);
}
.location-card .left-box a {
  width: -moz-fit-content;
  width: fit-content;
  line-height: 88.889%;
  color: #0A1119;
  gap: 8px;
  border-bottom: 1px solid #0A1119;
  padding-bottom: 11px;
  font-size: clamp(12px, 0.94vw, 18px);
}
.location-card .left-box {
  width: 100%;
}
@media (min-width: 992px) {
  .location-card .left-box {
    width: 26.366%;
  }
}
.location-card .right-box {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 12px 2.8%;
}
@media (max-width: 991px) {
  .location-card .right-box {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .location-card .right-box {
    gap: 15px 2.8%;
  }
}
@media (min-width: 992px) {
  .location-card .right-box {
    gap: 17px 2.8%;
    width: 60.508%;
  }
}
@media (min-width: 1200px) {
  .location-card .right-box {
    gap: 19px 2.8%;
  }
}
@media (min-width: 1350px) {
  .location-card .right-box {
    gap: 21px 2.8%;
  }
}
@media (min-width: 1440px) {
  .location-card .right-box {
    gap: 23px 2.8%;
  }
}
@media (min-width: 1600px) {
  .location-card .right-box {
    gap: 25px 2.8%;
  }
}
@media (min-width: 1900px) {
  .location-card .right-box {
    gap: 27px 2.8%;
  }
}
.location-card .right-box .right-box-card {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #fff;
  height: -moz-fit-content;
  height: fit-content;
  gap: 9%;
  padding: 10px 20px;
}
@media (max-width: 575px) {
  .location-card .right-box .right-box-card {
    min-height: 70px;
  }
}
@media (min-width: 768px) {
  .location-card .right-box .right-box-card {
    padding: 12px 15px;
    width: 48.584%;
  }
}
@media (min-width: 992px) {
  .location-card .right-box .right-box-card {
    padding: 14px 18px;
  }
}
@media (min-width: 1200px) {
  .location-card .right-box .right-box-card {
    padding: 20px 25px;
  }
}
@media (min-width: 1350px) {
  .location-card .right-box .right-box-card {
    padding: 22px 30px;
  }
}
@media (min-width: 1440px) {
  .location-card .right-box .right-box-card {
    padding: 24px 39px;
  }
}
@media (min-width: 1600px) {
  .location-card .right-box .right-box-card {
    padding: 26px 41px;
  }
}
@media (min-width: 1900px) {
  .location-card .right-box .right-box-card {
    padding: 28px 43px;
  }
}
.location-card .right-box .right-box-card p {
  font-weight: 300;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .location-card .right-box .right-box-card p {
    margin-bottom: 6px;
  }
}
@media (min-width: 1200px) {
  .location-card .right-box .right-box-card p {
    margin-bottom: 7px;
  }
}
@media (min-width: 1350px) {
  .location-card .right-box .right-box-card p {
    margin-bottom: 8px;
  }
}
@media (min-width: 1440px) {
  .location-card .right-box .right-box-card p {
    margin-bottom: 10px;
  }
}
@media (min-width: 1600px) {
  .location-card .right-box .right-box-card p {
    margin-bottom: 12px;
  }
}
.location-card .right-box .right-box-card a, .location-card .right-box .right-box-card span {
  display: block;
  color: #000;
  font-weight: 500;
  line-height: 100%;
  font-size: 20px;
}
@media (min-width: 992px) {
  .location-card .right-box .right-box-card a, .location-card .right-box .right-box-card span {
    font-size: clamp(16px, 1.46vw, 28px);
  }
}
.location-card .right-box .right-box-card a + a, .location-card .right-box .right-box-card a + span, .location-card .right-box .right-box-card span + a, .location-card .right-box .right-box-card span + span {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .location-card .right-box .right-box-card a + a, .location-card .right-box .right-box-card a + span, .location-card .right-box .right-box-card span + a, .location-card .right-box .right-box-card span + span {
    margin-top: 6px;
  }
}
@media (min-width: 992px) {
  .location-card .right-box .right-box-card a + a, .location-card .right-box .right-box-card a + span, .location-card .right-box .right-box-card span + a, .location-card .right-box .right-box-card span + span {
    margin-top: 7px;
  }
}
@media (min-width: 1200px) {
  .location-card .right-box .right-box-card a + a, .location-card .right-box .right-box-card a + span, .location-card .right-box .right-box-card span + a, .location-card .right-box .right-box-card span + span {
    margin-top: 8px;
  }
}
@media (min-width: 1350px) {
  .location-card .right-box .right-box-card a + a, .location-card .right-box .right-box-card a + span, .location-card .right-box .right-box-card span + a, .location-card .right-box .right-box-card span + span {
    margin-top: 9px;
  }
}
@media (min-width: 1440px) {
  .location-card .right-box .right-box-card a + a, .location-card .right-box .right-box-card a + span, .location-card .right-box .right-box-card span + a, .location-card .right-box .right-box-card span + span {
    margin-top: 10px;
  }
}
@media (min-width: 1600px) {
  .location-card .right-box .right-box-card a + a, .location-card .right-box .right-box-card a + span, .location-card .right-box .right-box-card span + a, .location-card .right-box .right-box-card span + span {
    margin-top: 11px;
  }
}
@media (min-width: 1900px) {
  .location-card .right-box .right-box-card a + a, .location-card .right-box .right-box-card a + span, .location-card .right-box .right-box-card span + a, .location-card .right-box .right-box-card span + span {
    margin-top: 12px;
  }
}
.location-card .right-box .right-box-card i {
  width: 30px;
}
@media (min-width: 992px) {
  .location-card .right-box .right-box-card i {
    width: clamp(24px, 2.7vw, 48px);
  }
}
.location-card .right-box .right-box-card i svg {
  width: 100%;
  height: auto;
}
.location-card .right-box .right-box-card div {
  width: 82.05%;
}

.service-listing-row {
  gap: clamp(10px, 1.51vw, 29px);
}
.service-listing .service-item {
  background: #F8F8F8;
  border-radius: 0px 0px 20px 20px;
  width: 48.5%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .service-listing .service-item {
    width: 32.21%;
  }
}
@media (min-width: 992px) {
  .service-listing .service-item {
    width: 23.635%;
  }
}
.service-listing .service-item img {
  border-radius: 20px;
  width: 100%;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 576px) {
  .service-listing .service-item img {
    height: 186px;
  }
}
@media (min-width: 768px) {
  .service-listing .service-item img {
    height: 165px;
  }
}
@media (min-width: 992px) {
  .service-listing .service-item img {
    height: 140px;
  }
}
@media (min-width: 1200px) {
  .service-listing .service-item img {
    height: 190px;
  }
}
@media (min-width: 1350px) {
  .service-listing .service-item img {
    height: 210px;
  }
}
@media (min-width: 1440px) {
  .service-listing .service-item img {
    height: 230px;
  }
}
@media (min-width: 1600px) {
  .service-listing .service-item img {
    height: 250px;
  }
}
@media (min-width: 1900px) {
  .service-listing .service-item img {
    height: 285px;
  }
}
.service-listing .service-item a {
  margin-top: auto;
}
.service-listing .service-details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: clamp(10px, 1.0417vw, 20px);
}
.service-listing .service-details p {
  color: #4B535D;
}
.service-listing .service-details div {
  margin-bottom: clamp(15px, 1.6667vw, 32px);
}
.service-listing h3 {
  margin-bottom: 8px;
}

.cta h2 {
  font-weight: 500;
  margin-bottom: clamp(16px, 1.667vw, 32px);
}
.cta-container {
  width: 80.03%;
  margin: auto;
  border-radius: 20px;
  background: #FFF9E1;
}
.cta-links {
  padding-top: clamp(24px, 2.5vw, 48px);
  padding-bottom: clamp(24px, 2.5vw, 48px);
  gap: 0px 19px;
}
.cta .whatsapp-box img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 80px;
}
@media (min-width: 576px) {
  .cta .whatsapp-box img {
    height: 99px;
  }
}
@media (min-width: 768px) {
  .cta .whatsapp-box img {
    height: 109px;
  }
}
@media (min-width: 992px) {
  .cta .whatsapp-box img {
    height: 119px;
  }
}
@media (min-width: 1200px) {
  .cta .whatsapp-box img {
    height: 139px;
  }
}
.cta .whatsapp-box img,
.cta .whatsapp-box picture {
  width: 100%;
  border-radius: 0 0 20px 20px;
}
.cta .whatsapp-box a {
  transform: translate(-50%, -50%);
}

a.whtsappGreen {
  line-height: 71.429%;
  top: 50%;
  left: 50%;
  border-radius: 80px;
  border: 1px solid #49AE45;
  background: #FFF;
  color: #49AE45;
  gap: clamp(6px, 0.62vw, 12px);
  font-size: clamp(15px, 1.46vw, 28px);
  padding: 10px 16px;
}
@media (min-width: 768px) {
  a.whtsappGreen {
    padding: 12px 15px;
  }
}
@media (min-width: 992px) {
  a.whtsappGreen {
    padding: 13px 16px;
  }
}
@media (min-width: 1200px) {
  a.whtsappGreen {
    padding: 14px 17px;
  }
}
@media (min-width: 1350px) {
  a.whtsappGreen {
    padding: 15px 18px;
  }
}
@media (min-width: 1440px) {
  a.whtsappGreen {
    padding: 16px 19px;
  }
}
@media (min-width: 1600px) {
  a.whtsappGreen {
    padding: 17px 20px;
  }
}
@media (min-width: 1900px) {
  a.whtsappGreen {
    padding: 18px 21px;
  }
}
a.whtsappGreen svg {
  height: auto;
  width: clamp(18px, 1.25vw, 24px);
}
a.whtsappGreen:hover {
  background: #49AE45;
  color: #FFF;
}
a.whtsappGreen:hover path {
  fill: #FFF;
}

a.contact-box {
  display: flex;
  align-items: center;
  border: 1px solid #FFA600;
  background: #FFF;
  color: #0A1119;
  font-weight: 500;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  border-radius: 15px;
  gap: clamp(10px, 0.9vw, 16px);
  padding: 11px 25px;
}
@media (min-width: 768px) {
  a.contact-box {
    padding: 14px 22px;
    border-radius: 18px;
  }
}
@media (min-width: 992px) {
  a.contact-box {
    padding: 13px 24px;
  }
}
@media (min-width: 1200px) {
  a.contact-box {
    padding: 21px 22px;
    border-radius: 20px;
  }
}
@media (min-width: 1350px) {
  a.contact-box {
    padding: 22px 24px;
  }
}
@media (min-width: 1440px) {
  a.contact-box {
    padding: 23px 28px;
  }
}
@media (min-width: 1600px) {
  a.contact-box {
    padding: 24px 30px;
  }
}
@media (min-width: 1900px) {
  a.contact-box {
    padding: 25px 40px;
  }
}
@media (max-width: 575px) {
  a.contact-box {
    width: 80%;
  }
  a.contact-box + a {
    margin-top: 15px;
  }
}
a.contact-box span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #353E47;
  border-radius: 50%;
  width: clamp(35px, 2.605vw, 50px);
  height: clamp(35px, 2.605vw, 50px);
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
a.contact-box span svg {
  height: auto;
  width: clamp(16px, 2.605vw, 24px);
}
a.contact-box:hover {
  background-color: #353E47;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
a.contact-box:hover span {
  background-color: #fff;
  animation: ring 0.6s ease-in-out infinite;
}
a.contact-box:hover span path {
  fill: #353E47;
}

.service-details .short-description picture {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
@media (min-width: 992px) {
  .service-details .short-description picture {
    width: 47.269%;
    position: sticky;
    top: 120px;
  }
}
.service-details .short-description picture img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
@media (min-width: 1200px) {
  .service-details .short-description picture img {
    border-radius: 20px;
  }
}
.service-details .short-description .description-text {
  width: 100%;
}
@media (max-width: 991px) {
  .service-details .short-description .description-text {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .service-details .short-description .description-text {
    width: 48.991%;
  }
}
.service-details h2 {
  line-height: 100%;
  margin-bottom: 26px;
}
.service-details p {
  line-height: 160%;
  color: #4B535D;
  margin-top: clamp(10px, 0.938vw, 18px);
}
.service-details p:last-child {
  margin-bottom: 0px;
}
.service-details .images {
  margin: 20px 0px;
}
@media (min-width: 768px) {
  .service-details .images {
    margin-top: clamp(39px, 4.1146vw, 79px);
    margin-bottom: clamp(23px, 1.875vw, 36px);
  }
}
.service-details .images picture {
  width: 48.932%;
}
.service-details .images img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 144px;
}
@media (min-width: 768px) {
  .service-details .images img {
    height: clamp(260px, 27.1355vw, 521px);
  }
}

.mid-enquiry .mid-enquiry-form > h2 {
  margin-bottom: clamp(18px, 1.9792vw, 38px);
  padding-top: 17px;
}
@media (min-width: 768px) {
  .mid-enquiry .mid-enquiry-form > h2 {
    padding-left: clamp(180px, 15.7299vw, 302px);
  }
}
@media (min-width: 768px) {
  .mid-enquiry-form {
    padding-left: clamp(150px, 16.771vw, 322px);
  }
}
.mid-enquiry-form form {
  width: 100%;
  margin-left: auto;
  border-radius: 20px;
  background: #F6F6F6;
  padding: 20px;
}
@media (min-width: 768px) {
  .mid-enquiry-form form {
    width: 95.375%;
    padding-top: clamp(15px, 1.9792vw, 38px);
    padding-right: clamp(15px, 1.9792vw, 38px);
    padding-bottom: clamp(15px, 1.9792vw, 38px);
    padding-left: clamp(150px, 12.6042vw, 242px);
  }
}
.mid-enquiry .col--6 {
  width: 48.676%;
}
.mid-enquiry .form-group {
  margin-bottom: clamp(12px, 1.24999vw, 24px);
}
.mid-enquiry .full {
  width: 100%;
}
.mid-enquiry input {
  height: clamp(40px, 3.646vw, 70px);
}
.mid-enquiry input::-moz-placeholder, .mid-enquiry textarea::-moz-placeholder {
  color: #4B535D;
  font-weight: 200;
}
.mid-enquiry input::placeholder,
.mid-enquiry textarea::placeholder {
  color: #4B535D;
  font-weight: 200;
}
.mid-enquiry input,
.mid-enquiry textarea {
  width: 100%;
  font-weight: 200;
  border-radius: 5px;
  border: 1px solid #C9C9C9;
  background: #FFF;
  color: #4B535D;
  line-height: 100%;
  padding-left: 25px;
  padding-right: 25px;
}
.mid-enquiry textarea {
  padding-top: clamp(15px, 1.303vw, 25px);
  height: clamp(70px, 7.448vw, 143px);
}
.mid-enquiry button {
  margin-top: 14px;
}
.mid-enquiry .contact-info {
  left: clamp(29px, 2.99vw, 59px);
  border-radius: 20px;
  background: #FFF9E1;
  width: 100%;
  padding: 30px 36px;
}
@media (min-width: 768px) {
  .mid-enquiry .contact-info {
    padding: 25px 19px;
    width: 290px;
    position: absolute;
  }
}
@media (min-width: 992px) {
  .mid-enquiry .contact-info {
    padding: 36px 28px;
    width: 32.236%;
  }
}
@media (min-width: 1200px) {
  .mid-enquiry .contact-info {
    padding: 65px 30px;
    width: 31.236%;
  }
}
@media (min-width: 1350px) {
  .mid-enquiry .contact-info {
    padding: 70px 34px;
  }
}
@media (min-width: 1440px) {
  .mid-enquiry .contact-info {
    padding: 75px 38px;
  }
}
@media (min-width: 1600px) {
  .mid-enquiry .contact-info {
    padding: 80px 40px;
  }
}
@media (min-width: 1900px) {
  .mid-enquiry .contact-info {
    padding: 85px 68px;
    width: 526px;
  }
}
.mid-enquiry .contact-info .cta-links {
  justify-content: center;
}
@media (max-width: 767px) {
  .mid-enquiry .contact-info h2 {
    text-align: center;
  }
}
.mid-enquiry .contact-info h2 {
  margin-bottom: clamp(18px, 1.875vw, 36px);
}
.mid-enquiry .contact-info a {
  font-size: 16px;
}
@media (min-width: 768px) {
  .mid-enquiry .contact-info a {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .mid-enquiry .contact-info a {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .mid-enquiry .contact-info a {
    font-size: 20px;
  }
}
@media (min-width: 1350px) {
  .mid-enquiry .contact-info a {
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  .mid-enquiry .contact-info a {
    font-size: 24px;
  }
}
@media (min-width: 1600px) {
  .mid-enquiry .contact-info a {
    font-size: 26px;
  }
}
@media (min-width: 1900px) {
  .mid-enquiry .contact-info a {
    font-size: 28px;
  }
}
.mid-enquiry .contact-info a + a {
  margin-top: clamp(9px, 0.94vw, 18px);
}

.gallery picture {
  margin-left: clamp(8px, 0.87vw, 16.5px);
  margin-right: clamp(8px, 0.87vw, 16.5px);
  width: clamp(180px, 24.844vw, 477px);
}
.gallery img {
  width: 100%;
  height: auto;
  border-radius: clamp(10px, 0.99vw, 20px);
}

.container-gallery {
  max-width: 94.143%;
  margin-left: auto;
}

.faq h2,
.gallery h2 {
  margin-bottom: clamp(18px, 1.875vw, 36px);
}

.faq {
  background: #F0F0F0;
}
.faq .accordion {
  width: 100%;
}
@media (max-width: 767px) {
  .faq .accordion + .accordion {
    margin-top: 12px;
  }
}
@media (min-width: 768px) {
  .faq .accordion {
    width: 48.991%;
  }
}
.faq .accordion-item {
  border-radius: 9.845px;
  background: #FFF;
  border: unset !important;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: clamp(12px, 1.25065vw, 24px);
  padding-right: clamp(12px, 1.25065vw, 24px);
}
.faq .accordion-item + .accordion-item {
  margin-top: clamp(12px, 1.25065vw, 24px);
}
.faq .accordion-body {
  border-radius: 10px;
  padding: clamp(12px, 1.25065vw, 24px);
  margin-bottom: clamp(12px, 1.25065vw, 24px);
  background: #FFFDF3;
  color: #4B535D;
  line-height: 160%;
}
.faq .accordion-header {
  border: unset !important;
}
.faq .accordion-button {
  box-shadow: unset !important;
  border: unset !important;
  background: unset;
  color: #000;
  font-weight: 500;
  padding-top: clamp(20px, 2.034vw, 39px);
  padding-bottom: clamp(20px, 2.034vw, 39px);
}
.faq .accordion-button::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9734 1.49677C11.775 1.49677 11.5846 1.5756 11.4443 1.71593C11.304 1.85626 11.2251 2.04659 11.2251 2.24505V19.8942L6.51692 15.1845C6.37641 15.044 6.18584 14.965 5.98713 14.965C5.78842 14.965 5.59785 15.044 5.45734 15.1845C5.31683 15.325 5.23789 15.5155 5.23789 15.7143C5.23789 15.913 5.31683 16.1035 5.45734 16.244L11.4436 22.2304C11.5132 22.3 11.5957 22.3553 11.6866 22.3931C11.7776 22.4308 11.875 22.4502 11.9734 22.4502C12.0719 22.4502 12.1693 22.4308 12.2602 22.3931C12.3511 22.3553 12.4337 22.3 12.5032 22.2304L18.4895 16.244C18.5591 16.1745 18.6143 16.0919 18.652 16.001C18.6896 15.9101 18.709 15.8126 18.709 15.7143C18.709 15.5155 18.63 15.325 18.4895 15.1845C18.349 15.044 18.1585 14.965 17.9598 14.965C17.761 14.965 17.5705 15.044 17.43 15.1845L12.7217 19.8942V2.24505C12.7217 2.04659 12.6429 1.85626 12.5026 1.71593C12.3622 1.5756 12.1719 1.49677 11.9734 1.49677Z" fill="%230A1119"/></svg>');
  background-color: #FFD52B;
  background-position: center center;
  border-radius: 50%;
  right: 0;
  background-size: clamp(12px, 1.3vw, 24px);
  width: clamp(25px, 2.605vw, 50px);
  height: clamp(25px, 2.605vw, 50px);
}

.not-found {
  padding-top: clamp(80px, 7.97vw, 153px);
  padding-bottom: clamp(80px, 7.97vw, 120px);
}
.not-found img {
  margin-bottom: clamp(30px, 3.3vw, 62px);
  width: 70.726%;
}
@media (min-width: 768px) {
  .not-found img {
    width: 34.31%;
  }
}
.not-found h1 {
  margin-bottom: clamp(15px, 1.41vw, 27px);
}
.not-found span {
  line-height: normal;
  font-weight: 400;
  font-size: 22px;
}
@media (min-width: 768px) {
  .not-found span {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .not-found span {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .not-found span {
    font-size: 30px;
  }
}
@media (min-width: 1280px) {
  .not-found span {
    font-size: 32px;
  }
}
@media (min-width: 1440px) {
  .not-found span {
    font-size: 34px;
  }
}
.not-found p {
  color: #3E444A;
  line-height: 160%;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 768px) {
  .not-found p {
    width: clamp(498px, 32.084vw, 616px);
  }
}
.not-found h1 {
  color: #0A1119;
  line-height: 100%;
  font-weight: 700;
  font-size: clamp(18px, 1.9vw, 36px);
}
@media (max-width: 575px) {
  .not-found h1 {
    margin-bottom: 20px;
  }
}
.not-found .buttonwrapper {
  margin-top: clamp(18px, 2.14vw, 41px);
  gap: clamp(7px, 0.7vw, 13px);
}
.not-found .buttonwrapper a {
  border-radius: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 42px;
  padding: 17px 30px;
}
.not-found .buttonwrapper a:first-child {
  background: #FFA600;
}
.not-found .buttonwrapper a + a {
  color: #4B535D;
  border: 1px solid #7B7675;
}
.not-found ~ .footer-cta {
  display: none;
}

section.thank-you {
  padding-top: clamp(80px, 7.97vw, 153px);
  padding-bottom: clamp(80px, 7.97vw, 120px);
}
section.thank-you ~ .footer-cta {
  display: none;
}
section.thank-you h1 {
  font-weight: 700;
  margin-bottom: clamp(8px, 0.94vw, 18px);
}
section.thank-you picture {
  margin-bottom: clamp(10px, 2.11vw, 40.5px);
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  section.thank-you picture {
    width: 21.429%;
  }
}
section.thank-you picture img {
  width: 100%;
  height: auto;
}
section.thank-you p {
  color: #3E444A;
  line-height: 160%;
  margin-bottom: clamp(10px, 2.1vw, 36px);
}

.product-item .product-details div {
  margin-bottom: 0;
  margin-top: auto;
}
.product-item .product-details .product-stock-info {
  margin-bottom: 21px;
}
.product-item .product-details .btn-wrap {
  gap: 5px;
}

.product-details .product-id {
  font-weight: 200;
}
.product-details span {
  line-height: 125%;
  color: #4B535D;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 80px;
  background: rgba(255, 213, 43, 0.28);
  display: block;
  margin-bottom: 12px;
  padding: 3px 6px;
}
@media (min-width: 768px) {
  .product-details span {
    padding: 3.5px 7px;
  }
}
@media (min-width: 992px) {
  .product-details span {
    padding: 4px 8px;
  }
}
@media (min-width: 1200px) {
  .product-details span {
    padding: 5px 10px;
  }
}
.product-details .stock,
.product-details span,
.product-details .product-id,
.product-details a {
  font-size: clamp(11px, 0.89vw, 16px);
  line-height: 125%;
}
.product-details .stock {
  color: #DE4D50;
  font-weight: 600;
}
.product-details .btn-whatsapp {
  color: #49AE45;
  border: 1px solid #49AE45;
  background: #FFF;
}
.product-details .btn-whatsapp:hover {
  background: #49AE45;
  color: #FFF;
}
.product-details .btn-whatsapp:hover::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.0508 4.91005C18.1338 3.98416 17.0418 3.25002 15.8383 2.75042C14.6348 2.25081 13.3439 1.99574 12.0408 2.00005C6.58078 2.00005 2.13078 6.45005 2.13078 11.9101C2.13078 13.6601 2.59078 15.3601 3.45078 16.8601L2.05078 22.0001L7.30078 20.6201C8.75078 21.4101 10.3808 21.8301 12.0408 21.8301C17.5008 21.8301 21.9508 17.3801 21.9508 11.9201C21.9508 9.27005 20.9208 6.78005 19.0508 4.91005ZM12.0408 20.1501C10.5608 20.1501 9.11078 19.7501 7.84078 19.0001L7.54078 18.8201L4.42078 19.6401L5.25078 16.6001L5.05078 16.2901C4.22833 14.9771 3.79171 13.4593 3.79078 11.9101C3.79078 7.37005 7.49078 3.67005 12.0308 3.67005C14.2308 3.67005 16.3008 4.53005 17.8508 6.09005C18.6184 6.85392 19.2267 7.7626 19.6404 8.76338C20.0541 9.76417 20.265 10.8371 20.2608 11.9201C20.2808 16.4601 16.5808 20.1501 12.0408 20.1501ZM16.5608 13.9901C16.3108 13.8701 15.0908 13.2701 14.8708 13.1801C14.6408 13.1001 14.4808 13.0601 14.3108 13.3001C14.1408 13.5501 13.6708 14.1101 13.5308 14.2701C13.3908 14.4401 13.2408 14.4601 12.9908 14.3301C12.7408 14.2101 11.9408 13.9401 11.0008 13.1001C10.2608 12.4401 9.77078 11.6301 9.62078 11.3801C9.48078 11.1301 9.60078 11.0001 9.73078 10.8701C9.84078 10.7601 9.98078 10.5801 10.1008 10.4401C10.2208 10.3001 10.2708 10.1901 10.3508 10.0301C10.4308 9.86005 10.3908 9.72005 10.3308 9.60005C10.2708 9.48005 9.77078 8.26005 9.57078 7.76005C9.37078 7.28005 9.16078 7.34005 9.01078 7.33005H8.53078C8.36078 7.33005 8.10078 7.39005 7.87078 7.64005C7.65078 7.89005 7.01078 8.49005 7.01078 9.71005C7.01078 10.9301 7.90078 12.1101 8.02078 12.2701C8.14078 12.4401 9.77078 14.9401 12.2508 16.0101C12.8408 16.2701 13.3008 16.4201 13.6608 16.5301C14.2508 16.7201 14.7908 16.6901 15.2208 16.6301C15.7008 16.5601 16.6908 16.0301 16.8908 15.4501C17.1008 14.8701 17.1008 14.3801 17.0308 14.2701C16.9608 14.1601 16.8108 14.1101 16.5608 13.9901Z" fill="%23fff"/></svg>');
  background-repeat: no-repeat;
  background-position: left center;
}
.product-details .btn-whatsapp::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.0508 4.91005C18.1338 3.98416 17.0418 3.25002 15.8383 2.75042C14.6348 2.25081 13.3439 1.99574 12.0408 2.00005C6.58078 2.00005 2.13078 6.45005 2.13078 11.9101C2.13078 13.6601 2.59078 15.3601 3.45078 16.8601L2.05078 22.0001L7.30078 20.6201C8.75078 21.4101 10.3808 21.8301 12.0408 21.8301C17.5008 21.8301 21.9508 17.3801 21.9508 11.9201C21.9508 9.27005 20.9208 6.78005 19.0508 4.91005ZM12.0408 20.1501C10.5608 20.1501 9.11078 19.7501 7.84078 19.0001L7.54078 18.8201L4.42078 19.6401L5.25078 16.6001L5.05078 16.2901C4.22833 14.9771 3.79171 13.4593 3.79078 11.9101C3.79078 7.37005 7.49078 3.67005 12.0308 3.67005C14.2308 3.67005 16.3008 4.53005 17.8508 6.09005C18.6184 6.85392 19.2267 7.7626 19.6404 8.76338C20.0541 9.76417 20.265 10.8371 20.2608 11.9201C20.2808 16.4601 16.5808 20.1501 12.0408 20.1501ZM16.5608 13.9901C16.3108 13.8701 15.0908 13.2701 14.8708 13.1801C14.6408 13.1001 14.4808 13.0601 14.3108 13.3001C14.1408 13.5501 13.6708 14.1101 13.5308 14.2701C13.3908 14.4401 13.2408 14.4601 12.9908 14.3301C12.7408 14.2101 11.9408 13.9401 11.0008 13.1001C10.2608 12.4401 9.77078 11.6301 9.62078 11.3801C9.48078 11.1301 9.60078 11.0001 9.73078 10.8701C9.84078 10.7601 9.98078 10.5801 10.1008 10.4401C10.2208 10.3001 10.2708 10.1901 10.3508 10.0301C10.4308 9.86005 10.3908 9.72005 10.3308 9.60005C10.2708 9.48005 9.77078 8.26005 9.57078 7.76005C9.37078 7.28005 9.16078 7.34005 9.01078 7.33005H8.53078C8.36078 7.33005 8.10078 7.39005 7.87078 7.64005C7.65078 7.89005 7.01078 8.49005 7.01078 9.71005C7.01078 10.9301 7.90078 12.1101 8.02078 12.2701C8.14078 12.4401 9.77078 14.9401 12.2508 16.0101C12.8408 16.2701 13.3008 16.4201 13.6608 16.5301C14.2508 16.7201 14.7908 16.6901 15.2208 16.6301C15.7008 16.5601 16.6908 16.0301 16.8908 15.4501C17.1008 14.8701 17.1008 14.3801 17.0308 14.2701C16.9608 14.1601 16.8108 14.1101 16.5608 13.9901Z" fill="%2349AE45"/></svg>');
  background-repeat: no-repeat;
  background-position: left center;
}
.product-details .btn-call {
  color: #0A1119;
  background: #FFD52B;
}
.product-details .btn-call:hover {
  background: #0A1119;
  color: #FFF;
}
.product-details .btn-call:hover::before {
  filter: invert(1);
}
.product-details .btn-call::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.73303 2.0433C6.95003 0.833297 8.95403 1.0483 9.97303 2.4103L11.235 4.0943C12.065 5.2023 11.991 6.7503 11.006 7.7293L10.768 7.9673C10.741 8.06721 10.7383 8.17211 10.76 8.2733C10.823 8.6813 11.164 9.5453 12.592 10.9653C14.02 12.3853 14.89 12.7253 15.304 12.7893C15.4083 12.8103 15.5161 12.8072 15.619 12.7803L16.027 12.3743C16.903 11.5043 18.247 11.3413 19.331 11.9303L21.241 12.9703C22.878 13.8583 23.291 16.0823 21.951 17.4153L20.53 18.8273C20.082 19.2723 19.48 19.6433 18.746 19.7123C16.936 19.8813 12.719 19.6653 8.28603 15.2583C4.14903 11.1443 3.35503 7.5563 3.25403 5.7883C3.20403 4.8943 3.62603 4.1383 4.16403 3.6043L5.73303 2.0433ZM8.77303 3.3093C8.26603 2.6323 7.32203 2.5783 6.79003 3.1073L5.22003 4.6673C4.89003 4.9953 4.73203 5.3573 4.75203 5.7033C4.83203 7.1083 5.47203 10.3453 9.34403 14.1953C13.406 18.2333 17.157 18.3543 18.607 18.2183C18.903 18.1913 19.197 18.0373 19.472 17.7643L20.892 16.3513C21.47 15.7773 21.343 14.7313 20.525 14.2873L18.615 13.2483C18.087 12.9623 17.469 13.0563 17.085 13.4383L16.63 13.8913L16.1 13.3593C16.63 13.8913 16.629 13.8923 16.628 13.8923L16.627 13.8943L16.624 13.8973L16.617 13.9033L16.602 13.9173C16.5598 13.9565 16.5143 13.9919 16.466 14.0233C16.386 14.0763 16.28 14.1353 16.147 14.1843C15.877 14.2853 15.519 14.3393 15.077 14.2713C14.21 14.1383 13.061 13.5473 11.534 12.0293C10.008 10.5113 9.41203 9.3693 9.27803 8.5033C9.20903 8.0613 9.26403 7.7033 9.36603 7.4333C9.42216 7.28137 9.50254 7.13953 9.60403 7.0133L9.63603 6.9783L9.65003 6.9633L9.65603 6.9573L9.65903 6.9543L9.66103 6.9523L9.94903 6.6663C10.377 6.2393 10.437 5.5323 10.034 4.9933L8.77303 3.3093Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: left center;
}
.product-details .download-brochure {
  color: #0A1119;
  background: #F6F4F4;
}
.product-details .download-brochure::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="20" viewBox="0 0 17 20" fill="none"><path d="M4.25 19.25H12.666C13.5943 19.25 14.4845 18.8813 15.1409 18.2249C15.7973 17.5685 16.166 16.6783 16.166 15.75V10.22C16.1663 9.29186 15.798 8.40159 15.142 7.745L9.173 1.775C8.84797 1.45 8.46211 1.19221 8.03745 1.01634C7.61278 0.840469 7.15764 0.749967 6.698 0.75H4.25C3.32174 0.75 2.4315 1.11875 1.77513 1.77513C1.11875 2.4315 0.75 3.32174 0.75 4.25V15.75C0.75 16.6783 1.11875 17.5685 1.77513 18.2249C2.4315 18.8813 3.32174 19.25 4.25 19.25Z" stroke="%230A1119" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.89479 5.14095C6.65579 5.21895 6.50279 5.37695 6.45879 5.55195C6.36879 5.90395 6.45879 6.28195 6.71179 6.75495C6.83779 6.98895 6.99179 7.22595 7.16179 7.47995L7.25379 7.61695L7.39879 7.83195L7.41779 7.76395L7.50379 7.45795C7.60246 7.12262 7.67913 6.78262 7.73379 6.43795C7.82279 5.79595 7.72279 5.41995 7.42479 5.17795C7.34479 5.11295 7.14679 5.05895 6.89479 5.14095ZM6.94979 9.29295L6.67979 8.93095L6.64779 8.88295C6.53279 8.69295 6.40479 8.50295 6.26579 8.29795L6.16579 8.14895C5.98179 7.88143 5.81092 7.6051 5.65379 7.32095C5.34379 6.74295 5.09579 6.03495 5.29579 5.25395C5.46579 4.58995 5.99379 4.17295 6.52279 3.99995C7.03979 3.83195 7.69679 3.85295 8.18279 4.24695C8.97479 4.89095 9.03079 5.81995 8.92179 6.60395C8.86107 7.00067 8.77387 7.39288 8.66079 7.77795L8.56479 8.11795C8.49013 8.37262 8.42079 8.62895 8.35679 8.88695L8.28979 9.08095L9.68179 10.945C10.3318 10.867 11.0458 10.82 11.7118 10.868C12.4808 10.922 13.3068 11.11 13.8698 11.644C14.0509 11.8319 14.182 12.0623 14.251 12.3141C14.32 12.5658 14.3248 12.8309 14.2648 13.085C14.1478 13.565 13.8108 13.965 13.3458 14.208C12.3608 14.723 11.4438 14.313 10.7628 13.792C10.2298 13.385 9.71779 12.817 9.28679 12.339L9.18279 12.225C8.81279 12.282 8.46279 12.346 8.17879 12.4C7.87379 12.457 7.49479 12.528 7.08279 12.62L6.93179 13.063C6.84846 13.255 6.76913 13.4483 6.69379 13.643L6.57179 13.946C6.44868 14.2579 6.30606 14.5619 6.14479 14.856C5.81479 15.434 5.28779 16.048 4.40379 16.097C3.21979 16.163 2.41779 15.112 2.64779 13.989L2.65379 13.962C2.85379 13.171 3.54779 12.652 4.21879 12.309C4.81579 12.003 5.51279 11.777 6.15979 11.608L6.94979 9.29295ZM7.81979 10.458L7.53279 11.301L7.95379 11.221L7.95779 11.22L8.33779 11.15L7.81979 10.458ZM10.6598 12.062C10.9338 12.352 11.2068 12.622 11.4908 12.839C12.0408 13.259 12.4308 13.332 12.7898 13.144C12.9898 13.039 13.0738 12.903 13.0988 12.802C13.1109 12.7478 13.11 12.6915 13.0961 12.6378C13.0822 12.5841 13.0557 12.5344 13.0188 12.493C12.7618 12.265 12.2968 12.113 11.6268 12.065C11.3048 12.0445 10.9819 12.0435 10.6598 12.062ZM5.65479 13.009C5.33679 13.118 5.03479 13.239 4.76479 13.377C4.17779 13.677 3.89479 13.981 3.82079 14.244C3.74279 14.659 4.01279 14.917 4.33679 14.899C4.60679 14.884 4.84279 14.715 5.10279 14.26C5.23879 14.012 5.35813 13.7563 5.46079 13.493L5.56779 13.227L5.65479 13.009Z" fill="%230A1119"/></svg>');
  background-repeat: no-repeat;
  background-position: left center;
}
.product-details a,
.product-details button {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 80px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 14px;
  padding-left: 38px;
}
@media (min-width: 768px) {
  .product-details a,
  .product-details button {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 14px;
    padding-left: 33px;
  }
}
@media (min-width: 992px) {
  .product-details a,
  .product-details button {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 16px;
    padding-left: 35px;
  }
}
@media (min-width: 1200px) {
  .product-details a,
  .product-details button {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 10px;
    padding-left: 35px;
  }
}
@media (min-width: 1350px) {
  .product-details a,
  .product-details button {
    padding-top: 9.5px;
    padding-bottom: 9.5px;
    padding-right: 15px;
    padding-left: 40px;
  }
}
@media (min-width: 1440px) {
  .product-details a,
  .product-details button {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 45px;
  }
}
@media (min-width: 1600px) {
  .product-details a,
  .product-details button {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    padding-right: 15px;
    padding-left: 55px;
  }
}
@media (min-width: 1900px) {
  .product-details a,
  .product-details button {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 21px;
    padding-left: 55px;
  }
}
.product-details a::before,
.product-details button::before {
  width: 24px;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 9%;
  background-size: 17px !important;
}
@media (min-width: 576px) {
  .product-details a::before,
  .product-details button::before {
    left: 8%;
  }
}
@media (min-width: 768px) {
  .product-details a::before,
  .product-details button::before {
    background-size: 17px !important;
  }
}
@media (min-width: 992px) {
  .product-details a::before,
  .product-details button::before {
    left: 8%;
    background-size: 18px !important;
  }
}
@media (min-width: 1024px) {
  .product-details a::before,
  .product-details button::before {
    background-size: 17px !important;
    left: 8%;
  }
}
@media (min-width: 1200px) {
  .product-details a::before,
  .product-details button::before {
    background-size: 18px !important;
    left: 9%;
  }
}
@media (min-width: 1350px) {
  .product-details a::before,
  .product-details button::before {
    background-size: 19px !important;
    left: 8%;
  }
}
@media (min-width: 1440px) {
  .product-details a::before,
  .product-details button::before {
    background-size: 21px !important;
    left: 8%;
  }
}
@media (min-width: 1600px) {
  .product-details a::before,
  .product-details button::before {
    background-size: 22px !important;
    left: 11%;
  }
}
@media (min-width: 1900px) {
  .product-details a::before,
  .product-details button::before {
    background-size: 24px !important;
    left: 11%;
  }
}

.product-listing a,
.product-listing button {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 80px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 14px;
  padding-left: 30px;
}
@media (max-width: 1199px) {
  .product-listing a,
  .product-listing button {
    width: 100%;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .product-listing a,
  .product-listing button {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 14px;
    padding-left: 35px;
  }
}
@media (min-width: 992px) {
  .product-listing a,
  .product-listing button {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 16px;
    padding-left: 40px;
  }
}
@media (min-width: 1200px) {
  .product-listing a,
  .product-listing button {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 10px;
    padding-left: 26px;
  }
}
@media (min-width: 1350px) {
  .product-listing a,
  .product-listing button {
    padding-top: 9.5px;
    padding-bottom: 9.5px;
    padding-right: 15px;
    padding-left: 35px;
  }
}
@media (min-width: 1440px) {
  .product-listing a,
  .product-listing button {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 35px;
  }
}
@media (min-width: 1600px) {
  .product-listing a,
  .product-listing button {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    padding-right: 15px;
    padding-left: 47px;
  }
}
@media (min-width: 1900px) {
  .product-listing a,
  .product-listing button {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 21px;
    padding-left: 55px;
  }
}
.product-listing a::before,
.product-listing button::before {
  width: 24px;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 23px;
  background-size: 17px !important;
}
@media (min-width: 576px) {
  .product-listing a::before,
  .product-listing button::before {
    left: 29%;
  }
}
@media (min-width: 768px) {
  .product-listing a::before,
  .product-listing button::before {
    left: 22%;
    background-size: 21px !important;
  }
}
@media (min-width: 992px) {
  .product-listing a::before,
  .product-listing button::before {
    left: 22%;
    background-size: 22px !important;
  }
}
@media (min-width: 1025px) {
  .product-listing a::before,
  .product-listing button::before {
    background-size: 23px !important;
    left: 24%;
  }
}
@media (min-width: 1200px) {
  .product-listing a::before,
  .product-listing button::before {
    background-size: 20px !important;
    left: 4%;
  }
}
@media (min-width: 1350px) {
  .product-listing a::before,
  .product-listing button::before {
    background-size: 22px !important;
    left: 8%;
  }
}
@media (min-width: 1440px) {
  .product-listing a::before,
  .product-listing button::before {
    background-size: 23px !important;
    left: 8%;
  }
}
@media (min-width: 1600px) {
  .product-listing a::before,
  .product-listing button::before {
    background-size: 24px !important;
    left: 11%;
  }
}
.product-listing a.btn-view {
  background: #0A1119;
  color: #FFF;
  border: 1px solid #0A1119;
}
@media (min-width: 992px) {
  .product-listing a.btn-view {
    padding-left: 16px;
  }
}
@media (min-width: 1200px) {
  .product-listing a.btn-view {
    padding-left: 10px;
  }
}
@media (min-width: 1350px) {
  .product-listing a.btn-view {
    padding-left: 15px;
  }
}
@media (min-width: 1440px) {
  .product-listing a.btn-view {
    padding-left: 15px;
  }
}
@media (min-width: 1600px) {
  .product-listing a.btn-view {
    padding-left: 15px;
  }
}
@media (min-width: 1900px) {
  .product-listing a.btn-view {
    padding-left: 21px;
  }
}
.product-listing a.btn-view:hover {
  background: #FFD52B;
  color: #0A1119;
  border-color: #FFD52B;
}
.product-listing a.btn-view:hover::after {
  filter: brightness(0);
}
.product-listing a.btn-view::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,...") no-repeat center;
  background-size: contain;
  transition: filter 0.3s ease;
}

.product-detail-image {
  border-radius: 20px;
  text-align: center;
  width: 100%;
}
.product-detail-image-nav {
  margin-top: 17px;
}
@media (min-width: 1440px) {
  .product-detail-image-nav {
    margin-top: 17px;
  }
}
@media (min-width: 1600px) {
  .product-detail-image-nav {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) {
  .product-detail-image-nav {
    margin-top: 21px;
  }
}
.product-detail-image-nav .slick-slide {
  position: relative;
}
.product-detail-image-nav .slick-slide img {
  height: clamp(67px, 5.053vw, 97px);
}
.product-detail-image-nav .slick-slide {
  cursor: pointer;
  margin: 0px 2.5px;
}
@media (min-width: 768px) {
  .product-detail-image-nav .slick-slide {
    margin: 0px 3px;
  }
}
@media (min-width: 992px) {
  .product-detail-image-nav .slick-slide {
    margin: 0px 3.5px;
  }
}
@media (min-width: 1200px) {
  .product-detail-image-nav .slick-slide {
    margin: 0px 4px;
  }
}
@media (min-width: 1350px) {
  .product-detail-image-nav .slick-slide {
    margin: 0px 4.5px;
  }
}
@media (min-width: 1440px) {
  .product-detail-image-nav .slick-slide {
    margin: 0px 5px;
  }
}
@media (min-width: 1600px) {
  .product-detail-image-nav .slick-slide {
    margin: 0px 5.5px;
  }
}
@media (min-width: 1900px) {
  .product-detail-image-nav .slick-slide {
    margin: 0px 6px;
    width: 161px;
  }
}
.product-detail-image-nav picture img {
  width: 100%;
  opacity: 0.2;
}
.product-detail-image-nav .slick-current.slick-active img {
  opacity: 1;
}
.product-detail-featured {
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .product-detail-featured {
    position: sticky;
    top: 100px;
    width: 46.254%;
  }
}
.product-detail-featured picture {
  width: 100%;
  margin: auto;
}
.product-detail-featured picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  margin: auto;
}
@media (min-width: 768px) {
  .product-detail-featured picture img {
    height: 490px;
  }
}
@media (min-width: 992px) {
  .product-detail-featured picture img {
    height: clamp(300px, 29.234vw, 561px);
  }
}
.product-detail p + p {
  margin-top: 18px;
}
.product-detail-content {
  width: 100%;
  padding-top: 30px;
}
@media (min-width: 992px) {
  .product-detail-content {
    padding-top: 0;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .product-detail-content {
    width: 47.118%;
  }
}
.product-detail-content h1 {
  font-weight: 600;
  line-height: 100%;
  font-size: clamp(28px, 2.4999vw, 48px);
}
.product-detail-content span, .product-detail-content h1, .product-detail-content .stock,
.product-detail-content span,
.product-detail-content .product-id {
  margin-bottom: clamp(11px, 0.8334vw, 16px);
}
.product-detail-content .stock {
  font-size: clamp(18px, 1.459vw, 28px);
}
.product-detail-content p {
  color: #4B535D;
  line-height: 160%;
}
.product-detail-content .btn-wrap {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  padding-top: clamp(15px, 1.719vw, 33px);
  padding-bottom: clamp(15px, 1.719vw, 33px);
  margin-top: clamp(15px, 1.719vw, 33px);
  gap: 12px;
}
@media (max-width: 575px) {
  .product-detail-content .btn-wrap {
    justify-content: center;
  }
}
.product-detail .slick-dots {
  justify-content: center;
  position: absolute;
  gap: 5px;
  bottom: 20px;
}
.product-detail .slick-dots button {
  font-size: 0;
  border-radius: 50%;
  background: #15314B;
  width: 12.5px;
  height: 12.55px;
}
@media (min-width: 1200px) {
  .product-detail .slick-dots button {
    width: 13px;
    height: 13px;
  }
}
@media (min-width: 1350px) {
  .product-detail .slick-dots button {
    width: 13.5px;
    height: 13.5px;
  }
}
@media (min-width: 1440px) {
  .product-detail .slick-dots button {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1600px) {
  .product-detail .slick-dots button {
    width: 14.5px;
    height: 15.5px;
  }
}
@media (min-width: 1900px) {
  .product-detail .slick-dots button {
    width: 15px;
    height: 15px;
  }
}
.product-detail .slick-dots .slick-active button {
  background: #FFA600;
}
.product-detail .progress-container {
  width: 97%;
  border-radius: 80px;
  opacity: 0;
  background-color: #fff;
  margin: auto;
  position: absolute;
  height: 4px;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
}
.product-detail .slide-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 0%;
  border-radius: 80px;
  background: #FFD52B;
  z-index: 5;
}
.product-detail {
  /* active animation */
}
.product-detail .slick-active.slick-current .progress-container {
  opacity: 1;
}
.product-detail .slick-active .slide-progress {
  animation: progressBar 4s linear forwards;
}
@keyframes progressBar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

.product-detail-long-description h2 {
  margin-bottom: clamp(21px, 2.1875vw, 42px);
}
.product-detail-long-description p, .product-detail-long-description li {
  color: #4B535D;
  line-height: 160%;
}

.other-products {
  margin-top: clamp(20px, 1.87499vw, 36px);
}
.other-products h2 {
  margin-bottom: clamp(18px, 1.87499vw, 36px);
}
.other-products .progress-track {
  margin-top: clamp(18px, 1.87499vw, 36px);
}
@media (max-width: 767px) {
  .other-products a::before {
    left: 35%;
  }
}
@media (max-width: 575px) {
  .other-products a::before {
    left: 14%;
  }
}

.other-products-slider-init .slick-slide {
  margin: 0 4px;
}
@media (min-width: 576px) {
  .other-products-slider-init .slick-slide {
    margin: 0 10px;
  }
}
@media (min-width: 768px) {
  .other-products-slider-init .slick-slide {
    margin: 0 10.5px;
  }
}
@media (min-width: 992px) {
  .other-products-slider-init .slick-slide {
    margin: 0 11px;
  }
}
@media (min-width: 1200px) {
  .other-products-slider-init .slick-slide {
    margin: 0 11.5px;
  }
}
@media (min-width: 1350px) {
  .other-products-slider-init .slick-slide {
    margin: 0 12px;
  }
}
@media (min-width: 1440px) {
  .other-products-slider-init .slick-slide {
    margin: 0 12.5px;
  }
}
@media (min-width: 1600px) {
  .other-products-slider-init .slick-slide {
    margin: 0 13px;
  }
}
@media (min-width: 1900px) {
  .other-products-slider-init .slick-slide {
    margin: 0 13.5px;
  }
}
.other-products-slider-init .slick-list {
  margin: 0 4px;
}
@media (min-width: 576px) {
  .other-products-slider-init .slick-list {
    margin: 0 -10px;
  }
}
@media (min-width: 768px) {
  .other-products-slider-init .slick-list {
    margin: 0 -10.5px;
  }
}
@media (min-width: 992px) {
  .other-products-slider-init .slick-list {
    margin: 0 -11px;
  }
}
@media (min-width: 1200px) {
  .other-products-slider-init .slick-list {
    margin: 0 -11.5px;
  }
}
@media (min-width: 1350px) {
  .other-products-slider-init .slick-list {
    margin: 0 -12px;
  }
}
@media (min-width: 1440px) {
  .other-products-slider-init .slick-list {
    margin: 0 -12.5px;
  }
}
@media (min-width: 1600px) {
  .other-products-slider-init .slick-list {
    margin: 0 -13px;
  }
}
@media (min-width: 1900px) {
  .other-products-slider-init .slick-list {
    margin: 0 -13.5px;
  }
}

.media .title h2 {
  margin: 0;
}
.media .title span {
  font-weight: 400;
  display: block;
}
.media .gallery {
  gap: 10px 1.8%;
  margin-top: 26px;
}
@media (min-width: 768px) {
  .media .gallery {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  .media .gallery {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .media .gallery {
    margin-top: 32px;
    gap: 18px 1.8%;
  }
}
@media (min-width: 1350px) {
  .media .gallery {
    gap: 20px 1.8%;
    margin-top: 34px;
  }
}
@media (min-width: 1440px) {
  .media .gallery {
    margin-top: 36px;
  }
}
.media .gallery-item {
  position: relative;
  width: 49.1%;
}
@media (min-width: 768px) {
  .media .gallery-item {
    width: 32.1%;
  }
}
@media (min-width: 1200px) {
  .media .gallery-item {
    width: 23.65%;
  }
}
.media .gallery-item::before {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(196, 196, 196, 0) 38.59%, rgba(0, 0, 0, 0.47) 80.87%);
  transition: 0.5s ease all;
}
.media .gallery-item::after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M9.19956 17.0026C13.6196 17.0026 17.2028 13.4194 17.2028 8.99936C17.2028 4.57928 13.6196 0.996094 9.19956 0.996094C4.77947 0.996094 1.19629 4.57928 1.19629 8.99936C1.19629 13.4194 4.77947 17.0026 9.19956 17.0026Z" stroke="%23596075" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2036 19.0053L14.8518 14.6535M9.19947 6V12.0025M6.19824 9.00123H12.2007" stroke="%23596075" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 18px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.66);
  right: 19px;
  bottom: 13px;
  background-position: center;
  transform: scale(0);
  transition: 0.3s ease all;
}
.media .gallery-item:hover .caption {
  color: #000;
}
.media .gallery-item:hover::before {
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #FFD52B 100%);
  transition: 0.3s ease all;
}
.media .gallery-item:hover::after {
  transition: 0.3s ease all;
  transform: scale(1);
}
.media .gallery img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0px;
  height: 178px;
}
@media (min-width: 576px) {
  .media .gallery img {
    height: 248px;
  }
}
@media (min-width: 768px) {
  .media .gallery img {
    height: 248px;
  }
}
@media (min-width: 992px) {
  .media .gallery img {
    height: 250px;
  }
}
@media (min-width: 1350px) {
  .media .gallery img {
    height: 270px;
  }
}
@media (min-width: 1440px) {
  .media .gallery img {
    height: 298px;
  }
}
@media (min-width: 1600px) {
  .media .gallery img {
    height: 328px;
  }
}
@media (min-width: 1900px) {
  .media .gallery img {
    height: 388px;
  }
}
.media .gallery .caption {
  position: absolute;
  color: #fff;
  line-height: 90%;
  font-size: 13px;
  left: 0px;
  bottom: 10px;
}
@media (max-width: 575px) {
  .media .gallery .caption {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .media .gallery .caption {
    font-size: 14px;
    bottom: 20px;
    left: 18px;
  }
}
@media (min-width: 992px) {
  .media .gallery .caption {
    bottom: 29px;
    font-size: 15px;
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .media .gallery .caption {
    left: 26px;
    font-size: 16px;
  }
}
@media (min-width: 1350px) {
  .media .gallery .caption {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .media .gallery .caption {
    font-size: 20px;
  }
}

.filter-dropdown {
  margin-top: 20px;
  border: 1px solid #0A1119;
  padding: 8px 15px;
  border-radius: 30px;
  color: #0A1119;
}
@media (min-width: 576px) {
  .filter-dropdown {
    width: 60%;
  }
}
.filter-dropdown:focus, .filter-dropdown:focus-within {
  border: 2px solid #0A1119;
}

.filter-buttons {
  width: 84.536%;
  display: flex;
  gap: 28px;
  position: relative;
  margin-top: 36px;
  overflow: visible;
  z-index: 3;
}
@media (min-width: 1440px) {
  .filter-buttons {
    gap: 28px;
  }
}
@media (min-width: 1600px) {
  .filter-buttons {
    gap: 30px;
  }
}
@media (min-width: 1900px) {
  .filter-buttons {
    gap: 33px;
  }
}
.filter-buttons button {
  font-weight: 300;
  line-height: 100%;
  position: relative;
  border-radius: 80px;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}
.filter-buttons button:first-child span {
  display: none;
}
@media (min-width: 1440px) {
  .filter-buttons button {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .filter-buttons button {
    font-size: 18px;
  }
}
@media (min-width: 1900px) {
  .filter-buttons button {
    font-size: 20px;
  }
}
.filter-buttons button span {
  background-color: #FFA600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  line-height: normal;
  border-radius: 3px;
  font-size: 10px;
}
@media (min-width: 1600px) {
  .filter-buttons button span {
    width: 22px;
    height: 22px;
    font-size: 12px;
  }
}
@media (min-width: 1900px) {
  .filter-buttons button span {
    font-size: 14px;
    width: 24px;
    height: 24px;
  }
}
.filter-buttons button.active:not(.media-filter-toggle) {
  background: #FFD52B;
}
.filter-buttons button.active:not(.media-filter-toggle)::after {
  width: 100%;
}
.filter-buttons button.active:not(.media-filter-toggle) path {
  fill: #FFD52B;
}
.filter-buttons button.active:not(.media-filter-toggle) span {
  font-weight: 600;
  background-color: #0A1119;
  color: #fff;
}
.filter-buttons button svg {
  height: auto;
  width: 18px;
}
@media (min-width: 1440px) {
  .filter-buttons button svg {
    width: 18px;
  }
}
@media (min-width: 1600px) {
  .filter-buttons button svg {
    width: 20px;
  }
}
@media (min-width: 1900px) {
  .filter-buttons button svg {
    width: 22px;
  }
}

.media-filter-dropdown {
  position: relative;
  z-index: 5;
  flex: 0 0 auto;
}

.media-filter-toggle {
  min-height: 38px;
  padding: 7px 15px;
  padding-right: 18px;
  border: 1px solid #707070;
  background: #fff;
  color: #0A1119;
  gap: 12px;
}
.media-filter-toggle::after {
  margin-left: 0;
  flex-shrink: 0;
  width: auto;
}
.media-filter-toggle:focus, .media-filter-toggle:active, .media-filter-toggle.show {
  border-color: #0A1119;
  background: #fff;
  color: #0A1119;
  box-shadow: none;
}

.media-filter-toggle__text {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .media-filter-toggle__text {
    font-size: 16px;
  }
}
@media (min-width: 1900px) {
  .media-filter-toggle__text {
    font-size: 18px;
  }
}

.media-filter-menu {
  min-width: 100%;
  margin-top: 10px !important;
  padding: 10px 0;
  overflow: hidden;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(18, 24, 39, 0.12) !important;
  z-index: 1100;
  max-height: min(60vh, 420px);
  overflow-y: auto;
}
.media-filter-menu .dropdown-item {
  padding-right: 20px;
  padding-left: 20px;
  color: #161616;
  font-size: 16px;
  line-height: 1.35;
  background: transparent;
}
.media-filter-menu .dropdown-item:hover, .media-filter-menu .dropdown-item:focus, .media-filter-menu .dropdown-item:active {
  background: #f7f7f7;
  color: #0A1119;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 33, 60, 0.53);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.close-btn {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
}
@media (min-width: 768px) {
  .close-btn {
    top: 30px;
    right: 30px;
    height: 50px;
    width: 50px;
  }
}
.close-btn:hover {
  background-color: #FFD52B;
}
.close-btn:hover svg {
  filter: invert(1);
}

.popup-caption {
  font-size: 15px;
  line-height: normal;
}
@media (min-width: 768px) {
  .popup-caption {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .popup-caption {
    font-size: 20px;
  }
}

.popup-card {
  border-radius: 20px;
  background: #FFF;
  padding: 10px 10px 25px;
  width: 85%;
}
@media (min-width: 768px) {
  .popup-card {
    padding: 20px 20px 35px;
    width: 550px;
  }
}
@media (min-width: 992px) {
  .popup-card {
    width: 580px;
  }
}
@media (min-width: 1200px) {
  .popup-card {
    width: 580px;
  }
}
@media (min-width: 1350px) {
  .popup-card {
    width: 626px;
  }
}
@media (min-width: 1440px) {
  .popup-card {
    width: 746px;
  }
}
@media (min-width: 1600px) {
  .popup-card {
    width: 760px;
  }
}
@media (min-width: 1900px) {
  .popup-card {
    width: 780px;
  }
}
.popup-card img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 20px;
  height: 270px;
}
@media (min-width: 768px) {
  .popup-card img {
    height: 380px;
  }
}
@media (min-width: 992px) {
  .popup-card img {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .popup-card img {
    height: 450px;
  }
}
@media (min-width: 1350px) {
  .popup-card img {
    height: 520px;
  }
}
@media (min-width: 1440px) {
  .popup-card img {
    height: 576px;
  }
}
@media (min-width: 1600px) {
  .popup-card img {
    height: 590px;
  }
}
@media (min-width: 1900px) {
  .popup-card img {
    height: 610px;
  }
}

img.popup-image {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  img.popup-image {
    margin-bottom: 38px;
  }
}

.popup-nav {
  gap: 15px;
}
.popup-nav span {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.popup-nav span:hover {
  color: #FFD52B;
}
.popup-nav svg {
  height: auto;
  width: 18px;
}
@media (min-width: 1600px) {
  .popup-nav svg {
    width: 22px;
  }
}
@media (min-width: 1900px) {
  .popup-nav svg {
    width: 26px;
  }
}

.career-item {
  margin-top: clamp(18px, 1.87499vw, 36px);
  padding-top: clamp(18px, 1.87499vw, 36px);
  border-top: 1px solid #DCDCDC;
}

.job-role {
  color: #4B535D;
  width: 100%;
}
@media (max-width: 767px) {
  .job-role {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .job-role {
    width: 33%;
  }
}
.job-role h3 {
  color: #0A1119;
  line-height: 83.333%;
  font-size: clamp(16px, 1.3vw, 24px);
  margin-bottom: 8px;
}

.job-post-col {
  width: 100%;
}
@media (min-width: 768px) {
  .job-post-col {
    width: 65.0238%;
  }
}

.job-posts {
  border-radius: 10px;
  border: 1px solid #DDD;
  background: #FFF;
  padding: clamp(15px, 1.9792vw, 38px);
}
.job-posts + .job-posts {
  margin-top: 20px;
}
.job-posts .job-position {
  width: 100%;
  font-weight: 500;
  margin-bottom: clamp(6px, 0.625vw, 12px);
  gap: clamp(5px, 0.48vw, 10px);
}

.job-details {
  color: #0A1119;
  width: 100%;
}
@media (max-width: 1199px) {
  .job-details {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .job-details {
    width: 78.663%;
  }
}
.job-details p {
  color: #4B535D;
  font-weight: 300;
  font-size: clamp(14px, 0.84vw, 16px);
  width: 100%;
}
.job-details ul {
  margin-top: clamp(16px, 1.24999vw, 24px);
  gap: clamp(10px, 1vw, 20px);
}
.job-details li,
.job-details span {
  line-height: 100%;
  display: flex;
  align-items: center;
  font-weight: 300;
  gap: 10px;
  border-radius: 80px;
  background: rgba(217, 217, 217, 0.35);
  padding: 5px 8px;
  font-size: clamp(12px, 0.84vw, 16px);
}
@media (min-width: 992px) {
  .job-details li,
  .job-details span {
    padding: 7px 10px;
  }
}
.job-details svg {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0;
}

.applay-btn {
  line-height: 125%;
  border-radius: 80px;
  background-color: #FFD52B;
  color: #000;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px 12px 0px 16px;
  height: 35px;
}
@media (min-width: 992px) {
  .applay-btn {
    padding: 0px 13px;
    height: 33px;
    gap: 4px;
  }
}
@media (min-width: 1200px) {
  .applay-btn {
    padding: 0px 14px;
    height: 32px;
  }
}
@media (min-width: 1350px) {
  .applay-btn {
    padding: 0px 20px;
    height: 34px;
    gap: 6px;
  }
}
@media (min-width: 1440px) {
  .applay-btn {
    padding: 0px 23px;
    height: 36px;
  }
}
@media (min-width: 1600px) {
  .applay-btn {
    padding: 0px 28px;
    height: 38px;
    gap: 8px;
  }
}
@media (min-width: 1900px) {
  .applay-btn {
    padding: 0px 30px;
    height: 42px;
  }
}
.applay-btn svg {
  height: auto;
  width: clamp(20px, 1.3542vw, 26px);
  max-width: 26px !important;
}
@media (max-width: 767px) {
  .applay-btn {
    width: 100%;
    justify-content: center;
    margin-top: 20px;
  }
}
.applay-btn:hover {
  background: #0A1119;
  color: #fff;
}
.applay-btn:hover path {
  fill: #fff;
  stroke: #fff;
}

.career .job-details ul {
  width: 100%;
}
@media (min-width: 576px) and (max-width: 767px) {
  .career .head {
    width: 74%;
  }
}
@media (max-width: 575px) {
  .career .head {
    width: 100%;
    margin-bottom: 15px !important;
  }
}
.career h1 {
  font-size: clamp(28px, 2.499vw, 48px);
}

.career-details p,
.career-details li {
  color: #4B535D;
  line-height: 160%;
}
.career-details li {
  font-size: clamp(15px, 1.02vw, 19.5px);
}
.career-details p,
.career-details ul {
  margin-bottom: clamp(8px, 0.94vw, 18px);
}
.career-details p + h2,
.career-details ul + h2 {
  margin-top: clamp(20px, 1.876vw, 36px);
}
.career-details h2 {
  margin-bottom: clamp(10px, 1.876vw, 36px);
}
.career-details p:last-child {
  margin-bottom: 0;
}
.career-details .applay-btn-bottom {
  margin-top: clamp(20px, 1.876vw, 36px);
}
.career-details svg {
  max-width: 100%;
  height: auto;
}

.blog-listing-row {
  row-gap: clamp(18px, 1.9vw, 36px);
  -moz-column-gap: 4.3%;
       column-gap: 4.3%;
}
@media (min-width: 768px) {
  .blog-listing-row {
    -moz-column-gap: 1.8%;
         column-gap: 1.8%;
  }
}
.blog-listing-row .loading {
  color: #000;
  margin-top: clamp(25px, 2.605vw, 50px);
}

.blog-item {
  color: #000;
  width: 47.8%;
}
@media (min-width: 768px) {
  .blog-item {
    width: 32.1%;
  }
}
@media (min-width: 992px) {
  .blog-item {
    width: 23.635%;
  }
}
.blog-item h3 {
  font-size: inherit;
}
.blog-item picture {
  overflow: hidden;
  margin-bottom: clamp(10px, 1.042vw, 20px);
}
.blog-item picture img {
  transition: 0.5s ease all;
  width: 100%;
  height: clamp(146px, 12.82vw, 246px);
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-item span {
  background: unset;
  display: block;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 100%;
  font-weight: 300;
  border-radius: 80px;
  background: rgba(217, 217, 217, 0.35);
  font-size: clamp(12px, 0.834vw, 16px);
  padding: 3px 6px;
}
@media (min-width: 768px) {
  .blog-item span {
    padding: 0px 7px;
  }
}
@media (min-width: 1200px) {
  .blog-item span {
    padding: 0px 8px;
  }
}
@media (min-width: 1350px) {
  .blog-item span {
    padding: 0px 9px;
  }
}
@media (min-width: 1600px) {
  .blog-item span {
    padding: 0px 10px;
  }
}
.blog-item {
  transition: 0.5s ease all;
}
.blog-item:hover {
  transition: 0.5s ease all;
  transform: translateY(-1%);
}
.blog-item:hover img {
  transform: scale(1.2);
  transition: 0.5s ease all;
  filter: saturate(0);
}
.blog-item:hover .blog-details {
  transition: 0.5s ease all;
}

.blog-listing-row .blog-item span {
  margin-left: 0;
  border-radius: 80px;
  background: rgba(217, 217, 217, 0.35);
  line-height: 100%;
  font-size: clamp(12px, 0.834vw, 16px);
  margin-bottom: clamp(10px, 1.042vw, 20px);
  padding: 3px 5px;
}
@media (min-width: 768px) {
  .blog-listing-row .blog-item span {
    padding: 4px 7px;
  }
}
@media (min-width: 992px) {
  .blog-listing-row .blog-item span {
    padding: 5px 8px;
  }
}
@media (min-width: 1200px) {
  .blog-listing-row .blog-item span {
    padding: 7px 10px;
  }
}

.blog-info .profile {
  gap: 12px;
}
@media (max-width: 991px) {
  .blog-info .profile {
    width: 100%;
    justify-content: space-between;
  }
}
.blog-info .views {
  margin-left: 6px;
}
.blog-info .meta-info {
  gap: 18px;
}
@media (max-width: 991px) {
  .blog-info .meta-info {
    margin-top: 10px;
    width: 100%;
    justify-content: space-between;
  }
}
.blog-info .meta-info div {
  gap: 8px;
  display: flex;
  align-items: center;
}

.blog-head {
  margin-bottom: clamp(18px, 1.875vw, 36px);
}
.blog-head h1 {
  margin-bottom: 20px;
  font-size: clamp(28px, 2.5vw, 48px);
}
.blog-head span {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 100%;
  font-weight: 300;
  border-radius: 80px;
  background: rgba(217, 217, 217, 0.35);
  font-size: clamp(12px, 0.834vw, 16px);
  margin-bottom: clamp(10px, 1.042vw, 20px);
  padding: 3px 6px;
}
@media (min-width: 768px) {
  .blog-head span {
    padding: 4px 7px;
  }
}
@media (min-width: 1200px) {
  .blog-head span {
    padding: 5px 8px;
  }
}
@media (min-width: 1350px) {
  .blog-head span {
    padding: 6px 9px;
  }
}
@media (min-width: 1600px) {
  .blog-head span {
    padding: 7px 10px;
  }
}
.blog-head + picture {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .blog-head + picture {
    margin-bottom: 28px;
  }
}

.newsDetail picture img {
  border-radius: 10px;
  width: 100%;
  height: auto;
}
.newsDetail article {
  width: 100%;
}
@media (min-width: 992px) {
  .newsDetail article {
    width: 62.293%;
  }
}
.newsDetail article p, .newsDetail article li, .newsDetail article div {
  line-height: 160%;
}
.newsDetail article p, .newsDetail article h2 {
  margin-bottom: 18px;
}
.newsDetail article p:last-child {
  margin-bottom: 0;
}
.newsDetail article .navigation-and-share {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 8px 0px;
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  .newsDetail article .navigation-and-share {
    padding: 12.5px 0px;
    margin-top: 31px;
  }
}
@media (max-width: 991px) {
  .newsDetail article .navigation-and-share {
    margin-bottom: 30px;
  }
}
.newsDetail article .navigation-and-share .share {
  display: flex;
  align-items: center;
  gap: 12px;
}
.newsDetail article .navigation-and-share .share > a {
  color: #4B535D;
  gap: 5px;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .newsDetail article .navigation-and-share .share > a {
    gap: 12px;
  }
}
.newsDetail article .navigation-and-share .share > a svg {
  height: auto;
  width: 15px;
}
@media (min-width: 992px) {
  .newsDetail article .navigation-and-share .share > a svg {
    width: 20px;
  }
}
.newsDetail article .navigation-and-share .share ul {
  margin: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
@media (min-width: 992px) {
  .newsDetail article .navigation-and-share .share ul {
    gap: 14px;
  }
}
.newsDetail article .navigation-and-share .share ul svg {
  height: auto;
  width: 18px;
}
@media (min-width: 992px) {
  .newsDetail article .navigation-and-share .share ul svg {
    width: 24px;
  }
}
.newsDetail article .navigation-and-share .share li {
  margin: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
}
.newsDetail article .navigation-and-share .share li:before {
  content: none;
}
.newsDetail article .navigation-and-share .navigation {
  display: flex;
  align-items: center;
}
.newsDetail article .navigation-and-share .navigation a {
  text-transform: uppercase;
  color: #4B535D;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 200;
}
.newsDetail article .navigation-and-share .navigation a + a {
  position: relative;
  padding-left: 14px;
  margin-left: 14px;
}
.newsDetail article .navigation-and-share .navigation a + a::before {
  background: #4B535D;
  width: 1px;
  height: 17px;
  left: 0;
}
.newsDetail article .navigation-and-share .navigation a:hover {
  color: #FFD52B;
}
.newsDetail article .navigation-and-share .navigation a:hover path {
  stroke: #FFD52B;
}
@media (min-width: 768px) {
  .newsDetail article ul:has(li:nth-child(5)) {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.newsDetail article p, .newsDetail article li {
  margin-bottom: clamp(10px, 0.9375vw, 18px);
}
.newsDetail article p:last-child, .newsDetail article li:last-child {
  margin-bottom: 0;
}
.newsDetail article ul {
  margin-bottom: clamp(10px, 0.9375vw, 18px);
}
.newsDetail article h2 {
  line-height: 172.222%;
  margin-bottom: clamp(10px, 0.9375vw, 18px);
}
.newsDetail article .images {
  gap: 2.6%;
}
.newsDetail article .images picture:first-child {
  width: 40.134%;
}
.newsDetail article .images picture:last-child {
  width: 57.198%;
}
.newsDetail article .images img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: clamp(150px, 16.9271vw, 325px);
}
.newsDetail h2, .newsDetail h1 {
  font-weight: 600;
}
.newsDetail h2 {
  margin-bottom: 18px;
}
.newsDetail aside {
  position: sticky;
  top: 100px;
  height: -moz-fit-content;
  height: fit-content;
  padding: clamp(15px, 2.084vw, 40px);
  width: 100%;
  border-radius: 20px;
  background: #F6F6F6;
}
@media (min-width: 992px) {
  .newsDetail aside {
    width: 35.008%;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside {
    width: 32.008%;
  }
}
.newsDetail aside .recent-article {
  transition: 0.5s ease all;
  border-radius: 10px;
  background: #FFF;
  color: #000;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
}
@media (min-width: 992px) {
  .newsDetail aside .recent-article {
    padding: 5px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside .recent-article {
    padding: 6px;
  }
}
@media (min-width: 1350px) {
  .newsDetail aside .recent-article {
    padding: 7px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside .recent-article {
    padding: 8px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside .recent-article {
    padding: 9px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside .recent-article {
    padding: 10px;
  }
}
.newsDetail aside .recent-article:hover {
  background: #9ba2ab;
  transition: 0.5s ease all;
}
.newsDetail aside .recent-article span {
  line-height: 114.286%;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 114.286%;
  border-radius: 80px;
  background: #FFA600;
  padding: 3px 6px;
  font-size: clamp(10px, 0.73vw, 14px);
  margin-bottom: 4px;
}
@media (min-width: 1200px) {
  .newsDetail aside .recent-article span {
    padding: 4px 7px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside .recent-article span {
    padding: 5px 8px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside .recent-article span {
    padding: 6px 9px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside .recent-article span {
    margin-bottom: 12px;
    padding: 7px 10px;
  }
}
.newsDetail aside .recent-article p {
  font-weight: 500;
  border-radius: 10px;
  background: rgba(217, 217, 217, 0.22);
  line-height: 137.5%;
  font-size: clamp(11px, 0.834vw, 16px);
  padding: 3px 8px;
}
@media (min-width: 992px) {
  .newsDetail aside .recent-article p {
    padding: 3.5px 10px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside .recent-article p {
    padding: 4px 11px;
  }
}
@media (min-width: 1350px) {
  .newsDetail aside .recent-article p {
    padding: 4.5px 11.5px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside .recent-article p {
    padding: 5px 12px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside .recent-article p {
    padding: 5.5px 12.5px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside .recent-article p {
    padding: 6px 13px;
  }
}
.newsDetail aside .recent-article + a {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .newsDetail aside .recent-article + a {
    margin-top: 20px;
  }
}
.newsDetail aside .recent-article h3 {
  font-size: 15px;
  line-height: normal;
}
@media (min-width: 992px) {
  .newsDetail aside .recent-article h3 {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .newsDetail aside .recent-article h3 {
    font-size: 14px;
  }
}
@media (min-width: 1350px) {
  .newsDetail aside .recent-article h3 {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside .recent-article h3 {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside .recent-article h3 {
    font-size: 18px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside .recent-article h3 {
    font-size: 22px;
  }
}
.newsDetail aside .recent-article img {
  width: 100%;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .newsDetail aside .recent-article img {
    height: 85px;
  }
}
@media (min-width: 1350px) {
  .newsDetail aside .recent-article img {
    height: 90px;
  }
}
@media (min-width: 1440px) {
  .newsDetail aside .recent-article img {
    height: 100px;
  }
}
@media (min-width: 1600px) {
  .newsDetail aside .recent-article img {
    height: 120px;
  }
}
@media (min-width: 1900px) {
  .newsDetail aside .recent-article img {
    height: 140px;
  }
}
.newsDetail aside .recent-article picture {
  width: 31.892%;
}
.newsDetail aside .recent-article div {
  width: 64.01%;
}
.newsDetail aside .recent-article a i {
  height: 20.917px;
  width: 20.917px;
}
@media (min-width: 992px) {
  .newsDetail aside .recent-article a i {
    height: 24.917px;
    width: 24.917px;
  }
}
.newsDetail aside .recent-article a i svg {
  width: 8.97px;
}

.leftFixedBox {
  position: fixed;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  right: 10px;
  top: 50%;
  z-index: 10000;
  gap: 10.53px;
  padding: 10px;
}
.leftFixedBox > div:first-child img {
  animation: pulse 2s infinite;
}
@media (max-width: 991px) {
  .leftFixedBox {
    display: none;
  }
}
.leftFixedBox .dropdown-toggle.iconBox {
  margin-bottom: 0;
  margin-bottom: 0;
}
.leftFixedBox .iconBox {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  .leftFixedBox .iconBox {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 992px) {
  .leftFixedBox .iconBox {
    width: 50px;
    height: 50px;
  }
}
.leftFixedBox .iconBox img {
  height: auto;
  width: 40px;
}
@media (min-width: 768px) {
  .leftFixedBox .iconBox img {
    width: 48px;
  }
}
@media (min-width: 992px) {
  .leftFixedBox .iconBox img {
    width: 50px;
  }
}
@media (min-width: 1200px) {
  .leftFixedBox .iconBox img {
    width: 52px;
  }
}
@media (min-width: 1360px) {
  .leftFixedBox .iconBox img {
    width: 54px;
  }
}
@media (min-width: 1440px) {
  .leftFixedBox .iconBox img {
    width: 56px;
  }
}
@media (min-width: 1600px) {
  .leftFixedBox .iconBox img {
    width: 58px;
  }
}
@media (min-width: 1900px) {
  .leftFixedBox .iconBox img {
    width: 60px;
  }
}
.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: linear-gradient(45deg, black, transparent);
  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);
}
.leftFixedBox .QuickSideRightBar .slideLeft {
  position: absolute;
  background: linear-gradient(45deg, black, transparent);
  width: 0;
  height: 50px;
  right: 0;
  top: 0px;
  font-size: 13px;
  line-height: 40px;
  color: #0A1119;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  transition: ease-in-out 0.5s;
}
.leftFixedBox .QuickSideRightBar .slideLeft .textRight {
  position: absolute;
  left: 12px;
  top: 0;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  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: 190px;
}
.leftFixedBox .animateBox {
  animation: animate2 2s linear infinite;
}

.bottomFixedMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  padding: 12px 0px;
  overflow: hidden;
  background: #0A1119;
}
.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 {
  background: unset;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(5deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  70% {
    transform: rotate(3deg);
  }
  80% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
h2, .h2,
h2 span, .h2 span, h2 strong {
  font-size: 18px;
  margin-bottom: 6px;
}
@media (min-width: 576px) {
  h2, .h2,
  h2 span, .h2 span, h2 strong {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  h2, .h2,
  h2 span, .h2 span, h2 strong {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  h2, .h2,
  h2 span, .h2 span, h2 strong {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  h2, .h2,
  h2 span, .h2 span, h2 strong {
    font-size: 26px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1280px) {
  h2, .h2,
  h2 span, .h2 span, h2 strong {
    font-size: 28px;
  }
}
@media (min-width: 1350px) {
  h2, .h2,
  h2 span, .h2 span, h2 strong {
    font-size: 30px;
  }
}
@media (min-width: 1440px) {
  h2, .h2,
  h2 span, .h2 span, h2 strong {
    font-size: 32px;
  }
}
@media (min-width: 1600px) {
  h2, .h2,
  h2 span, .h2 span, h2 strong {
    font-size: 34px;
  }
}
@media (min-width: 1900px) {
  h2, .h2,
  h2 span, .h2 span, h2 strong {
    font-size: 36px;
  }
}

h3,
.h3, .h3 strong {
  font-weight: 500;
  font-size: 15px;
}
@media (min-width: 992px) {
  h3,
  .h3, .h3 strong {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  h3,
  .h3, .h3 strong {
    font-size: 17px;
  }
}
@media (min-width: 1280px) {
  h3,
  .h3, .h3 strong {
    font-size: 18px;
  }
}
@media (min-width: 1350px) {
  h3,
  .h3, .h3 strong {
    font-size: 19px;
  }
}
@media (min-width: 1440px) {
  h3,
  .h3, .h3 strong {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  h3,
  .h3, .h3 strong {
    font-size: 21px;
  }
}
@media (min-width: 1900px) {
  h3,
  .h3, .h3 strong {
    font-size: 22px;
  }
}

h4,
.h4, .h4 strong {
  font-weight: 500;
  font-size: 13px;
}
@media (min-width: 768px) {
  h4,
  .h4, .h4 strong {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  h4,
  .h4, .h4 strong {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  h4,
  .h4, .h4 strong {
    font-size: 14px;
  }
}
@media (min-width: 1280px) {
  h4,
  .h4, .h4 strong {
    font-size: 14px;
  }
}
@media (min-width: 1350px) {
  h4,
  .h4, .h4 strong {
    font-size: 17px;
  }
}
@media (min-width: 1440px) {
  h4,
  .h4, .h4 strong {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  h4,
  .h4, .h4 strong {
    font-size: 17px;
  }
}
@media (min-width: 1900px) {
  h4,
  .h4, .h4 strong {
    font-size: 20px;
  }
}

h5,
.h5, .h5 strong {
  font-weight: 500;
  font-size: 12px;
}
@media (min-width: 768px) {
  h5,
  .h5, .h5 strong {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  h5,
  .h5, .h5 strong {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  h5,
  .h5, .h5 strong {
    font-size: 13px;
  }
}
@media (min-width: 1350px) {
  h5,
  .h5, .h5 strong {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  h5,
  .h5, .h5 strong {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  h5,
  .h5, .h5 strong {
    font-size: 16px;
  }
}
@media (min-width: 1900px) {
  h5,
  .h5, .h5 strong {
    font-size: 18px;
  }
}

p {
  margin-bottom: 0;
}/*# sourceMappingURL=style.css.map */