.header-wrap {
  padding: 0 30px;
  width: 100%;
  top: 0; /* Default position */
  opacity: 1; /* Default visible */
  position: relative; /* Default state */
  transform: translateY(0); /* Start fully visible */
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  /* Adjust for WordPress admin bar */
}
.header-wrap.sticky-header {
  position: fixed; /* Only sticky when scrolling up */
  opacity: 1; /* Fully visible */
  transform: translateY(0); /* Slide back in */
}
.header-wrap.hidden {
  position: fixed; /* Only sticky when scrolling up */
  transform: translateY(-100%); /* Slide out of view */
}
@media only screen and (max-width: 767px) {
  .header-wrap {
    padding: 0 20px;
  }
}
body.admin-bar .header-wrap {
  top: 32px; /* Ensure proper spacing when logged in */
}

header {
  margin-top: 57px;
}
@media only screen and (max-width: 767px) {
  header {
    margin-top: 44px;
  }
}
header .inside-header {
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(12px);
  border-radius: 10px;
}
header .inside-header .menu-toggle {
  background-color: #FDFDF1;
  color: #141412;
  border-radius: 3px;
}
header .inside-header .menu-toggle:hover {
  background-color: #FDFDF1;
  color: #141412;
}
header .main-nav .contact a {
  background-color: #A2674F;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
header .main-nav .contact a::after {
  content: "";
  display: block;
  background-image: url("../img/arrow.svg");
  width: 13px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
}

.slideout-navigation.do-overlay .inside-navigation {
  padding: 0 !important;
  max-width: 100% !important;
}
.slideout-navigation.do-overlay .slideout-menu li {
  text-align: left !important;
}
.slideout-navigation.do-overlay .slideout-exit {
  position: absolute !important;
  padding: 10px !important;
}
.slideout-navigation.do-overlay .slideout-exit:before {
  content: "close";
  font-size: 14px;
  margin-right: 10px;
}
.slideout-navigation.do-overlay .slideout-exit .gp-icon svg {
  font-size: 14px;
}
.slideout-navigation.do-overlay .main-nav {
  margin-bottom: 0 !important;
  border-top: 1px solid #E7E8DE;
  margin-top: 57px;
}
.slideout-navigation.do-overlay .mobile-overlay-footer {
  position: fixed;
  z-index: -1;
}

.news-home a,
.more-news a {
  text-decoration: none;
}

.newsletter-home .wpcf7-form .wpcf7-email {
  border: 0;
  border-bottom: 1px solid #000;
  width: calc(100% - 150px);
  height: 40px;
  padding: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  color: #141412;
}
.newsletter-home .wpcf7-form .wpcf7-email:focus, .newsletter-home .wpcf7-form .wpcf7-email:active {
  background: transparent;
  color: #000;
  outline: 0;
}
@media only screen and (max-width: 1024px) {
  .newsletter-home .wpcf7-form .wpcf7-email {
    width: 100%;
  }
}
.newsletter-home .wpcf7-form .wpcf7-submit {
  background-color: #141412;
  width: 141px;
  position: absolute;
  top: 26px;
  right: 0;
}
@media only screen and (max-width: 1024px) {
  .newsletter-home .wpcf7-form .wpcf7-submit {
    position: relative;
    margin: 0 auto;
  }
}
.newsletter-home .wpcf7-form .wpcf7-response-output {
  position: relative;
  color: #ff0000;
}

@media only screen and (max-width: 1024px) {
  #what-we-can-do-section .what-we-can-do-grid {
    flex-wrap: nowrap;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #what-we-can-do-section .what-we-can-do-grid .gb-grid-column {
    min-width: 300px;
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  #our-product-slide .our-product-grid {
    flex-wrap: nowrap;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #our-product-slide .our-product-grid .gb-grid-column {
    min-width: 300px;
    width: 100%;
  }
}

#products-bg-change .gb-button {
  cursor: pointer;
}
#products-bg-change .gb-button.active {
  border-color: #a2674f;
  background-color: #a2674f;
  color: #ffffff;
}

h1.title em {
  color: #A2674F;
}

.blog-page .sidebar-blog {
  position: sticky;
  top: 100px;
}
.blog-page .sidebar-blog a {
  text-decoration: none;
}
.blog-page .sidebar-blog a.highlight {
  color: #FDFDF1;
}

body.single-post {
  background-color: #FDFDF1;
}

form.wpcf7-form {
  width: 100%;
  position: relative;
}
form.wpcf7-form .formfields {
  width: 100%;
  position: relative;
}
form.wpcf7-form .formfields p {
  margin: 0;
}
form.wpcf7-form .formfields.submit {
  margin-top: 30px;
}
form.wpcf7-form .formfields.message .wpcf7-not-valid-tip {
  top: -15px;
  position: absolute;
}
form.wpcf7-form .wpcf7-text,
form.wpcf7-form .wpcf7-email {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  width: 100%;
  color: #fff;
  padding: 15px 0;
}
form.wpcf7-form .wpcf7-text:focus,
form.wpcf7-form .wpcf7-email:focus {
  background: transparent;
  color: #fff;
  outline: 0;
}
form.wpcf7-form .wpcf7-textarea {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  width: 100%;
  color: #fff;
  padding: 15px 0;
}
form.wpcf7-form .wpcf7-textarea:focus {
  background: transparent;
  color: #fff;
  outline: 0;
}
form.wpcf7-form .wpcf7-form-control {
  color: #fff;
}
form.wpcf7-form .wpcf7-form-control:focus {
  background: transparent;
  color: #fff;
  outline: 0;
}
form.wpcf7-form .wpcf7-form-control:focus-visible {
  outline: 0;
}
form.wpcf7-form label {
  color: #534D4F;
  font-size: 18px;
  line-height: 25.2px;
  font-weight: 400;
}
form.wpcf7-form .wpcf7-submit {
  background-color: #A2674F;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 17.52px;
  background-image: url("../img/arrow.svg");
  background-size: 13px 15px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  width: 112px;
  height: 40px;
  padding: 0;
  text-align: left;
  padding-left: 16px;
}
form.wpcf7-form .wpcf7-submit:hover, form.wpcf7-form .wpcf7-submit:focus, form.wpcf7-form .wpcf7-submit:active {
  background-color: #A2674F;
  background-image: url("../img/arrow.svg");
  background-size: 13px 15px;
  background-repeat: no-repeat;
  background-position: right 10px center;
}
form.wpcf7-form label {
  display: none;
}
form.wpcf7-form .wpcf7-form-control-wrap {
  padding-bottom: 15px;
}
form.wpcf7-form .wpcf7-not-valid-tip {
  font-size: 14px;
  line-height: 19.6px;
  color: #ff0000;
  position: absolute;
  top: 0;
  right: 0;
}
form.wpcf7-form .wpcf7-response-output {
  color: #FDFDF1;
  font-size: 14px;
  line-height: 19.6px;
  border: 0;
  position: absolute;
  bottom: 40px;
  padding: 0;
  margin: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  form.wpcf7-form .wpcf7-response-output {
    position: relative;
    bottom: 0;
  }
}

@media only screen and (max-width: 1024px) {
  #sustainability-section .sustainability-grid {
    padding-left: 10px;
    padding-right: 30px;
    flex-wrap: nowrap;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #sustainability-section .sustainability-grid .gb-grid-column {
    max-width: 300px;
  }
}

.hover-panel__right {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 2;
  right: calc(-50% + 45px);
  transition: right 0.3s ease;
  z-index: 100;
}
.hover-panel__right:hover {
  right: 0;
  width: 50%;
}
.hover-panel__right:hover .hover-me,
.hover-panel__right:hover .video-panel {
  z-index: 100;
}
.hover-panel__right:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.hover-panel__right:hover:before {
  opacity: 1;
}
.hover-panel__left {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 2;
  left: calc(-50% + 65px);
  transition: left 0.3s ease;
  z-index: 100;
}
.hover-panel__left:hover {
  left: 0;
  width: 50%;
}
.hover-panel__left:hover .hover-me,
.hover-panel__left:hover .video-panel {
  z-index: 100;
}
.hover-panel__left:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.hover-panel__left:hover:before {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .map-bg {
    position: relative;
    margin-left: -100px;
    margin-top: -200px;
  }
}
.map-bg #India {
  position: absolute;
  top: 395px;
  left: 140px;
  cursor: pointer;
}
.map-bg #India:hover figure {
  background-image: url("../img/hover-img-map.svg");
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
}
.map-bg #India:hover figure img {
  display: none;
}
.map-bg #India:hover:before {
  content: "";
  background-image: url("../img/india.svg");
  background-repeat: no-repeat;
  width: 83px;
  height: 41px;
  background-size: contain;
  position: absolute;
  position: absolute;
  top: -50px;
  left: -26px;
}
.map-bg #Bangladesh {
  position: absolute;
  top: 372px;
  left: 242px;
  cursor: pointer;
}
.map-bg #Bangladesh:hover figure {
  background-image: url("../img/hover-img-map.svg");
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
}
.map-bg #Bangladesh:hover figure img {
  display: none;
}
.map-bg #Bangladesh:hover:before {
  content: "";
  background-image: url("../img/Bangladesh.svg");
  background-repeat: no-repeat;
  width: 146px;
  height: 37px;
  background-size: contain;
  position: absolute;
  position: absolute;
  top: -50px;
  left: -54px;
}
.map-bg #Cambodia {
  position: absolute;
  top: 474px;
  left: 306px;
  cursor: pointer;
}
.map-bg #Cambodia:hover figure {
  background-image: url("../img/hover-img-map.svg");
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
}
.map-bg #Cambodia:hover figure img {
  display: none;
}
.map-bg #Cambodia:hover:before {
  content: "";
  background-image: url("../img/Cambodia.svg");
  background-repeat: no-repeat;
  width: 97px;
  height: 31px;
  background-size: contain;
  position: absolute;
  top: -41px;
  left: -33px;
}
.map-bg #Indonesia {
  position: absolute;
  top: 560px;
  left: 397px;
  cursor: pointer;
}
.map-bg #Indonesia:hover figure {
  background-image: url("../img/hover-img-map.svg");
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
}
.map-bg #Indonesia:hover figure img {
  display: none;
}
.map-bg #Indonesia:hover:before {
  content: "";
  background-image: url("../img/Indonesia.svg");
  background-repeat: no-repeat;
  width: 97px;
  height: 31px;
  background-size: contain;
  position: absolute;
  top: -41px;
  left: -34px;
}
.map-bg #Vietnam {
  position: absolute;
  top: 421px;
  left: 368px;
  cursor: pointer;
}
.map-bg #Vietnam:hover figure {
  background-image: url("../img/hover-img-map.svg");
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
}
.map-bg #Vietnam:hover figure img {
  display: none;
}
.map-bg #Vietnam:hover:before {
  content: "";
  background-image: url("../img/Vietnam.svg");
  background-repeat: no-repeat;
  width: 81px;
  height: 29px;
  background-size: contain;
  position: absolute;
  top: -39px;
  left: -26px;
}
.map-bg #China {
  position: absolute;
  top: 306px;
  left: 331px;
  cursor: pointer;
}
.map-bg #China:hover figure {
  background-image: url("../img/hover-img-map.svg");
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
}
.map-bg #China:hover figure img {
  display: none;
}
.map-bg #China:hover:before {
  content: "";
  background-image: url("../img/China.svg");
  background-repeat: no-repeat;
  width: 69px;
  height: 29px;
  background-size: contain;
  position: absolute;
  top: -39px;
  left: -20px;
}


.map-bg #Korea {
    position: absolute;
    top: 285px;
    left: 461px;
    cursor: pointer;
}
.map-bg #Korea:hover figure {
  background-image: url("../img/hover-img-map.svg");
  background-repeat: no-repeat;
  width: 29px;
  height: 29px;
}
.map-bg #Korea:hover figure img {
  display: none;
}
.map-bg #Korea:hover:before {
  content: "";
  background-image: url("../img/Korea.svg");
  background-repeat: no-repeat;
  width: 80px;
  height: 40px;
  background-size: contain;
  position: absolute;
  top: -39px;
  left: -25px
}
.site-footer a {
  text-decoration: none;
}
.site-footer .newsletter-footer .wp-block-contact-form-7-contact-form-selector {
  width: 100%;
}
.site-footer .newsletter-footer .wp-block-contact-form-7-contact-form-selector p {
  padding: 0;
  margin: 0;
}
.site-footer .newsletter-footer .wp-block-contact-form-7-contact-form-selector .wpcf7-email {
  border: 0;
  border-bottom: 1px solid #E7E8DE;
  width: 100%;
  height: 40px;
  padding: 0;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  color: #141412;
  font-size: 14px;
  line-height: 22.4px;
}
.site-footer .newsletter-footer .wp-block-contact-form-7-contact-form-selector .wpcf7-email:focus, .site-footer .newsletter-footer .wp-block-contact-form-7-contact-form-selector .wpcf7-email:active {
  background: transparent;
  color: #000;
  outline: 0;
}
.site-footer .newsletter-footer .wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
  background-color: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 26px;
  right: 0;
  color: transparent;
  border: 0;
}
.site-footer .newsletter-footer .wp-block-contact-form-7-contact-form-selector .wpcf7-submit:hover {
  background-color: transparent;
}
.site-footer .newsletter-footer .wp-block-contact-form-7-contact-form-selector .wpcf7-response-output {
  position: relative;
  color: #ff0000;
}

.wp-block-video {
  width: 100%;
}

.gb-grid-column-591926bb .gb-container :nth-child(3) {
    min-height: 140px;
}

/*# sourceMappingURL=style.css.map    */