/* oswald-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v53-latin-300.woff2') format('woff2');
}

/* oswald-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v53-latin-regular.woff2') format('woff2');
}

/* oswald-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v53-latin-500.woff2') format('woff2');
}

/* oswald-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v53-latin-600.woff2') format('woff2');
}

/* oswald-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v53-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/quicksand-v36-latin-300.woff2') format('woff2');
}

/* quicksand-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v36-latin-regular.woff2') format('woff2');
}

/* quicksand-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand-v36-latin-500.woff2') format('woff2');
}

/* quicksand-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/quicksand-v36-latin-600.woff2') format('woff2');
}

/* quicksand-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v36-latin-700.woff2') format('woff2');
}

:root {
  --bs-primary: #268C3D;
  --bs-primary-hover: #1c7a32;
  --bs-primary-rgb: 214, 170, 119;
  --bs-danger: #D2232A;
  --bs-danger-rgb: 210, 35, 42;
  --bs-dark: #232323;
  --bs-DCE0E3: #DCE0E3;
  --bs-8C8C8C: #8C8C8C;
  --bs-font-sans-serif: "Quicksand", sans-serif !important;
  --bs-font-monospace: "Oswald", sans-serif !important;
  --bs-font-weight-300: 300;
  --bs-font-weight-400: 400;
  --bs-font-weight-500: 500;
  --bs-font-weight-600: 600;
  --bs-font-weight-700: 700;
  --bs-box-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.25);
  --bs-box-shadow-lg: 0 4px 10px rgba(0, 0, 0, 0.25);
  --swiper-theme-color: var(--bs-dark);
  --swiper-pagination-bullet-inactive-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-inactive-opacity: 0.5;
  --swiper-pagination-bottom: 20px;
  --swiper-navigation-size: 40px;
  --swiper-pagination-bullet-horizontal-gap: 2px;
  --section-padding-x: 70px;
  --section-margin-bottom: 60px;
}

html {
  box-sizing: border-box;
}

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

a {
  color: var(--bs-dark);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

a:hover {
  text-decoration: none;
}

p {
  margin-bottom: 0;
}

p:empty {
  display: none;
}

ul {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--bs-dark);
  font-family: var(--bs-font-monospace);
  font-weight: var(--bs-font-weight-600);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 120%;
}

textarea {
  resize: none;
}

body {
  overflow-x: hidden;
  background-color: var(--bs-DCE0E3);
  font-family: var(--bs-font-sans-serif);
  font-size: 16px;
  font-weight: var(--bs-font-weight-500);
  line-height: 120%;
  position: relative;
  color: var(--bs-8C8C8C);
  padding-top: 30px;
}

/* HEADING */

.font-sans-serif {
  font-family: var(--bs-font-sans-serif) !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.heading-01 {
  font-size: 54px;
}

.heading-02 {
  font-size: 32px;
}

.heading-03 {
  font-size: 24px;
}

.heading-04 {
  font-size: 20px;
}

.heading-05 {
  font-size: 18px;
}

.heading-06 {
  font-size: 14px;
}

.small {
  font-size: 12px;
}

/* COLOR */

.text-dark {
  color: var(--bs-dark) !important;
}

.text-base {
  color: var(--bs-8C8C8C) !important;
}

/* BUTTON */

.btn {
  --bs-btn-padding-x: 16px;
  --bs-btn-padding-y: 16px;
  --bs-btn-font-size: 14px;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 16px;
  --bs-btn-border-radius: 50px;
  --bs-btn-border-width: 2px;
  --bs-btn-box-shadow: rgba(var(--bs-dark-rgb), 0.05) 0 6px 12px 2px;
  --bs-btn-focus-box-shadow: var(--bs-btn-box-shadow);
  box-shadow: none !important;
  min-width: 180px;
  text-transform: capitalize;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-hover-border-color: var(--bs-primary-hover);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-primary-hover);
  --bs-btn-active-border-color: var(--bs-primary-hover);
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}

.btn-outline-primary:hover img,
.btn-outline-primary:focus img {
  filter: brightness(0) invert(1);
}

.btn-outline-light {
  --bs-btn-color: var(--bs-white);
  --bs-btn-border-color: var(--bs-white);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-white);
  --bs-btn-hover-border-color: var(--bs-white);
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: var(--bs-dark);
  --bs-btn-active-bg: var(--bs-white);
  --bs-btn-active-border-color: var(--bs-white);
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-white);
  --bs-gradient: none;
}

/* FORM */

.form-control {
  color: var(--bs-dark);
  padding: 24px;
  border-color: var(--bs-8C8C8C);
  line-height: 20px;
  border-radius: 40px;
  box-shadow: none !important;
}

.form-control:focus {
  border-color: var(--bs-8C8C8C);
}

.form-control::-webkit-input-placeholder {
  color: var(--bs-8C8C8C);
}

.form-control::-moz-placeholder {
  color: var(--bs-8C8C8C);
}

.form-control:-ms-input-placeholder {
  color: var(--bs-8C8C8C);
}

.form-control:-moz-placeholder {
  color: var(--bs-8C8C8C);
}


/* HEADER */

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

/* NAVBAR */

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 30px 0;
  --bs-navbar-color: rgba(var(--bs-black-color-rgb), 1);
  --bs-navbar-hover-color: rgba(var(--bs-danger-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-danger-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 25px;
  --bs-navbar-toggler-padding-y: 10px;
  --bs-navbar-toggler-padding-x: 10px;
  --bs-navbar-toggler-font-size: 16px;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.916687 2.125C0.916687 1.36445 1.53114 0.75 2.29169 0.75H18.7917C19.5522 0.75 20.1667 1.36445 20.1667 2.125C20.1667 2.88555 19.5522 3.5 18.7917 3.5H2.29169C1.53114 3.5 0.916687 2.88555 0.916687 2.125ZM0.916687 9C0.916687 8.23945 1.53114 7.625 2.29169 7.625H18.7917C19.5522 7.625 20.1667 8.23945 20.1667 9C20.1667 9.76055 19.5522 10.375 18.7917 10.375H2.29169C1.53114 10.375 0.916687 9.76055 0.916687 9ZM20.1667 15.875C20.1667 16.6355 19.5522 17.25 18.7917 17.25H2.29169C1.53114 17.25 0.916687 16.6355 0.916687 15.875C0.916687 15.1145 1.53114 14.5 2.29169 14.5H18.7917C19.5522 14.5 20.1667 15.1145 20.1667 15.875Z' fill='white'/%3E%3C/svg%3E%0A");
  --bs-navbar-toggler-border-color: 0;
  --bs-navbar-toggler-border-radius: 40px;
  --bs-navbar-toggler-focus-width: 0;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
}

.navbar-toggler {
  background-color: var(--bs-white);
  color: var(--bs-black);
  font-weight: var(--bs-font-weight-500);
  height: 62px;
  width: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  margin-right: 20px;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 42px;
  width: 42px;
  background-color: #000;
  border-radius: 50%;
  background-size: 22px;
}

.navbar-nav {
  --bs-nav-link-padding-x: 25px;
  --bs-nav-link-padding-y: 32px;
  --bs-nav-link-font-weight: var(--bs-font-weight-500);
  --bs-nav-link-color: var(--bs-8C8C8C);
  --bs-nav-link-hover-color: var(--bs-danger);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  background-color: var(--bs-white);
  border-radius: 0 50px 0 36px;
  position: relative;
  padding-left: var(--bs-nav-link-padding-x);
  padding-right: var(--bs-nav-link-padding-x);
}

.navbar-nav::after,
.navbar-nav::before {
  content: "";
  position: absolute;
  background-image: url("../images/menu-pattern.svg");
  background-repeat: no-repeat;
  height: 60px;
  width: 60px;
}

.navbar-nav::after {
  top: 4px;
  left: -59px;
}

.navbar-nav::before {
  bottom: -60px;
  right: 4px;
}

.navbar-nav .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: capitalize;
}

.navbar-nav .nav-link::before {
  content: "";
  height: 2px;
  width: 10px;
  background-color: var(--bs-8C8C8C);
  border-radius: 2px;
}

.navbar-nav .nav-link:hover::before,
.navbar-nav .nav-link.active::before {
  background-color: var(--bs-danger);
}

/* SECTION PADDING */

.section-70 {
  padding-top: var(--section-padding-x);
  padding-bottom: var(--section-padding-x);
}

.mb-60 {
  margin-bottom: var(--section-margin-bottom);
}

/* FOOTER */

.footer {
  background-color: var(--bs-white);
}

.footer .container {
  max-width: 1180px;
}

.footer-newsletter {
  max-width: 1074px;
  margin: 0 auto;
  background-color: var(--bs-8C8C8C);
  box-shadow: var(--bs-box-shadow-lg);
  border-radius: 50px;
  padding: 64px 90px;
  display: flex;
  align-items: center;
  font-size: 28px;
  color: var(--bs-white);
  gap: 64px;
  position: relative;
}

.footer-newsletter-input-group {
  position: relative;
  width: 100%;
}

.footer-newsletter-input-group p {
  position: relative;
}

.footer-newsletter-input-group br {
  display: none;
}

.footer-newsletter-input-group .wpcf7-spinner {
  position: absolute;
}

.footer .wpcf7 form .wpcf7-response-output {
  font-size: 14px;
  margin: 30px 0 0;
}

.footer-newsletter-input-group .wpcf7-not-valid-tip {
  position: absolute;
  width: 300px;
  bottom: -60px;
  margin: 0;
}

.footer-newsletter-input-group .form-control {
  border-radius: 50px !important;
  width: 100%;
}

.footer-newsletter-input-group .btn {
  position: absolute;
  top: 50%;
  right: 12px;
  border-radius: 50px !important;
  transform: translateY(-50%);
}

.footer-top {
  padding: 36px 0 50px;
  border-bottom: 1px solid var(--bs-8C8C8C);
  max-width: 1074px;
  margin: 0 auto;
}

.footer-bottom {
  padding-top: 20px;
}

.footer-menu {
  display: flex;
  align-items: center;
  gap: 80px;
}

.footer-menu a {
  font-weight: var(--bs-font-weight-500);
  color: var(--bs-dark);
}

.footer-menu a:hover {
  color: var(--bs-danger);
}

.footer-social {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: flex-end;
}

.footer-top .row {
  max-width: 850px;
  margin: 0 auto;
}

.footer-bottom {
  padding-top: 30px;
}

.footer-bottom .footer-menu {
  gap: 30px;
  justify-content: flex-end;
}

.footer-bottom .footer-menu a {
  font-size: 14px;
}

.footer-copyright {
  font-size: 14px;
  color: var(--bs-dark);
  font-weight: var(--bs-font-weight-500);
}

/* HERO BANNER - HOME PAGE */

.section-hero-banner {
  min-height: 768px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 54px;
  border: 4px solid var(--bs-white);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.hero-banner-content {
  padding: 40px 0 24px;
  max-width: 530px;
  margin-right: 112px;
}

.hero-banner-social {
  padding-top: 54px;
  padding-left: 48px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  z-index: 1;
}

/* SECTION ABOUT US */

.section-about-us .row {
  background-color: var(--bs-white);
  border-radius: 50px;
  overflow: hidden;
}

.about-us-content {
  padding: 16px 60px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-us-image {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  height: 100%;
  width: 100%;
  min-height: 330px;
}

/* SECTION EQUIPMENT */

.section-equipment {
  padding-bottom: var(--section-padding-x);
}

.equipment-content {
  max-width: 424px;
  margin: 0 auto;
}

.equipment-content .heading-01,
.equipment-content p {
  margin-bottom: 60px;
}

.card-product-category {
  position: relative;
  border-radius: 20px;
  padding: 30px;
  background-color: var(--bs-white);
}

.card-product-category-image {
  margin-bottom: 16px;
  height: 246px;
}

.card-product-category-image img {
  box-shadow: var(--bs-box-shadow-lg);
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

:not(.swiper-slider-thumbs-next).swiper-button-next,
:not(.swiper-slider-thumbs-prev).swiper-button-prev {
  position: inherit;
  display: block;
  width: 48px;
  height: 48px;
}

.swiper-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 128px;
  margin: 70px auto 32px;
}

.section-related-product {
  padding-bottom: 40px;
}

/* SECTION WHY FPE */

.section-why-fpe {
  margin-top: 100px;
  position: relative;
}

.section-why-fpe .container {
  background-color: var(--bs-white);
  border-radius: 50px 0 0 50px;
}

.section-why-fpe .container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background-color: var(--bs-white);
  z-index: -1;
}

.why-fpe-content {
  max-width: 534px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 auto;
  padding: 60px 0;
}

.why-fpe-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50px 0 0 50px;
  overflow: hidden;
  height: 100%;
  width: 50%;
  min-height: 466px;
  position: absolute;
  top: -100px;
  right: 0;
  display: flex;
  align-items: center;
  padding: 0 120px;
}

.why-fpe-image h6 {
  font-size: 32px;
  color: var(--bs-white);
}

.why-fpe-image h6 span {
  font-size: 54px;
  margin: 16px 0;
  display: block;
}

/* SECTION OUR CLIENT - HOME PAGE */

.section-enquiry {
  background-color: rgba(var(--bs-white-rgb), 0.5);
}

.card-our-client {
  max-width: 200px;
  position: relative;
  background-color: var(--bs-white);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-shadow: 0 0 10px rgba(var(--bs-black-rgb), 0.1);
}

.enquiry-image img {
  box-shadow: var(--bs-box-shadow-lg);
  border-radius: 50px;
}

.wpcf7-not-valid-tip {
  font-size: 14px;
  margin-top: 4px;
  padding-left: 26px;
}

/* SECTION BREADRCUM */

.section-breadcrum {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 54px;
  border: 4px solid var(--bs-white);
  min-height: 388px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 12px;
}

.breadcrumb {
  --bs-breadcrumb-margin-bottom: 0;
  --bs-breadcrumb-divider-color: var(--bs-8C8C8C);
  --bs-breadcrumb-item-active-color: var(--bs-white);
  justify-content: center;
  gap: 8px 0;
}

.breadcrumb a {
  color: var(--bs-DCE0E3);
}

/* PAGE CONTACT US */

.section-contact-map {
  background-color: var(--bs-white);
  border-radius: 50px;
  margin-top: 170px;
  width: calc(100% - 100px);
}

.contact-form {
  padding: 60px;
}

.contact-map {
  position: relative;
  margin-top: -100px;
  margin-right: -100px;
  box-shadow: var(--bs-box-shadow-lg);
  height: 100%;
  border-radius: 50px;
  overflow: hidden;
  background-color: var(--bs-white);
}

.contact-map #map {
  height: 100%;
  width: 100%;
}

.section-contact-info {
  background-color: var(--bs-white);
  border-radius: 50px;
  padding: 60px;
  margin: 70px 0;
}

.card-contact-info {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.card-contact-info-image {
  width: 48px;
}

.card-contact-info-content {
  flex: 1;
  word-wrap: anywhere;
}

.card-contact-info-content h5 {
  font-size: 16px;
}

.card-category {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 510px;
  border-radius: 40px;
}

.card-category-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  min-height: 254px;
  background-color: var(--bs-white);
  border-radius: 0 40px 40px 0;
  padding: 32px;
  left: 0;
  max-width: 474px;
  width: 100%;
  display: flex;
  align-items: center;
  width: 100%;
}

.col-lg-6:nth-child(2n) .card-category-content {
  border-radius: 40px 0 0 40px;
  right: 0;
  left: auto;
  text-align: right;
}

.card-product {
  position: relative;
  background-color: var(--bs-white);
  border-radius: 40px;
  padding: 30px;
}

.card-product-image img {
  box-shadow: var(--bs-box-shadow-lg);
  border-radius: 20px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: none;
}

.product-detail-slider {
  padding: 90px 0;
  position: relative;
}

.product-detail-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: calc(200% - 90px);
  height: 100%;
  background-color: var(--bs-white);
  border-radius: 0 50px 50px 0;
}

.swiper-container {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
}

.swiper-slider-main .swiper-slide,
.swiper-slider-thumbs .swiper-slide {
  display: flex;
}

.swiper-slider-main .swiper-slide {
  align-items: center;
  justify-content: center;
}

.swiper-slider-thumbs {
  width: 88px;
  height: 400px;
}

.card-product-thumbs {
  border-radius: 20px;
  background-color: var(--bs-white);
  /* padding: 12px; */
  border: 2px solid var(--bs-DCE0E3);
  overflow: hidden;
}

.card-product-thumbs img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  /* border-radius: 16px; */
}

.swiper-slide-thumb-active .card-product-thumbs {
  border-color: var(--bs-primary);
}

.swiper-slider-main {
  background-color: var(--bs-white);
  flex: 1;
  height: 400px;
  height: 524px;
  box-shadow: var(--bs-box-shadow-lg);
  border-radius: 50px;
}

.swiper-slider-main .swiper-wrapper {
  align-items: center;
}

.swiper-slider-thumbs-next {
  right: auto;
  left: 32px;
  bottom: 4px;
  top: auto;
}

.swiper-slider-thumbs-prev {
  right: auto;
  left: 32px;
  bottom: auto;
  top: 24px;
}

.card-product-main {
  /* border-radius: 50px; */
  overflow: hidden;
  display: flex;
  padding: 32px;
  background-color: var(--bs-white);
}

.card-product-main img {
  object-fit: contain;
  object-position: center;
  display: block;
  margin: 0 auto;
}

.product-detail-content {
  max-width: 594px;
  margin-left: auto;
}

.product-detail-content .btn {
  margin-top: 32px;
}

.product-detail-description {
  margin-top: 32px;
}

.product-detail-description p {
  color: var(--bs-black);
}

.product-detail-content br,
.product-detail-description p+p {
  margin-top: 16px;
  display: block;
}

.card-no-product-main {
  background-color: var(--bs-white);
  height: 524px;
  width: 524px;
  margin-left: auto;
  box-shadow: var(--bs-box-shadow-lg);
  border-radius: 50px;
  padding: 32px;
}

.card-no-product-main img {
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.center-block-content p {
  margin-bottom: 8px;
  color: var(--bs-dark);
}

.wp-block-heading {
  margin-bottom: 16px;
  margin-top: 16px;
  color: var(--bs-dark);
}

.wp-block-list li {
  margin: 8px 0;
  color: var(--bs-dark);
}

.whoweare-content {
  max-width: 775px;
  width: 100%;
}

.whoweare-content p {
  margin-bottom: 16px;
}