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

.title-lg {
  font-family: "FS Elliot Pro";
  font-size: 10rem;
  font-weight: 400;
  letter-spacing: -0.3rem;
  line-height: 1;
}
@media (max-width: 991px) {
  .title-lg {
    font-size: 8rem;
  }
}
@media (max-width: 767px) {
  .title-lg {
    font-size: 7rem;
  }
}

.title-md, .in-house-technology .box-right h2, .product-details .title {
  font-family: "FS Elliot Pro";
  font-size: 6rem;
  font-weight: 400;
  letter-spacing: -0.12rem;
  line-height: 1;
}
@media (max-width: 991px) {
  .title-md, .in-house-technology .box-right h2, .product-details .title {
    font-size: 5rem;
  }
}

.title-card, .our-global-popup-content .title {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: calc(32/28);
}

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

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

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

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

a {
  text-decoration: none;
}

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

button {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.accordion-content {
  display: none;
}

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

.price ins {
  text-decoration: none;
}

a {
  color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination {
  display: flex;
  position: absolute;
  bottom: 0rem;
	left: 50%;
	transform: translateX(-50%);
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.swiper-pagination span {
  display: block;
  position: static;
  opacity: 1;
  transition: all 0.2s;
  margin: 0 0.75rem;
  outline: none;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  width: 1rem;
  height: 1rem;
}
.swiper-pagination span.swiper-pagination-bullet-active {
  background: #fff;
}

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

.swiper-prev {
  left: 1.5rem;
}

.swiper-next {
  right: 1.5rem;
}

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

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

input, textarea {
  transition: outline 0.2s;
  outline: none;
  box-shadow: none;
  border: 1px solid #143323;
  border-radius: 0.4rem;
  background: transparent;
  padding: 0 1.5rem;
  width: 100%;
  height: 6rem;
  font-size: 1.8rem;
}

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

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

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

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

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

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

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

select {
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
  border: 1px solid #143323;
  border-radius: 0.4rem;
  background: transparent;
  background-image: url(../images/down.png);
  background-position: center;
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto;
  padding: 0 1.5rem;
  padding-right: 5rem;
  width: 100%;
  min-width: 36.6rem;
  height: 6rem;
  font-size: 1.8rem;
  line-height: 6rem;
  text-transform: capitalize;
}

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

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

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

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

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

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

.breadcrumbs ul, .breadcrumbs ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs ul li, .breadcrumbs ol li {
  display: inline-block;
  font-size: 1.6rem;
}
.breadcrumbs ul li:last-child, .breadcrumbs ol li:last-child {
  margin-right: 0;
}
.breadcrumbs ul li a, .breadcrumbs ul li span, .breadcrumbs ol li a, .breadcrumbs ol li span {
  color: inherit;
  text-decoration: none;
}
.breadcrumbs ul li a:hover, .breadcrumbs ul li span:hover, .breadcrumbs ol li a:hover, .breadcrumbs ol li span:hover {
  color: #AB2222;
}
.breadcrumbs ul li.active a, .breadcrumbs ul li.active span, .breadcrumbs ol li.active a, .breadcrumbs ol li.active span {
  color: #AB2222;
}
.breadcrumbs ul li span, .breadcrumbs ol li span {
  color: inherit;
}
.breadcrumbs ul li:not(:last-child)::after, .breadcrumbs ol li:not(:last-child)::after {
  margin: 0 0rem 0 0.5rem;
  color: inherit;
  content: "/";
}

.pagi {
  gap: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}
.pagi .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
  margin-bottom: 0 !important;
  border: 1px solid transparent;
  border-radius: 50%;
  background: none;
  width: 4rem;
  height: 4rem;
  font-family: "FS Elliot Pro";
  font-size: 1.8rem;
  font-weight: 500;
}
.pagi .page-numbers.next, .pagi .page-numbers.pagi-prev {
  background: #EE1F33;
  width: 3rem;
  height: 3rem;
  color: #fff;
  font-weight: bold;
}
.pagi .page-numbers.next:hover, .pagi .page-numbers.pagi-prev:hover {
  color: #fff;
}
.pagi .page-numbers em {
  font-size: 1.3rem;
}
.pagi-item.is-disabled {
  cursor: no-drop;
  border: 1px solid transparent !important;
  background: #D1D1D6;
}
.pagi-item:hover .page-numbers, .pagi-item.active .page-numbers {
  text-stroke: 0.1rem currentColor;
  -webkit-text-stroke: 0.1rem currentColor;
  border: 1px solid #EE1F33;
  color: #000000;
}

@keyframes wiggle {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
  }
  25% {
    transform: scale(1.15) rotate(5deg);
  }
  30% {
    transform: scale(1.15) rotate(-3deg);
  }
  35% {
    transform: scale(1.15) rotate(2deg);
  }
  40% {
    transform: scale(1.15) rotate(0);
  }
}
.footer {
  position: relative;
  background: #F8F8F8;
  padding-top: 5rem;
}
.footer .text {
  max-width: 51rem;
  font-family: "Radio Canada Big";
  font-size: 2.8rem;
  font-weight: 500;
}
.footer .menu ul {
  list-style: none;
}
.footer .menu ul li a {
  text-transform: capitalize;
}
.footer .menu ul li a:hover, .footer .menu ul li a.active {
  text-stroke: 0.6px currentColor;
  -webkit-text-stroke: 0.6px currentColor;
  color: #EE1F33;
}
.footer .logo {
  display: block;
  width: 100%;
  max-width: 37.8rem;
}
.footer .logo img {
  width: 100%;
  height: auto;
}
.footer .ft-title {
  margin-bottom: 1.2rem;
  color: rgba(35, 31, 32, 0.5);
  font-size: 1.8rem;
  font-weight: 400;
}
.footer .footer-mid {
  gap: 1.5rem 3rem;
  padding-block: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3rem;
  border-top: 1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae;
}
.footer .footer-mid .menu ul {
  gap: 3rem;
  display: flex;
  align-items: center;
}
.footer .footer-mid .copyright, .footer .footer-mid .right-content {
  width: 100%;
  max-width: 46rem;
}
@media (min-width: 768px) {
  .footer .footer-mid .right-content {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .footer .footer-mid {
    flex-direction: column;
    text-align: center;
  }
}
.footer .footer-bottom {
  gap: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 0 5rem;
}
@media (max-width: 767px) {
  .footer .footer-bottom {
    flex-direction: column;
  }
}

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

.newsletter {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #8E8E93;
  padding-bottom: 1.2rem;
}
.newsletter input {
  border: none;
  background: transparent;
  padding: 0;
  padding-right: 3rem;
  height: 3rem;
  color: #fff;
}
.newsletter .submit-btn {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-family: "FS Elliot Pro";
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.32rem;
}
.newsletter .submit-btn .icon {
  flex-shrink: 0;
  margin-left: 1rem;
  width: 3.2rem;
}
.newsletter .submit-btn .icon img {
  width: 100%;
  height: auto;
}

#call-to-action {
  position: fixed;
  right: 3rem;
  bottom: 8rem;
  z-index: 999;
}
#call-to-action .icon {
  display: block;
  animation: wiggle 4s 2s infinite;
  width: 8rem;
  height: 8rem;
}
#call-to-action .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  #call-to-action .icon {
    width: 6rem;
    height: 6rem;
  }
}

#back-to-top {
  position: absolute;
  right: 3rem;
  bottom: calc(100% + 3rem);
  opacity: 0;
  z-index: 999;
  transition: all 0.3s linear;
  cursor: pointer;
  width: 4rem;
}
#back-to-top svg {
  width: 100%;
}
#back-to-top.show {
  opacity: 1;
}

.header {
  position: relative;
  z-index: 999;
  transition: all 0.4s ease-in-out;
  background: #fff;
  padding-left: 1.5rem;
}
@media (min-width: 1280px) {
  .header {
    padding-left: calc(calc(100vw - calc(1565/1920 *100vw))/2);
  }
}
@media (min-width: 1920px) {
  .header {
    padding-left: calc(calc(100vw - 156.5rem)/2);
  }
}
@media (min-width: 2600px) {
  .header {
    padding-left: calc(calc(260rem - 156.5rem)/2);
  }
}
.header.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0.5rem 1rem 0 #00000008;
  background: #F5F6F7;
  width: 100%;
}
.header .logo {
  display: block;
  flex-shrink: 0;
  transition: all 0.3s;
  width: 24.7rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 4.7rem;
	margin-right: 3rem;
}
.header .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .cart, .header .account {
  margin-left: 5rem;
}
.header .cart-btn, .header .account-btn, .header .search-btn {
  display: block;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
}
.header .cart-btn img, .header .account-btn img, .header .search-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .btn-group {
  gap: 0;
  flex-flow: nowrap;
}
@media (min-width: 1280px) {
  .header .btn-group {
    margin-left: 5rem;
  }
}
.header .button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #231f20;
  padding: 0 2rem;
  min-width: 18.5rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 8rem;
  text-transform: capitalize;
  white-space: nowrap;
}
.header .button.red {
  background: #af0707;
}
.header .button .icon {
  flex-shrink: 0;
  margin-left: 0.8rem;
  width: 3.2rem;
  height: 3.2rem;
}
.header .button .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .wrapper {
  display: flex;
  align-items: center;
  min-height: 8rem;
}
@media (min-width: 1280px) {
  .header .menu {
    margin-left: auto;
  }
}
.header .menu .menu-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  list-style: none;
}
@media (min-width: 1280px) {
  .header .menu .menu-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .header .menu .menu-item:not(:last-child) {
    margin-right: 2.4rem;
  }
}
.header .menu .menu-item > a {
  display: inline-block;
  position: relative;
  color: #5C5C5C;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}
.header .menu .menu-item > a .icon-dropdown {
  margin-left: 0.5rem;
}
.header .menu .menu-item:hover > a, .header .menu .menu-item.active > a, .header .menu .menu-item.current > a {
  text-stroke: 0.5px currentColor;
  -webkit-text-stroke: 0.5px currentColor;
  color: #EE1F33;
}
.header .menu .menu-item:hover > a:after, .header .menu .menu-item.active > a:after, .header .menu .menu-item.current > a:after {
  transform: scale(1);
  opacity: 1;
}
.header .toggle-btn {
  display: none;
}
.header .overlay {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.3);
  width: 100vw;
  height: 100vh;
}
.header .overlay.active {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1280px) {
  .header .overlay {
    visibility: hidden;
    opacity: 0;
  }
}
.header .mobile-nav-inner {
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  z-index: 999;
  transition: all 0.3s ease-in-out;
  background: #F5F6F7;
  width: 300px;
  height: 100vh;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .header .mobile-nav-inner {
    display: none;
  }
}
.header .mobile-nav-inner .btn-wrap {
  margin-top: 2rem;
}
.header .mobile-nav-inner.active {
  transform: translateX(0);
  transition: all 0.3s ease-in-out;
}

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

@media (min-width: 1280px) {
  .header .menu-item-has-children {
    position: relative;
  }
  .header .menu-item-has-children .icon-dropdown {
    display: none;
  }
  .header .menu-item-has-children .sub-menu {
    -webkit-transform: scaleY(0);
    -webkit-transform-origin: center top 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -webkit-box-shadow: 0 1.6rem 5rem rgba(0, 0, 0, 0.08);
    display: block;
    position: absolute;
    top: calc(100% + 3rem);
    left: -3rem;
    transform: scaleY(0);
    transform-origin: center top 0;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 1.6rem 5rem rgba(0, 0, 0, 0.08);
    border-radius: 3rem;
    background: #F5F1EA;
    padding: 1.5rem 0;
    min-width: 28rem;
    line-height: 5rem;
    list-style: none;
  }
  .header .menu-item-has-children .sub-menu li a {
    padding: 0 3rem;
    font-family: "FS Elliot Pro";
    font-weight: normal;
    line-height: 5rem;
  }
  .header .menu-item-has-children .sub-menu li a::after {
    display: none;
  }
  .header .menu-item-has-children .sub-menu li:hover a, .header .menu-item-has-children .sub-menu li.active a {
    color: #117B3E;
  }
  .header .menu-item-has-children:hover .sub-menu {
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
  }
}
#loader-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
}
#loader-container .loader {
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  place-items: center;
  transform: translate(-50%, -50%);
  width: 100%;
}
#loader-container .loader:before, #loader-container .loader::after {
  display: none;
}
#loader-container .loader__logo {
  display: flex;
  justify-content: center;
}
#loader-container .loader__logo > span {
  animation: bounce-loader 0.6s infinite alternate;
  margin: 0 0.5rem;
  border-radius: 50%;
  background: #EE1F33;
  width: 1rem;
  height: 1rem;
}
#loader-container .loader__logo > span:nth-child(2) {
  animation-delay: 0.15s;
}
#loader-container .loader__logo > span:nth-child(3) {
  animation-delay: 0.3s;
}
#loader-container .loader__logo > span:last-child {
  animation-delay: 0.45s;
}
#loader-container .loader__progress {
  display: none;
  position: relative;
  width: 100%;
}
#loader-container .loader__progress #progress-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  text-align: center;
}

@keyframes fade {
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes bounce-loader {
  to {
    transform: translateY(-1rem);
    opacity: 0.1;
  }
}
.contact-us {
  padding-block: 10rem;
}
.contact-us .slider .swiper-wrapper {
  flex-direction: row;
}
.contact-us .slider .swiper-slide {
  margin-top: 16px !important;
}
.contact-us .slider .swiper-slide .top-box {
  position: relative;
}
.contact-us .slider .swiper-slide .top-box .number {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  font-family: "FS Elliot Pro";
  font-size: 4rem;
  font-weight: normal;
}
.contact-us .slider .swiper-slide .top-box .image {
  display: block;
  position: relative;
  padding-top: 39.6825396825%;
}
.contact-us .slider .swiper-slide .top-box .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-us .slider .swiper-slide .box-content {
  padding-top: 2rem;
  color: #5C5C5C;
}
.contact-us .slider .swiper-slide .box-content .title {
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  font-weight: normal;
}
.contact-us .slider .swiper-slide .box-content .content {
  
}

.about-us {
  margin-top: -24rem;
  background: #F3F3F3;
  padding-bottom: 10rem;
}
.about-us .statistics .item {
  background: #E6E6E6;
  padding: 5rem 3rem;
  min-height: 25.6rem;
}
.about-us .statistics .item .number {
  margin-bottom: 2rem;
  font-size: 6rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .about-us .statistics .item .number {
    font-size: 5rem;
  }
}

.banner-subpage.bg {
  position: relative;
}
.banner-subpage.bg::before {
  position: absolute;
  top: -5rem;
  left: -5rem;
  z-index: -1;
  background: #F3F3F3;
  width: calc(100% + 10rem);
  height: calc(100% + 5rem);
  content: "";
}
@media (max-width: 1279px) {
  .banner-subpage.bg::before {
    left: -3rem;
    width: calc( 100% + 6rem);
  }
}

.about-us-2 {
  overflow: hidden;
}
@media (min-width: 992px) {
  .about-us-2 .slider {
    margin-left: -25rem;
    width: calc(100% + 25rem);
  }
}
.about-us-2 .box-img img {
  width: 100%;
}
.about-us-2 .swiper-container {
  clip-path: polygon(0 0, 1000% 0, 1000% 100%, 0 100%);
  overflow: visible;
}
.about-us-2 .swiper-container .swiper-slide .item {
  background: #F6F6F6;
  padding: 13rem 5rem;
  min-height: 58rem;
}
@media (max-width: 767px) {
  .about-us-2 .swiper-container .swiper-slide .item {
    padding: 10rem 3rem;
  }
}
.about-us-2 .swiper-container .swiper-slide .item .title {
  font-family: "FS Elliot Pro";
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: -0.072rem;
}
.about-us-2 .swiper-container .swiper-slide .item .desc {
  margin-top: 2rem;
  color: rgba(35, 31, 32, 0.8);
}
.about-us-2 .swiper-container .swiper-slide .item .btn-group {
  margin-top: 4rem;
}
.about-us-2 .swiper-container .swiper-slide .item:hover {
  transition: all 0.3s;
  background: #af0707;
  color: #fff;
}
.about-us-2 .swiper-container .swiper-slide .item:hover .desc {
  color: rgba(255, 255, 255, 0.8);
}
.about-us-2 .swiper-container .swiper-slide .item:hover .btn {
  border: 2px solid #fff;
  color: #fff;
}
.about-us-2 .swiper-container .swiper-slide .item:hover .btn:hover, .about-us-2 .swiper-container .swiper-slide .item:hover .btn.active {
  background: none;
}

.news-details {
  padding-block: 10rem;
}
.news-details .related-articles-box {
  border: 1px solid #E5E5EA;
  padding: 3rem;
}
.news-details .date-time {
  color: #5C5C5C;
}
.news-details .big-title {
  max-width: 90.3rem;
  font-family: "FS Elliot Pro";
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.072rem;
  line-height: 1.2;
}

.related-articles .related-article {
  display: flex;
  align-items: center;
}
.related-articles .related-article:not(:last-child) {
  margin-bottom: 3rem;
}
.related-articles .related-article .box-img {
  position: relative;
  padding-top: calc(137/216 * 50%);
  width: 50%;
  overflow: hidden;
}
.related-articles .related-article .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.related-articles .related-article .content {
  padding-left: 1.6rem;
  width: 50%;
}
.related-articles .related-article .content .date {
  color: #5C5C5C;
  font-size: 1.5rem;
}
.related-articles .related-article .content .title {
  margin-top: 0.8rem;
}
.related-articles .related-article:hover .box-img img {
  transform: scale(1.1);
}

.product-details {
  padding: 10rem 0 5rem;
}
.product-details .image-thumb {
  position: relative;
}
.product-details .image-thumb .swiper-slide .box-img {
  display: block;
  position: relative;
  padding-top: 100%;
}
.product-details .image-thumb .swiper-slide .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.product-details .image-thumb .swiper-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.product-details .subtitle {
  margin-top: 3rem;
  color: #5C5C5C;
  font-size: 2.8rem;
  font-weight: normal;
  font-weight: 500;
}
.product-details .desc {
  margin-top: 2rem;
  color: #5C5C5C;
}
.product-details .price {
  color: #EE1F33;
  font-size: 2.8rem;
  font-weight: 500;
}

.product-details-tabs .tabs-nav {
  gap: 5rem;
  display: flex;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 0;
  padding: 0 5rem;
  width: -moz-fit-content;
  width: fit-content;
  list-style: none;
}
@media (max-width: 767px) {
  .product-details-tabs .tabs-nav {
    padding: 0 3rem;
  }
}
.product-details-tabs .tabs-nav li {
  position: relative;
  z-index: 1;
  cursor: pointer;
  margin-bottom: 0 !important;
  padding: 5rem 0 2.5rem;
  color: #5C5C5C;
  font-family: "Helvetica Neue" !important;
  font-size: 2.8rem;
  font-weight: 500;
  white-space: nowrap;
}
.product-details-tabs .tabs-nav li:after {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.2s;
  background: #ee1f33;
  width: 100%;
  height: 0.4rem;
  pointer-events: none;
  content: "";
}
.product-details-tabs .tabs-nav li:hover, .product-details-tabs .tabs-nav li.active {
  color: #EE1F33;
}
.product-details-tabs .tabs-nav li:hover:after, .product-details-tabs .tabs-nav li.active:after {
  opacity: 1;
  transition: all 0.2s;
}
.product-details-tabs .tab-container {
  background: #F6F6F6;
  padding: 5rem;
}
.product-details-tabs .tab-container ul {
  list-style-position: inside;
}
@media (max-width: 767px) {
  .product-details-tabs .tab-container {
    padding: 5rem 3rem;
  }
}

.in-house-technology .box-left .items {
  padding-right: 1rem;
  max-height: 48rem;
  overflow: hidden;
  overflow-y: auto;
}
.in-house-technology .box-left .items::-webkit-scrollbar {
  width: 0.5rem;
}
.in-house-technology .box-left .items::-webkit-scrollbar-track {
  border-radius: 100px;
  background: #D1D1D6;
}
.in-house-technology .box-left .items::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #af0707;
}
.in-house-technology .box-left .items .item .title {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.2;
}
.in-house-technology .box-left .items .item .desc {
  margin-top: 1.6rem;
  color: #5C5C5C;
}
.in-house-technology .box-left .items .item:not(:last-child) {
  margin-bottom: 5rem;
}
.in-house-technology .box-right h3 {
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: -0.072rem;
  line-height: 1.2;
}
.in-house-technology .box-right ul {
  font-weight: 500;
  list-style-position: inside;
}

.products-section {
  padding-block: 10rem;
}
.products-section .head {
  position: relative;
}
.products-section .head .filter-toggle {
  gap: 1.2rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  align-items: center;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 1.8rem;
}
.products-section .head .filter-toggle svg path {
  fill: #000;
}
.products-section .head .filter-toggle.active {
  color: #EE1F33;
}
.products-section .head .filter-toggle.active svg path {
  fill: #EE1F33;
}
.products-section .head .filter-panel {
  -webkit-transition: all 0.35s;
  position: absolute;
  top: calc( 100% + 2rem );
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  transition: all 0.35s;
  background: #F6F6F6;
  padding: 3rem;
  width: 100%;
  height: auto;
}
.products-section .head .filter-panel.active {
  visibility: visible;
  opacity: 1;
}

.section-services {
  padding: 5rem 0 10rem;
  overflow: hidden;
}
.section-services .box-content {
  padding-top: 3rem;
}
.section-services .accordions {
  display: none;
  margin-top: 5rem;
}
@media (max-width: 991px) {
  .section-services .accordions {
    display: block;
  }
}
.section-services .accordions .accordion-item {
  cursor: pointer;
  font-family: "FS Elliot Pro";
  font-size: 3.6rem;
  font-weight: normal;
  letter-spacing: -0.072rem;
}
.section-services .accordions .accordion-item:not(:last-child) {
  margin-bottom: 1.2rem;
}
.section-services .accordions .accordion-item.active .accordion-heading {
  text-stroke: 1px currentColor;
  -webkit-text-stroke: 1px currentColor;
  color: #EE1F33;
}
.section-services .accordions .accordion-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-services .accordions .accordion-content {
  padding-block: 3rem;
  display: none;
}
.section-services .my-tabs {
  display: none;
}
@media (min-width: 992px) {
  .section-services .my-tabs {
    display: block;
  }
}
@media (max-width: 991px) {
  .section-services .slider-thumb .swiper-slide {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.section-services .slider-thumb .swiper-slide .title {
  cursor: pointer;
  font-family: "FS Elliot Pro";
  font-size: 3.6rem;
  font-weight: normal;
  letter-spacing: -0.072rem;
}
.section-services .slider-thumb .swiper-slide-thumb-active .title {
  text-stroke: 1px currentColor;
  -webkit-text-stroke: 1px currentColor;
  color: #EE1F33;
}

.banner-subpage {
  padding-block: 10rem;
  display: flex;
  position: relative;
  align-items: center;
  margin: 5rem 5rem 0;
  background: #231F20;
  min-height: 64rem;
}
@media (max-width: 1279px) {
  .banner-subpage {
    margin: 3rem 3rem 0;
  }
}
.banner-subpage .content {
  margin-inline: -3.5rem;
  max-width: 77.2rem;
  color: #fff;
}
@media (max-width: 1279px) {
  .banner-subpage .content {
    margin-inline: 0;
  }
}
.home-contact{
	overflow: hidden;
}
.home-contact .desc{
	font-size: 1.9rem;
}
.banner-subpage .content .subtitle {
  margin-bottom: 2rem;
}
.banner-subpage .content .desc {
  margin-top: 1.6rem;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: -0.12rem;
}

.padding-bottom-360 {
  padding-bottom: 36rem !important;
}

.section-partners-top {
  margin-top: -17rem;
  overflow: hidden;
}
.section-partners-top .swiper-container {
  overflow: visible;
}

.partner-item {
  display: block;
  position: relative;
  border: 1px solid #D1D1D6;
  background: #fff;
  padding-top: 100%;
}
.partner-item img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  padding: 5rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.partner-item:hover img {
  transform: scale(1.1);
}

.section-partners {
  padding-block: 10rem;
}
.section-partners .partner-item {
  border: none;
}
.section-partners .partner-item img {
  padding: 3rem;
}

.padding-bottom-360 {
  padding-bottom: 36rem !important;
}

.news-events-top {
  margin-top: -24rem;
  padding-bottom: 10rem;
}
.news-events-top .news-card .content .title {
  font-size: 2.8rem;
}

.news-card .img-box {
  display: block;
  position: relative;
  padding-top: 63.6505460218%;
  overflow: hidden;
}
.news-card .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-card .content {
  padding-top: 3rem;
}
.news-card .content .date {
  color: #5C5C5C;
  font-size: 1.5rem;
}
.news-card .content .title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-top: 1.2rem;
  overflow: hidden;
  font-size: 2.2rem;
  font-weight: 500;
  text-overflow: ellipsis;
}
.news-card .content .desc {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-top: 1.6rem;
  overflow: hidden;
  color: #5C5C5C;
  text-overflow: ellipsis;
}
.news-card .content .btn-group {
  margin-top: 3rem;
}
.news-card:hover .img-box img {
  transform: scale(1.1);
}

.news-events {
  padding-block: 10rem;
  border-top: 1px solid rgba(92, 92, 92, 0.5);
}

.hero-banner{
	overflow: hidden;
}

.hero-banner .swiper-slide {
  display: flex;
  position: relative;
  align-items: center;
  z-index: 1;
  min-height: calc(100vh - 8rem);
}
.hero-banner .swiper-slide:after {
  inset: 0;
  position: absolute;
  z-index: -1;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 58.41%, rgba(0, 0, 0, 0.5) 100%);
  width: 100%;
  height: 100%;
  content: "";
}
.hero-banner .swiper-slide .content {
  padding-block: 10rem;
  max-width: 90.3rem;
  color: #fff;
}
.hero-banner .swiper-slide .content .title-lg{
	text-transform: capitalize;
}
.hero-banner .swiper-slide .content .desc {
  max-width: 77.2rem;
	font-size: 2rem;
}
@media (max-width: 767px) {
  .hero-banner .swiper-slide .content {
    text-align: center;
  }
  .hero-banner .swiper-slide .content .btn-group {
    justify-content: center;
  }
}
.hero-banner .slider {
  position: relative;
}
.hero-banner .slider .swiper-pagination {
  bottom: 2rem;
}

.home-about {
  padding-block: 10rem;
  overflow: hidden;
}
.home-about .head {
  gap: 3rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.home-about .head .left {
  max-width: 103.5rem;
}
.home-about .head .desc{
	font-size: 2rem;
	text-align: justify;
}
@media (max-width: 767px) {
  .home-about .head {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.home-about .swiper-container {
  overflow: visible;
}
.home-about .swiper-container .swiper-slide {
  transition: all 1s;
}
.home-about .swiper-container .swiper-slide:hover {
  transform: scale(1.08);
  z-index: 9;
}
.home-about .swiper-container .swiper-slide:hover .box-img img {
  transform: scale(1.1);
}
.home-about .swiper-container .swiper-slide:hover .explore-btn {
  opacity: 1;
}

.swiper-nav {
  gap: 1.7rem;
  display: flex;
  align-items: center;
  margin-top: 3rem;
  width: 100%;
}
.swiper-nav .custom-pagination {
  flex: 1;
  margin-top: 0;
  background: #D1D1D6;
  width: 100%;
  max-width: 100%;
}
.swiper-nav .custom-pagination .swiper-pagination-progressbar-fill {
  background: #231F20 !important;
}
.swiper-nav .swiper-btn {
  flex-shrink: 0;
}

.about-card .wrap {
  display: block;
  position: relative;
  z-index: 1;
}
.about-card .wrap:after {
  inset: 0;
  position: absolute;
  z-index: -1;
  background: linear-gradient(179deg, rgba(0, 0, 0, 0) 30.28%, rgba(0, 0, 0, 0.7) 82.91%);
  width: 100%;
  height: 100%;
  content: "";
}
.about-card .wrap .box-img {
  display: block;
  position: relative;
  padding-top: 116.6666666667%;
  overflow: hidden;
}
.about-card .wrap .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-card .wrap .content {
  inset: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: flex-end;
  padding: 5rem;
  width: 100%;
  height: 100%;
  color: #fff;
}
@media (max-width: 767px) {
  .about-card .wrap .content {
    padding: 3rem;
  }
}
.about-card .wrap .content .title {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.2;
}
.about-card .wrap .explore-btn {
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  place-items: center;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
  transition: all 1s;
  border-radius: 50%;
  background: #EE1F33;
  width: 10rem;
  height: 10rem;
  color: #fff;
  font-weight: 700;
}

.energy-ecosystem {
  position: relative;
  margin-top: 10rem;
  padding-right: 1.5rem;
  overflow: hidden;
}
.energy-ecosystem .item .desc{
	font-size: 2rem;
	text-align: justify;
}
@media (min-width: 1280px) {
  .energy-ecosystem {
    padding-right: calc(calc(100vw - calc(1565/1920 *100vw))/2);
  }
}
@media (min-width: 1920px) {
  .energy-ecosystem {
    padding-right: calc(calc(100vw - 156.5rem)/2);
  }
}
@media (min-width: 2600px) {
  .energy-ecosystem {
    padding-right: calc(calc(260rem - 156.5rem)/2);
  }
}
@media (max-width: 991px) {
  .energy-ecosystem {
    padding-left: 1.5rem;
  }
}
@media (min-width: 992px) {
  .energy-ecosystem {
    padding-block: 10rem;
  }
}
.energy-ecosystem .box-content .items .item .title-card, .energy-ecosystem .box-content .items .item .our-global-popup-content .title, .our-global-popup-content .energy-ecosystem .box-content .items .item .title {
  margin-bottom: 1.6rem;
}
.energy-ecosystem .box-content .items .item:not(:last-child) {
  margin-bottom: 3rem;
}
.energy-ecosystem .box-content .btn-group {
  margin-top: 4.6rem;
}
.energy-ecosystem .bg-box {
  position: absolute;
  top: 0;
  right: 0;
/*   padding-right: 1.5rem; */
  width: 100%;
  height: 100%;
}
.energy-ecosystem .bg-box .bg {
  width: 100%;
  height: 100%;
}
.energy-ecosystem .bg-box .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1280px) {
  .energy-ecosystem .bg-box {
/*     padding-right: calc(calc(100vw - calc(1565/1920 *100vw))/2); */
  }
}
@media (min-width: 1920px) {
  .energy-ecosystem .bg-box {
/*     padding-right: calc(calc(100vw - 156.5rem)/2); */
  }
}
@media (min-width: 2600px) {
  .energy-ecosystem .bg-box {
/*     padding-right: calc(calc(260rem - 156.5rem)/2); */
  }
}
@media (max-width: 991px) {
  .energy-ecosystem .bg-box {
    display: none;
  }
}

.why-choose-us {
  padding-left: 1.5rem;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .why-choose-us {
    padding-left: calc(calc(100vw - calc(1565/1920 *100vw))/2);
  }
}
@media (min-width: 1920px) {
  .why-choose-us {
    padding-left: calc(calc(100vw - 156.5rem)/2);
  }
}
@media (min-width: 2600px) {
  .why-choose-us {
    padding-left: calc(calc(260rem - 156.5rem)/2);
  }
}
.why-choose-us .item {
  text-align: center;
}
.why-choose-us .item .icon {
  margin: 0 auto;
  width: 8rem;
  height: 8rem;
}
.why-choose-us .item .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.why-choose-us .item .title-card, .why-choose-us .item .our-global-popup-content .title, .our-global-popup-content .why-choose-us .item .title {
  margin-top: 3rem;
}
.why-choose-us .item .desc {
  margin-top: 1.6rem;
}

.product-card .box-img {
  display: block;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.product-card .box-img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-card .content {
  text-align: center;
}
.product-card .content .btn-group {
  justify-content: center;
  margin-top: 3rem;
}
.product-card:hover .box-img img {
  transform: scale(1.1);
}

.our-global-outreach {
  position: relative;
  z-index: 1;
  background: radial-gradient(50% 49.9% at 49.86% 50%, #EBEBEC 20%, #D6D6D9 48%, #BEBEC3 75%);
  padding-top: 10rem;
}
.our-global-outreach .desc{
	font-size: 1.9rem;
}
.our-global-outreach::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(../images/bg-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  content: "";
}
.our-global-outreach .content-container svg {
  width: 100%;
  height: auto;
}
.our-global-outreach .flag-path.disable {
  opacity: 0.3;
}
.our-global-outreach .flag-path.active {
  opacity: 1;
}
.our-global-outreach path:not(.none-flag) {
  mix-blend-mode: unset !important;
}
.our-global-outreach path {
  pointer-events: none;
}
.our-global-outreach .map-path.disable {
  fill: #b9b9b9;
}
.our-global-outreach .path-toggle {
  cursor: pointer;
  pointer-events: auto;
}
.our-global-outreach .path-toggle.disable {
  fill: #B9B9B9;
}

.our-global-popup-content {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  background: #af0707;
  padding: 3rem;
  width: 100%;
  max-width: 37.8rem;
  overflow: hidden;
  color: #fff;
}
.our-global-popup-content .title {
  margin-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .our-global-popup-content {
    transform: translateX(10rem);
  }
}
.our-global-popup-content.active {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 768px) {
  .our-global-popup-content.active {
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .our-global-popup-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 80%;
    max-width: 300px;
  }
}
@media not all and (min-width: 1024px){
  .max-lg\:mt-5{
    margin-top: 5rem;
  }
}
@media not all and (min-width: 768px){
  .max-md\:mt-5{
    margin-top: 5rem;
  }
}
@media (min-width: 640px){
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px){
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
/*# sourceMappingURL=main.css.map */