@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");
* {
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus,
*:hover {
  outline: none;
  text-decoration: none;
}

figure {
  margin: 0;
}

body {
  font-family: "Instrument Sans", sans-serif;
  padding-top: 64px;
}
@media screen and (max-width: 991px) {
  body {
    padding-top: 56px;
  }
}

a {
  text-decoration: none;
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #727272;
  opacity: 1;
  /* Firefox */
}

::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #727272;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #727272;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #727272;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #727272;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #727272;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #727272;
}

::-webkit-scrollbar {
  display: none;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

button {
  border: 0;
  background: transparent;
  line-height: normal;
}

h1 {
  color: #FFF;
  text-align: center;
  font-family: "Instrument Sans", sans-serif;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }
}

h2 {
  color: #121010;
  text-align: center;
  font-family: "Instrument Sans", sans-serif;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
h2 span {
  color: #F26522;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 2rem;
  }
}

p {
  color: #736B6A;
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .desktop_img {
    display: none;
  }
}

.mobile_img {
  display: none;
}
@media screen and (max-width: 767px) {
  .mobile_img {
    display: block;
  }
}

.tag {
  display: block;
  position: relative;
  color: #F26522;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-transform: uppercase;
  padding-left: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 8px;
}
.tag::before {
  content: "";
  position: absolute;
  background: url("../../assets/img/icons/tag.svg") no-repeat center;
  height: 12px;
  width: 8px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navbar__wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1024;
}
.navbar__wrapper .primary__navbar {
  background: #fff;
  -webkit-box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
}
.navbar__wrapper .primary__navbar .navbar_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  position: relative;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .primary__navbar .navbar_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 14px 0;
  }
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_brand .brand {
  display: block;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_brand .brand img {
  width: 180px;
  height: 35px;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_brand .btnHumbuger {
  position: relative;
  width: 24px;
  height: 24px;
  display: none;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .primary__navbar .navbar_flex .navbar_brand .btnHumbuger {
    display: block;
  }
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_brand .btnHumbuger::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../../assets/img/icons/humbuger.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_brand .btnHumbuger.close::before {
  background-image: url("../../assets/img/icons/x.svg");
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap {
    position: absolute;
    left: 110%;
    top: 63px;
    width: 100vw;
    height: calc(100dvh - 63px);
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    background: #fff;
    padding: 0 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    z-index: 1024;
  }
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 40px;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 0;
    padding-top: 3.5rem;
  }
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_list li {
  margin: 0 32px 0 0;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_list li {
    margin: 0 0 24px 0;
    width: 100%;
  }
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_list li .dropdown-item:hover {
  color: #F26522;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_list li:last-child {
  margin-right: 0;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
  }
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown {
  position: relative;
  display: inline-block;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .lang_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #D9D9D9;
  border-radius: 32px;
  background: #fff;
  color: #101214;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.14px;
  cursor: pointer;
  min-width: 96px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .lang_btn {
    min-width: 120px;
  }
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .lang_btn::after {
  content: "";
  background-image: url("../../assets/img/icons/arrow-down.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto 0 auto 4px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .lang_btn.rotate::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .lang_menu {
  display: none;
  position: absolute;
  top: 110%;
  right: 0;
  min-width: 122px;
  border-radius: 8px;
  border-bottom: 1px solid #C2C2C2;
  background: #FFF;
  -webkit-box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  padding: 12px 8px;
  list-style: none;
  margin: 0;
  z-index: 1000;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .lang_menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #131313;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 18px;
  cursor: pointer;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .lang_menu li:nth-child(1) {
  margin-bottom: 28px;
  position: relative;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .lang_menu li:nth-child(1)::before {
  content: "";
  background: #F5F5F5;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -14px;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .lang_menu li:last-child {
  margin-bottom: 0;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .language_dropdown .flag {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li .btnOrange {
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap .navbar_right li:last-child {
  width: 100%;
}
.navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap.show {
  left: -36px;
}
@media screen and (max-width: 767px) {
  .navbar__wrapper .primary__navbar .navbar_flex .navbar_links_wrap.show {
    left: -12px;
  }
}
.navbar__wrapper .secondary__navbar {
  background: #FFF7F3;
  padding: 0.5rem 0;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .secondary__navbar {
    padding: 0.25rem;
    background: #FFF;
    -webkit-box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
    box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  }
}
.navbar__wrapper .secondary__navbar .navbar_list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .secondary__navbar .navbar_list_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1.5rem;
    overflow: hidden;
  }
}
.navbar__wrapper .secondary__navbar .navbar_list_wrap .nav_title {
  color: #121010;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.01rem;
  margin: 0 4rem 0 0;
  position: relative;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .secondary__navbar .navbar_list_wrap .nav_title {
    margin: 0;
  }
}
.navbar__wrapper .secondary__navbar .navbar_list_wrap .nav_title.dyes_title::after {
  display: none;
}
.navbar__wrapper .secondary__navbar .navbar_list_wrap .nav_title::after {
  content: "";
  background: #131313;
  width: 0.125rem;
  height: 1.0475rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2rem;
  margin: auto 0;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .secondary__navbar .navbar_list_wrap .nav_title::after {
    background: none;
    background-image: url("../../assets/img/icons/arrow-down.svg");
    width: 1.5rem;
    height: 1.5rem;
    right: 0;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
}
.navbar__wrapper .secondary__navbar .navbar_list_wrap .secondary_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .secondary__navbar .navbar_list_wrap .secondary_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 0;
  }
}
.navbar__wrapper .secondary__navbar .navbar_list_wrap .secondary_list .nav_item {
  margin: 0 1.5rem 0 0;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .secondary__navbar .navbar_list_wrap .secondary_list .nav_item {
    margin: 0 0 1.5rem 0;
  }
}
.navbar__wrapper .secondary__navbar .navbar_list_wrap .secondary_list .nav_item:last-child {
  margin: 0;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .secondary__navbar .navbar_list_wrap.active {
    height: auto;
  }
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .secondary__navbar .navbar_list_wrap.active .nav_title::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.navbar__wrapper .nav_link span {
  color: #121010;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .nav_link span {
    font-size: 1.125rem;
  }
}
.navbar__wrapper .nav_link:hover span {
  color: #BF4E18;
}
.navbar__wrapper .dropdown .dropdown-toggle {
  position: relative;
  color: #121010;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-right: 28px;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .dropdown .dropdown-toggle {
    width: 100%;
    text-align: left;
    font-size: 1.125rem;
  }
}
.navbar__wrapper .dropdown .dropdown-toggle::after {
  border: none;
  background-image: url("../../assets/img/icons/navbar/dropdown.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0 auto 4px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .dropdown .dropdown-toggle::after {
    right: 0;
  }
}
.navbar__wrapper .dropdown .dropdown-toggle.show {
  color: #BF4E18;
}
.navbar__wrapper .dropdown .dropdown-toggle.show::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-filter: brightness(0) saturate(100%) invert(38%) sepia(60%) saturate(6217%) hue-rotate(12deg) brightness(89%) contrast(81%);
  filter: brightness(0) saturate(100%) invert(38%) sepia(60%) saturate(6217%) hue-rotate(12deg) brightness(89%) contrast(81%);
}
.navbar__wrapper .dropdown .dropdown-toggle:hover {
  color: #BF4E18;
}
.navbar__wrapper .dropdown .dropdown-toggle:hover::after {
  -webkit-filter: brightness(0) saturate(100%) invert(38%) sepia(60%) saturate(6217%) hue-rotate(12deg) brightness(89%) contrast(81%);
  filter: brightness(0) saturate(100%) invert(38%) sepia(60%) saturate(6217%) hue-rotate(12deg) brightness(89%) contrast(81%);
}
.navbar__wrapper .dropdown .dropdown-menu {
  padding: 8px 0;
  border: none;
  border-radius: 8px;
  border-bottom: 2px solid #F26522;
  background: #FFF;
  -webkit-box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .dropdown .dropdown-menu {
    position: relative !important;
    -webkit-transform: none !important;
    transform: none !important;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
  }
}
.navbar__wrapper .dropdown .dropdown-menu li {
  margin: 0;
}
.navbar__wrapper .dropdown .dropdown-menu li .dropdown-item {
  padding: 8px 8px;
  color: #131313;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 991px) {
  .navbar__wrapper .dropdown .dropdown-menu li .dropdown-item {
    font-size: 1.125rem;
    font-weight: 400;
    padding: 8px 0 8px 16px;
  }
}
.navbar__wrapper .dropdown .dropdown-menu li .dropdown-item:hover {
  color: #F26522;
}
.navbar__wrapper .dropdown .dropdown-menu li .dropdown-item:active {
  background: transparent;
}
.navbar__wrapper .dropdown .dropdown-menu li .dropdown-item:hover {
  background: transparent;
}

footer {
  background: #131313;
  padding-block: 60px 128px;
}
@media screen and (max-width: 767px) {
  footer {
    padding-block: 40px 40px;
  }
}
footer .footer_logo {
  width: 164px;
  height: 52px;
  display: block;
}
footer h5 {
  color: #F26522;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}
footer .footer_content_wrap {
  padding-block: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767px) {
  footer .footer_content_wrap .headquarters {
    padding-bottom: 24px;
  }
}
footer .footer_content_wrap .headquarters p {
  color: #FFF;
  /* Text/Small/Normal */
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
footer .footer_content_wrap .footer_list_wrap ul {
  list-style: none;
  margin: 0;
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
footer .footer_content_wrap .footer_list_wrap ul li a {
  color: #ECECEC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}
@media screen and (max-width: 767px) {
  footer .footer_content_wrap .footer_list_wrap ul li a {
    text-decoration: underline;
  }
}
footer .footer_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  footer .footer_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
  }
}
footer .footer_bottom .privacy_content_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  footer .footer_bottom .privacy_content_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
footer .footer_bottom .privacy_content_wrap p {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
}
footer .footer_bottom .privacy_content_wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
footer .footer_bottom .privacy_content_wrap ul li a {
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
}
footer .footer_bottom .social_icon_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
footer .footer_bottom .social_icon_wrap ul li a {
  display: inline-block;
  width: 26px;
  height: 26px;
}

.btnOrange {
  border-radius: 32px;
  background: #F16523;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.btnOrange span {
  color: #FFF;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.btnOrange.btnBorderOrange {
  border: 1px solid #F26522;
  background: #FFF7F3;
}
.btnOrange.btnBorderOrange span {
  color: #131313;
}
.btnOrange.btnBorderGray {
  border: 1px solid #BCB6B5;
  background: #fff;
}
.btnOrange.btnBorderGray span {
  color: #121010;
  font-size: 1.125rem;
  font-weight: 400;
}
.btnOrange.arrow img {
  width: 0;
  height: 24px;
  margin-left: 0;
  -webkit-transition: width 0.3s ease-in-out, margin-left 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, margin-left 0.3s ease-in-out;
}
.btnOrange.arrow:hover img {
  width: 24px;
  margin-left: 8px;
}

.hero__banner__wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hero__banner__wrapper {
    height: 640px;
  }
}
.hero__banner__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), -webkit-gradient(linear, left bottom, left top, from(rgba(251, 160, 138, 0.8)), color-stop(30.15%, rgba(0, 0, 0, 0.4)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), linear-gradient(0deg, rgba(251, 160, 138, 0.8) 0%, rgba(0, 0, 0, 0.4) 30.15%);
  z-index: 1;
}
.hero__banner__wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 660px;
  position: relative;
}
.hero__banner__wrapper .hero__content_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
}
.hero__banner__wrapper .hero__content_wrap .hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.hero__banner__wrapper .hero__content_wrap .hero__content .ban_tag {
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 20.8px */
  text-transform: uppercase;
  padding-left: 12px;
}
.hero__banner__wrapper .hero__content_wrap .hero__content .ban_tag::before {
  content: "";
  width: 8px;
  height: 12px;
  background: url("../../assets/img/home/ban-arrow.svg") no-repeat center center;
  display: inline-block;
  margin-right: 8px;
  top: 0;
  left: 0;
}
.hero__banner__wrapper .hero__content_wrap .hero__content h1 {
  max-width: 740px;
  text-align: center;
}
.hero__banner__wrapper .hero__content_wrap .hero__content .hero_cta_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .hero__banner__wrapper .hero__content_wrap .hero__content .hero_cta_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    padding-top: 24px;
  }
}
.hero__banner__wrapper .hero__content_wrap .hero__content .hero_cta_wrap .primary_btn {
  max-width: 260px;
}
.hero__banner__wrapper .hero__content_wrap .hero__content .hero_cta_wrap .secondary_btn {
  max-width: 260px;
}

.home_ban .years_ban_wrap {
  position: absolute;
  top: 56px;
  right: 56px;
  z-index: 100;
}
@media screen and (max-width: 991px) {
  .home_ban .years_ban_wrap {
    top: 8px;
    right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .home_ban .years_ban_wrap {
    top: 30px;
  }
}
.home_ban .years_ban_wrap .years {
  position: relative;
}
.home_ban .years_ban_wrap .years img {
  width: 5.40738rem;
  height: 5.29231rem;
}
.home_ban .years_ban_wrap .years span {
  color: #fff;
  font-size: 2.64613rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  position: absolute;
  top: 1rem;
  left: 20px;
}
@media screen and (max-width: 767px) {
  .home_ban .years_ban_wrap .years span {
    font-size: 2rem;
    left: 24px;
  }
}
.home_ban .hero__content_wrap .hero__content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.home_ban .hero__content_wrap .hero__content h1 {
  text-align: left;
}

.why_loxim_section {
  padding-block: 5rem;
}
@media screen and (max-width: 767px) {
  .why_loxim_section {
    padding-block: 3.5rem;
  }
}
.why_loxim_section h2 {
  text-align: left;
  margin-bottom: 3rem;
}

.excellence_section {
  padding-block: 3.75rem;
  overflow: hidden;
}
.excellence_section h2 {
  text-align: left;
}
.excellence_section p {
  color: #736b6a;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.4625rem */
  max-width: 500px;
}
@media screen and (max-width: 767px) {
  .excellence_section p {
    max-width: 320px;
  }
}
.excellence_section .excellenceSwiper {
  overflow: unset;
  width: 100%;
  padding-block: 3rem 2rem;
}
@media screen and (max-width: 767px) {
  .excellence_section .excellenceSwiper {
    padding-left: 12px;
  }
}
.excellence_section .excellenceSwiper .swiper-wrapper .swiper-slide {
  height: unset;
}
.excellence_section .excellenceSwiper .swiper-wrapper .swiper-slide .we_do_card_wrap .we_do_card .we_do_img img {
  height: 5rem;
  width: auto;
}
.excellence_section .excellenceSwiper .swiper-wrapper .swiper-slide .we_do_card_wrap .we_do_card .we_do_card_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  backdrop-filter: unset;
}
.excellence_section .excellenceSwiper .swiper-wrapper .swiper-slide .we_do_card_wrap .we_do_card .we_do_card_content h5 {
  color: #121010;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.4625rem */
}
.excellence_section .excellenceSwiper .swiper-wrapper .swiper-slide .we_do_card_wrap .we_do_card .we_do_card_content p {
  color: #736b6a;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.1375rem */
}
.excellence_section .excellenceSwiper .swiper-pagination-bullet-active {
  background-color: #f26522;
}
.excellence_section .excellenceSwiper .swiper-button-next,
.excellence_section .excellenceSwiper .swiper-button-prev {
  width: 3rem;
  height: 3rem;
  top: -44px;
}
@media screen and (max-width: 767px) {
  .excellence_section .excellenceSwiper .swiper-button-next,
  .excellence_section .excellenceSwiper .swiper-button-prev {
    display: none;
  }
}
.excellence_section .excellenceSwiper .swiper-button-next::after,
.excellence_section .excellenceSwiper .swiper-button-prev::after {
  content: "";
  background: url("../../assets/img/dyes/arrow-right.svg") no-repeat;
  width: 3rem;
  height: 3rem;
}
.excellence_section .excellenceSwiper .swiper-button-prev {
  left: auto;
  right: 6%;
}
@media screen and (max-width: 1024px) {
  .excellence_section .excellenceSwiper .swiper-button-prev {
    right: 8%;
  }
}
@media screen and (max-width: 991px) {
  .excellence_section .excellenceSwiper .swiper-button-prev {
    right: 10%;
  }
}
.excellence_section .excellenceSwiper .swiper-button-prev::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.responsibility_section {
  padding-block: 5rem;
}
.responsibility_section .responsibility_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.responsibility_section .responsibility_content p {
  max-width: 46.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .responsibility_section .responsibility_content p {
    max-width: 300px;
  }
}
.responsibility_section .responsibility_wrap {
  padding-top: 3rem;
}
@media screen and (max-width: 767px) {
  .responsibility_section .responsibility_wrap .responsibility_cards_img {
    display: none;
  }
}
.responsibility_section .responsibility_wrap .responsibility_cards_img figure img {
  width: 100%;
  display: none;
  border-radius: 8px;
}
.responsibility_section .responsibility_wrap .responsibility_cards_img figure .active {
  display: block;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item {
  border-bottom: 1px solid #d9d9d9;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item:last-child {
  border-bottom: 1px solid #d9d9d9;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button {
  padding: 1rem 0;
  background: transparent;
  border: none;
  color: #121010;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button[aria-expanded=true] {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button .img_wrap {
  width: 1.5rem;
  height: 1.5rem;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button .img_wrap .normal_img {
  display: block;
}
@media screen and (max-width: 767px) {
  .responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button .img_wrap .normal_img {
    display: none;
  }
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button .img_wrap .active_img {
  display: none;
}
@media screen and (max-width: 767px) {
  .responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button .img_wrap .active_img {
    display: block;
  }
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button h5 {
  color: #736b6a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 1.2rem */
  letter-spacing: 0.01rem;
  text-transform: uppercase;
  margin: 0;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-button::after {
  display: none;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 0px 1rem 1rem 3rem;
}
@media screen and (max-width: 767px) {
  .responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0px 0rem 1rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-collapse .accordion-body ul {
    padding-left: 1.5rem;
  }
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-collapse .accordion-body ul li {
  list-style: disc;
  color: #736b6a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.3rem */
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-collapse .accordion-body .mobile_view {
  display: none;
}
@media screen and (max-width: 767px) {
  .responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item .accordion-collapse .accordion-body .mobile_view {
    display: block;
    width: 100%;
    border-radius: 0.5rem;
  }
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item.active {
  position: relative;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item.active .accordion-button h5 {
  color: #f26522;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item.active .accordion-button .img_wrap .normal_img {
  display: none;
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item.active .accordion-button .img_wrap .active_img {
  display: block;
}
@media screen and (max-width: 767px) {
  .responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item.active .accordion-button .img_wrap .active_img {
    display: block;
  }
}
.responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item.active::after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #f26522;
  -webkit-animation: activeColor 7s linear;
  animation: activeColor 7s linear;
  left: 0;
  bottom: -1px;
}
@media screen and (max-width: 767px) {
  .responsibility_section .responsibility_wrap .responsibility_cards_wrap .accordion .accordion-item.active::after {
    display: none;
  }
}
@-webkit-keyframes activeColor {
  0% {
    width: 0%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
@keyframes activeColor {
  0% {
    width: 0%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

.business_section {
  border-bottom: 1px solid #ffe3d5;
  background: #fff7f3;
  padding-block: 3.75rem;
}
.business_section h2 {
  text-align: left;
  margin-bottom: 3rem;
}
.business_section .business_card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.business_section .business_card_wrap .business_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0.5rem;
  border: 1px solid #ffe3d5;
  overflow: hidden;
  margin-bottom: 24px;
}
.business_section .business_card_wrap .business_card .img_wrap {
  max-height: 28.125rem;
  border-radius: 0.5rem 0.5rem 0 0;
  overflow: hidden;
}
.business_section .business_card_wrap .business_card .img_wrap img {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.business_section .business_card_wrap .business_card .business_card_content {
  border-top: 1px solid #ffe3d5;
  border-radius: 0 0 0.5rem 0.5rem;
  background: #fff;
  padding: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.business_section .business_card_wrap .business_card .business_card_content h5 {
  color: #121010;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.4625rem */
  position: relative;
  padding-right: 24px;
}
.business_section .business_card_wrap .business_card .business_card_content h5::after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background: url("../../assets/img/icons/orange-arrow.svg") no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  right: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .business_section .business_card_wrap .business_card .business_card_content h5::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.business_section .business_card_wrap .business_card .business_card_content p {
  color: #736b6a;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.1375rem */
}
.business_section .business_card_wrap .business_card:hover {
  border: 1px solid #f26522;
}
.business_section .business_card_wrap .business_card:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.business_section .business_card_wrap .business_card:hover .business_card_content h5 {
  color: #f26522;
}
.business_section .business_card_wrap .business_card:hover .business_card_content h5::after {
  width: 24px;
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.build_section {
  background: #fff7f3;
  padding-block: 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .build_section {
    padding-block: 40px 240px;
  }
}
.build_section .build_content_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.build_section .build_content_wrap h2,
.build_section .build_content_wrap p {
  margin: 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .build_section .build_content_wrap h2 {
    max-width: 230px;
  }
}
@media screen and (max-width: 767px) {
  .build_section .build_content_wrap p {
    font-size: 1.125rem;
  }
}
.build_section .build_content_wrap .build_cta_wrap {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .build_section .build_content_wrap .build_cta_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.build_section .build_bg_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .build_section.dyes_build_section {
    padding-block: 40px 300px;
  }
}
.build_section.dyes_build_section .build_content_wrap h2 {
  max-width: 100%;
}

.product__service_banner {
  height: 100%;
  width: 100%;
  position: relative;
  max-height: 660px;
}
@media screen and (max-width: 767px) {
  .product__service_banner {
    height: 660px;
    max-height: 660px;
  }
}
.product__service_banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(275deg, rgba(242, 101, 34, 0.2) 46.24%, #F26522 80.05%);
  z-index: 1;
}
.product__service_banner video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 660px;
  position: relative;
}
.product__service_banner .hero__content_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
}
.product__service_banner .hero__content_wrap .hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.product__service_banner .hero__content_wrap .hero__content h1 {
  color: #FFF;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 3.25rem */
  max-width: 34rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .product__service_banner .hero__content_wrap .hero__content h1 {
    font-size: 2rem;
    max-width: 20rem;
  }
}
.product__service_banner .hero__content_wrap .hero__content p {
  color: #FFF;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.4625rem */
  max-width: 34.2rem;
  padding-block: 1rem 2rem;
  text-align: left;
}

.cdmo_section {
  padding-block: 7.5rem 5rem;
}
@media screen and (max-width: 767px) {
  .cdmo_section {
    padding-block: 3.5rem 2rem;
  }
}
.cdmo_section .cdmo_content_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .cdmo_section .cdmo_content_wrap {
    gap: 2.5rem;
  }
}
.cdmo_section .cdmo_content_wrap p {
  color: #736B6A;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.4625rem */
  max-width: 57rem;
}
.cdmo_section .cdmo_content_wrap figure {
  max-width: 34.5rem;
}
.cdmo_section .cdmo_content_wrap figure img {
  width: 100%;
}

.advantages_section {
  padding-block: 5rem;
}
@media screen and (max-width: 767px) {
  .advantages_section {
    padding-block: 3.5rem;
  }
}
.advantages_section .advantages_wrap {
  padding-top: 3rem;
}
@media screen and (max-width: 767px) {
  .advantages_section .advantages_wrap {
    padding-top: 2.5rem;
  }
}
.advantages_section .advantages_wrap .we_do_card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.advantages_section .advantages_wrap .we_do_card_wrap .we_do_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0.25rem;
  border: 1px solid #FFE3D5;
  background: #FFF7F3;
  padding-bottom: 2px;
  margin-bottom: 24px;
  height: 100%;
}
.advantages_section .advantages_wrap .we_do_card_wrap .we_do_card .we_do_img {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.advantages_section .advantages_wrap .we_do_card_wrap .we_do_card .we_do_img img {
  height: 42px;
  width: 42px;
}
.advantages_section .advantages_wrap .we_do_card_wrap .we_do_card .we_do_card_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #FFE3D5;
  backdrop-filter: blur(5px);
  border-radius: 0px 0px 14px 14px;
  height: 100%;
}
.advantages_section .advantages_wrap .we_do_card_wrap .we_do_card .we_do_card_content h5 {
  color: #121010;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}

.product_listing_banner {
  height: 100%;
  width: 100%;
  position: relative;
  max-height: 18.375rem;
}
@media screen and (max-width: 767px) {
  .product_listing_banner {
    height: 15.25rem;
    max-height: 15.25rem;
  }
}
.product_listing_banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(275deg, rgba(242, 101, 34, 0.2) 46.24%, #f26522 80.05%);
  z-index: 1;
}
.product_listing_banner video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 18.375rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .product_listing_banner video {
    height: 15.25rem;
    max-height: 15.25rem;
  }
}
.product_listing_banner .hero__content_wrap .hero__content h1 {
  color: #fff;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 3.25rem */
  max-width: 34rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .product_listing_banner .hero__content_wrap .hero__content h1 {
    font-size: 2rem;
    max-width: 20rem;
  }
}
.product_listing_banner .hero__content_wrap .hero__content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.1375rem */
  text-align: left;
}

.product__listing_section {
  padding-block: 3.75rem;
}
.product__listing_section .select_mobile_wrap {
  padding-top: 32px;
}
@media screen and (min-width: 767px) {
  .product__listing_section .select_mobile_wrap {
    display: none;
  }
}
.product__listing_section .nav-tabs {
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  .product__listing_section .nav-tabs {
    display: none;
  }
}
.product__listing_section .nav-tabs .nav-link {
  background-color: transparent;
  border: none;
  color: #736b6a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.3rem */
  padding: 10px 16px;
}
.product__listing_section .nav-tabs .nav-link:focus-visible {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.product__listing_section .nav-tabs .nav-link.active {
  border-bottom: 1px solid #f26522;
  color: #121010;
}
.product__listing_section .tab-content {
  padding-top: 3rem;
  background-color: transparent;
}
.product__listing_section .tab-content .table_wrap {
  height: 100%;
  border: 1px solid #fac1a7;
  border-radius: 8px;
  width: 100%;
}
.product__listing_section .tab-content .table_wrap .table_title_wrap {
  border-bottom: 2px solid #fac1a7;
  background: #f5844e;
  padding: 0.5rem 1rem;
  border-radius: 8px 8px 0px 0px;
  width: 100%;
}
.product__listing_section .tab-content .table_wrap .table_title_wrap .title_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-inline: 1rem;
}
@media screen and (max-width: 767px) {
  .product__listing_section .tab-content .table_wrap .table_title_wrap .title_wrap {
    padding-inline: 0px;
  }
}
.product__listing_section .tab-content .table_wrap .table_title_wrap .title_wrap h6 {
  color: #fff;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.4625rem */
  margin: 0;
}
@media screen and (max-width: 767px) {
  .product__listing_section .tab-content .table_wrap .table_title_wrap .title_wrap h6 {
    font-size: 0.875rem;
  }
}
.product__listing_section .tab-content .table_wrap .table_content_wrap {
  height: 100%;
  width: 100%;
}
.product__listing_section .tab-content .table_wrap .table_content_wrap .table_row {
  height: 100%;
  background: #fff7f3;
  width: 100%;
}
.product__listing_section .tab-content .table_wrap .table_content_wrap .table_row .row .col-4 .content_wrap {
  width: 100%;
  height: 100%;
}
.product__listing_section .tab-content .table_wrap .table_content_wrap .table_row .row .col-4 .content_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.product__listing_section .tab-content .table_wrap .table_content_wrap .table_row .row .col-4 .content_wrap ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  margin-block: auto;
  padding: 1.5rem;
  color: #121010;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.3rem */
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .product__listing_section .tab-content .table_wrap .table_content_wrap .table_row .row .col-4 .content_wrap ul li {
    font-size: 0.875rem;
    padding: 1rem 0.5rem;
  }
}
.product__listing_section .tab-content .table_wrap .table_content_wrap .table_row .row .col-4:last-child .content_wrap ul li {
  padding: 1.5rem;
  color: #736b6a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.3rem */
  word-break: break-all;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .product__listing_section .tab-content .table_wrap .table_content_wrap .table_row .row .col-4:last-child .content_wrap ul li {
    font-size: 0.875rem;
    padding: 1rem 0.5rem;
  }
}
.product__listing_section .tab-content .table_wrap .table_content_wrap .table_row.secondary_bg {
  background-color: #fef0e9;
}
.product__listing_section .tab-content .table_wrap .table_content_wrap .table_row:last-child {
  border-radius: 0px 0px 8px 8px;
}

.select_wrap {
  max-width: 360px;
  position: relative;
  cursor: pointer;
}
.select_wrap.form_select {
  max-width: 100%;
}
.select_wrap.form_select input {
  border-bottom: 1px solid #d9d9d9;
}
.select_wrap.form_select .select_list_wrap ul {
  padding-inline: 0;
}
.select_wrap.form_select .select_list_wrap ul li {
  padding-inline: 8px;
  color: #131313;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.select_wrap.form_select .select_list_wrap ul li:hover {
  border-radius: 4px;
  background: #fff7f3;
}
.select_wrap input {
  width: 100%;
  height: 44px;
  padding: 10px 16px;
  border-radius: 0.25rem;
  font-size: 1rem;
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #f26522;
  background: #fff;
  cursor: pointer;
}
@media screen and (max-width: 350px) {
  .select_wrap input {
    font-size: 0.8rem;
  }
}
.select_wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../../assets/img/icons/arrow-down.svg") no-repeat;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.select_wrap.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.select_wrap .select_list_wrap {
  position: absolute;
  bottom: -170px;
  height: 170px;
  left: 0;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  overflow-y: scroll;
  display: none;
}
.select_wrap .select_list_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.select_wrap .select_list_wrap ul li {
  color: #736b6a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-block: 8px;
}
@media screen and (max-width: 350px) {
  .select_wrap .select_list_wrap ul li {
    font-size: 0.8rem;
  }
}

.value__wrapper {
  padding: 166px 0 58px 0;
  overflow: hidden;
}
.value__wrapper h2 {
  margin-bottom: 44px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .value__wrapper .container {
    padding: 0;
  }
}
.value__wrapper .value_main {
  position: relative;
  height: 26rem;
}
.value__wrapper .value_main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: url("../../assets/img/pharma/value-bg.svg") no-repeat center;
  background-size: cover;
  z-index: 0;
}
@media screen and (max-width: 991px) {
  .value__wrapper .value_main::before {
    display: none;
  }
}
.value__wrapper .value_main .value_card {
  border-radius: 4px;
  border: 4px solid #fff;
  background: #ffeee6;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
  max-width: 25.25rem;
  width: 100%;
  padding: 8px 12px;
  position: absolute;
  opacity: 0;
}
.value__wrapper .value_main .value_card .flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}
.value__wrapper .value_main .value_card .flex_wrap img {
  width: 1.5rem;
  height: 1.5rem;
}
.value__wrapper .value_main .value_card .flex_wrap p {
  color: #121010;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .value__wrapper .value_main .value_card.full {
    width: 100vw;
    max-width: unset;
  }
}
.value__wrapper .value_main .value_card.value_1 {
  top: -2px;
  right: 29%;
}
@media screen and (max-width: 991px) {
  .value__wrapper .value_main .value_card.value_1 {
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 22rem;
  }
}
.value__wrapper .value_main .value_card.value_2 {
  left: 10%;
  top: 58px;
}
@media screen and (max-width: 1024px) {
  .value__wrapper .value_main .value_card.value_2 {
    left: 0;
  }
}
.value__wrapper .value_main .value_card.value_3 {
  right: 10%;
  top: 60px;
}
@media screen and (max-width: 991px) {
  .value__wrapper .value_main .value_card.value_3 {
    top: 136px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.value__wrapper .value_main .value_card.value_4 {
  right: 27%;
  top: 122px;
}
@media screen and (max-width: 991px) {
  .value__wrapper .value_main .value_card.value_4 {
    top: 204px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 17rem;
  }
}
.value__wrapper .value_main .value_card.value_5 {
  left: 19%;
  top: 183px;
}
@media screen and (max-width: 991px) {
  .value__wrapper .value_main .value_card.value_5 {
    top: 272px;
    left: 0;
    left: 0;
    margin: 0 auto;
  }
}
.value__wrapper .value_main .value_card.value_6 {
  left: 9%;
  top: 243px;
}
@media screen and (max-width: 1024px) {
  .value__wrapper .value_main .value_card.value_6 {
    left: 0;
  }
}
@media screen and (max-width: 991px) {
  .value__wrapper .value_main .value_card.value_6 {
    top: 340px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.value__wrapper .value_main .value_card.value_7 {
  right: 8%;
  top: 245px;
}
@media screen and (max-width: 991px) {
  .value__wrapper .value_main .value_card.value_7 {
    top: 408px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.value__wrapper .value_main .value_card.show {
  opacity: 1;
}

.dyes_cdmo_section {
  padding-block: 5rem;
}
@media screen and (max-width: 767px) {
  .dyes_cdmo_section {
    padding-block: 3.5rem;
  }
}
.dyes_cdmo_section .cdmo_content_wrap {
  gap: 3rem;
}
.dyes_cdmo_section .cdmo_content_wrap .cdmo_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dyes_cdmo_section .cdmo_content_wrap .cdmo_content h2 {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .dyes_cdmo_section .cdmo_content_wrap .cdmo_content h2 {
    max-width: 350px;
  }
}
.dyes_cdmo_section .cdmo_content_wrap .cdmo_content p {
  max-width: 46.5rem;
}
@media screen and (max-width: 767px) {
  .dyes_cdmo_section .cdmo_content_wrap .cdmo_content p {
    max-width: 350px;
  }
}
.dyes_cdmo_section .cdmo_content_wrap .cdmo_content p b {
  color: #736b6a;
  font-family: "Instrument Sans";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.loxim_advantages_section {
  border-bottom: 1px solid #ffe3d5;
  background: #fff7f3;
  padding-block: 3.75rem;
}
.loxim_advantages_section h2 {
  text-align: left;
}
.loxim_advantages_section .advantages_content_wrap {
  padding-top: 3rem;
}
.loxim_advantages_section .advantages_content_wrap .we_do_card_wrap .we_do_card .we_do_card_content h5 {
  max-width: 17rem;
}

.customer_section {
  padding-block: 5rem;
}
@media screen and (max-width: 767px) {
  .customer_section {
    padding-block: 2rem;
  }
}
.customer_section .customer_content_wrap {
  padding-top: 3rem;
}

.dyes_banner {
  height: 100%;
  width: 100%;
}
.dyes_banner video {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .dyes_banner video {
    min-height: 560px;
  }
}
.dyes_banner::before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, left bottom, left top, color-stop(2.56%, rgba(251, 160, 138, 0.8)), color-stop(41.2%, rgba(0, 0, 0, 0.4)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(251, 160, 138, 0.8) 2.56%, rgba(0, 0, 0, 0.4) 41.2%);
}
@media screen and (max-width: 767px) {
  .dyes_banner::before {
    height: 99%;
  }
}
.dyes_banner .hero__content_wrap {
  z-index: 2;
}
.dyes_banner .hero__content_wrap .hero__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .dyes_banner .hero__content_wrap .hero__content {
    gap: 1.5rem;
  }
}
.dyes_banner .hero__content_wrap .hero__content h1 {
  color: #fff;
  text-align: center;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 4.55rem */
  max-width: 46.5rem;
}
@media screen and (max-width: 767px) {
  .dyes_banner .hero__content_wrap .hero__content h1 {
    color: #fff;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 3.25rem */
  }
}

.map_section {
  padding-block: 3rem;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .map_section {
    overflow: unset;
  }
}
.map_section h2 {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .map_section h2 {
    font-size: 2.5rem;
    text-align: left;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .map_section p {
    font-size: 1.125rem;
  }
}
.map_section .map_content_wrap {
  padding-block: 32px 0px;
}
.map_section .map_wrap {
  position: relative;
  padding-block: 3rem;
  max-width: 1200px;
}
@media screen and (max-width: 991px) {
  .map_section .map_wrap {
    display: none;
  }
}
.map_section .map_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  border: 1px solid #ffe3d5;
  gap: 24px;
  background: #fff;
  -webkit-box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  padding: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 48px;
}
@media screen and (max-width: 991px) {
  .map_section .map_list {
    display: none;
    width: 100%;
    margin-top: 0;
  }
}
.map_section .map_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}
.map_section .map_list li img {
  height: 18px;
  width: 18px;
}
.map_section .map_list li p {
  color: #121010;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
}
.map_section .firstdot_wrap {
  position: absolute;
  left: 0;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.map_section .firstdot_wrap .firstdot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.map_section .firstdot_wrap .firstdot::before {
  content: "";
  position: absolute;
  background: url("../../assets/img/dyes/firstdot.svg") no-repeat center center;
  left: 0;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  z-index: 30;
}
.map_section .firstdot_wrap .firstdot:hover + .dot_details {
  display: block !important;
  z-index: 100;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.map_section .firstdot_wrap .dot_details {
  z-index: 1024;
}
.map_section .firstdot_wrap.sales_dot .firstdot::before {
  background: url("../../assets/img/dyes/salesdot.svg") no-repeat center center;
}
.map_section .firstdot_wrap.office_dot .firstdot::before {
  background: url("../../assets/img/dyes/bluedot.svg") no-repeat center center;
}
.map_section .firstdot_wrap.dot_1 {
  left: 19.4%;
  top: 38.6%;
  z-index: 1024;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_1 {
    left: 33.2%;
    top: 30%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_1 {
    left: 23.2%;
    top: 19%;
  }
}
.map_section .firstdot_wrap.dot_2 {
  left: 19.4%;
  top: 46%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_2 {
    left: 30.8%;
    top: 42%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_2 {
    left: 19.8%;
    top: 38%;
  }
}
.map_section .firstdot_wrap.dot_3 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_3 {
    left: 33.5%;
    top: 43.8%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_3 {
    left: 24%;
    top: 40.8%;
  }
}
.map_section .firstdot_wrap.dot_4 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_4 {
    left: 35.8%;
    top: 47%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_4 {
    left: 27.8%;
    top: 45%;
  }
}
.map_section .firstdot_wrap.dot_5 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_5 {
    left: 37%;
    top: 62%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_5 {
    left: 29.2%;
    top: 69%;
  }
}
.map_section .firstdot_wrap.dot_6 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_6 {
    left: 49%;
    top: 35%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_6 {
    left: 49%;
    top: 27%;
  }
}
.map_section .firstdot_wrap.dot_7 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_7 {
    left: 49.8%;
    top: 33.6%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_7 {
    left: 50%;
    top: 24%;
  }
}
.map_section .firstdot_wrap.dot_8 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_8 {
    top: 31.4%;
    left: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_8 {
    left: 51%;
    top: 20.5%;
  }
}
.map_section .firstdot_wrap.dot_9 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_9 {
    left: 49%;
    top: 31%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_9 {
    left: 49%;
    top: 20%;
  }
}
.map_section .firstdot_wrap.dot_10 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_10 {
    left: 52%;
    top: 34.8%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_10 {
    left: 53%;
    top: 25.8%;
  }
}
.map_section .firstdot_wrap.dot_11 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_11 {
    left: 52.5%;
    top: 31.4%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_11 {
    left: 54%;
    top: 20%;
  }
}
.map_section .firstdot_wrap.dot_12 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_12 {
    left: 54%;
    top: 39%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_12 {
    left: 56.4%;
    top: 33%;
  }
}
.map_section .firstdot_wrap.dot_13 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_13 {
    left: 54%;
    top: 58%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_13 {
    left: 57%;
    top: 63%;
  }
}
.map_section .firstdot_wrap.dot_14 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_14 {
    left: 55%;
    top: 35.8%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_14 {
    left: 58%;
    top: 27.6%;
  }
}
.map_section .firstdot_wrap.dot_15 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_15 {
    left: 56%;
    top: 39%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_15 {
    left: 59.6%;
    top: 32.2%;
  }
}
.map_section .firstdot_wrap.dot_16 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_16 {
    left: 58%;
    top: 40%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_16 {
    left: 64%;
    top: 35.2%;
  }
}
.map_section .firstdot_wrap.dot_17 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_17 {
    left: 67.8%;
    top: 36.2%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_17 {
    left: 79.4%;
    top: 27.8%;
  }
}
.map_section .firstdot_wrap.dot_18 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_18 {
    left: 71.8%;
    top: 36.6%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_18 {
    left: 85.4%;
    top: 28.6%;
  }
}
.map_section .firstdot_wrap.dot_19 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_19 {
    top: 36.6%;
    left: 73.6%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_19 {
    left: 88.6%;
    top: 29%;
  }
}
.map_section .firstdot_wrap.dot_20 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_20 {
    left: 66%;
    top: 41%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_20 {
    left: 76.2%;
    top: 36%;
  }
}
.map_section .firstdot_wrap.dot_21 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_21 {
    left: 69.2%;
    top: 44.4%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_21 {
    left: 81.2%;
    top: 42%;
  }
}
.map_section .firstdot_wrap.dot_22 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_22 {
    left: 68%;
    top: 46%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_22 {
    left: 79%;
    top: 43%;
  }
}
.map_section .firstdot_wrap.dot_23 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_23 {
    left: 71%;
    top: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_23 {
    left: 84%;
    top: 50%;
  }
}
.map_section .firstdot_wrap.dot_24 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_24 {
    left: 68.6%;
    top: 47.6%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_24 {
    left: 79.6%;
    top: 45.2%;
  }
}
.map_section .firstdot_wrap.dot_25 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_25 {
    left: 69.2%;
    top: 49.4%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_25 {
    left: 80.6%;
    top: 47%;
  }
}
.map_section .firstdot_wrap.dot_26 {
  left: 19.4%;
  top: 38.6%;
}
@media screen and (max-width: 1200px) {
  .map_section .firstdot_wrap.dot_26 {
    left: auto;
    top: auto;
    right: 20%;
    bottom: 34%;
  }
}
@media screen and (min-width: 1200px) {
  .map_section .firstdot_wrap.dot_26 {
    left: auto;
    top: auto;
    right: 2%;
    bottom: 25.6%;
  }
}
.map_section .tooltip_details,
.map_section .dot_details {
  position: absolute;
  z-index: 1024;
  display: none;
  left: 0;
  top: 0;
  min-width: 200px;
}
.map_section .tooltip_details .tooltip_wrap,
.map_section .dot_details .tooltip_wrap {
  border-radius: 0.5rem;
  padding: 0.6rem 1rem;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.map_section .tooltip_details .tooltip_wrap h5,
.map_section .dot_details .tooltip_wrap h5 {
  color: #121010;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 0.9375rem */
  margin-bottom: 0.2rem;
}
.map_section .tooltip_details .tooltip_wrap span,
.map_section .dot_details .tooltip_wrap span {
  color: #f26522;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 1.1375rem */
}
.map_section .tooltip_details .tooltip_wrap::before,
.map_section .dot_details .tooltip_wrap::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #fff;
  rotate: 45deg;
  top: 50%;
  left: -12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.map_section .tooltip_details.ind,
.map_section .dot_details.ind {
  top: 32%;
  left: 76%;
}
.map_section .tooltip_details.deu,
.map_section .dot_details.deu {
  top: 17%;
  left: 54%;
}
.map_section .tooltip_details.usa,
.map_section .dot_details.usa {
  top: 26%;
  left: 28%;
}
.map_section .Country {
  cursor: pointer;
}
.map_section .map {
  padding: 20px;
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.map_section #IND {
  fill: #9cd2fd; /* light blue */
  stroke: #333;
}
.map_section #IND:hover {
  stroke: black;
}
.map_section {
  /* Custom for USA */
}
.map_section .tooltip.USA {
  background: #dbe9ff;
  border-color: navy;
  color: #000;
}
.map_section {
  /* Custom for Germany */
}
.map_section .tooltip.DEU {
  background: #fff3f3;
  border-color: red;
  color: #000;
}
.map_section .background {
  fill: transparent;
}
.map_section .map_countrylist_wrap {
  display: block;
  padding-top: 6.5rem;
  position: relative;
}
@media screen and (min-width: 991px) {
  .map_section .map_countrylist_wrap {
    display: none;
  }
}
.map_section .map_countrylist_wrap img {
  width: 100%;
  height: 100%;
}
.map_section .map_countrylist_wrap .countrylist_wrap {
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  max-height: 5.875rem;
  overflow-x: scroll;
  display: none;
  border-radius: 0.5rem;
  border: 1px solid #ffe3d5;
  padding-inline: 0.5rem;
  background: #fff7f3;
  -webkit-box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
}
.map_section .map_countrylist_wrap .countrylist_wrap.active {
  display: block;
}
.map_section .map_countrylist_wrap .countrylist_wrap ul {
  width: 100%;
  overflow-x: scroll;
  display: grid;
  grid-template-columns: repeat(8, -webkit-max-content);
  grid-template-columns: repeat(8, max-content); /* 5 columns auto-sized to content */
  grid-template-rows: repeat(3, auto);
  padding-block: 0.5rem;
}
@media screen and (max-width: 767px) {
  .map_section .map_countrylist_wrap .countrylist_wrap ul {
    width: 400px;
    grid-template-columns: repeat(6, -webkit-max-content);
    grid-template-columns: repeat(6, max-content);
  }
}
.map_section .map_countrylist_wrap .countrylist_wrap ul li {
  white-space: nowrap;
  padding: 0.5rem 1rem;
  border-right: 1px solid #d9d9d9;
  color: #121010;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.125rem */
}
@media screen and (max-width: 991px) {
  .map_section .map_countrylist_wrap .countrylist_wrap ul li:nth-child(8n) {
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .map_section .map_countrylist_wrap .countrylist_wrap ul li:nth-child(8n) {
    border-right: 1px solid #d9d9d9;
  }
  .map_section .map_countrylist_wrap .countrylist_wrap ul li:nth-child(6n) {
    border-right: none;
  }
}
.map_section .map_countrylist_wrap .countrylist_wrap ul li:last-child {
  border-right: none;
}
.map_section .map_mobile_wrap {
  padding-top: 32px;
}
@media screen and (min-width: 991px) {
  .map_section .map_mobile_wrap {
    display: none;
  }
}
.map_section .map_mobile_wrap .map_select_wrap {
  max-width: 100%;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .map_section .map_mobile_wrap .map_select_wrap {
    max-width: 360px;
    max-width: 100%;
  }
}
.map_section .map_mobile_wrap .map_select_wrap .custom_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 44px;
  padding: 10px 16px;
  border-radius: 0.25rem;
  font-size: 1rem;
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #f26522;
  background: #fff;
  cursor: pointer;
}
.map_section .map_mobile_wrap .map_select_wrap .custom_input img {
  width: 20px;
  height: 20px;
}
.map_section .map_mobile_wrap .map_select_wrap .custom_input span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1rem;
  color: #333;
}
@media screen and (max-width: 350px) {
  .map_section .map_mobile_wrap .map_select_wrap .custom_input span {
    font-size: 0.8rem;
  }
}
.map_section .map_mobile_wrap .map_select_wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../../assets/img/icons/arrow-down.svg") no-repeat;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.map_section .map_mobile_wrap .map_select_wrap.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.map_section .map_mobile_wrap .map_select_wrap.open .map_select_list_wrap {
  display: block;
}
.map_section .map_mobile_wrap .map_select_wrap.open .map_select_list_wrap .map_list {
  width: 100%;
}
.map_section .map_mobile_wrap .map_select_wrap .map_select_list_wrap {
  position: absolute;
  bottom: -160px;
  height: 160px;
  left: 0;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  overflow-y: auto;
  display: none;
}
.map_section .map_mobile_wrap .map_select_wrap .map_select_list_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.map_section .map_mobile_wrap .map_select_wrap .map_select_list_wrap ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #736b6a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-block: 8px;
  cursor: pointer;
}
.map_section .map_mobile_wrap .map_select_wrap .map_select_list_wrap ul li img {
  width: 18px;
  height: 18px;
}
.map_section .map_mobile_wrap .map_select_wrap .map_select_list_wrap ul li p {
  margin: 0;
}
@media screen and (max-width: 350px) {
  .map_section .map_mobile_wrap .map_select_wrap .map_select_list_wrap ul li {
    font-size: 0.8rem;
  }
}
.map_section .map_mobile_wrap .map_select_wrap .map_select_list_wrap ul li:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}
.map_section .world {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
}
@media screen and (max-width: 1024px) {
  .map_section .world {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.map_section .map_cards_wrap {
  width: 100%;
}
.map_section .map_cards_wrap .map_cards_row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 24px;
}
@media screen and (max-width: 991px) {
  .map_section .map_cards_wrap .map_cards_row {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .map_section .map_cards_wrap .map_cards_row {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}
.map_section .map_cards_wrap .map_cards_row .map_card_mainwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
.map_section .map_cards_wrap .map_cards_row .map_card_mainwrap .map_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #ffe3d5;
  background: #fff;
  -webkit-box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  box-shadow: 0 0 32px 0 rgba(1, 59, 42, 0.08);
  padding: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .map_section .map_cards_wrap .map_cards_row .map_card_mainwrap .map_card {
    gap: 0.5rem;
  }
}
.map_section .map_cards_wrap .map_cards_row .map_card_mainwrap .map_card img {
  width: 2.625rem;
  height: 2.625rem;
}
.map_section .map_cards_wrap .map_cards_row .map_card_mainwrap .map_card .map_card_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}
.map_section .map_cards_wrap .map_cards_row .map_card_mainwrap .map_card .map_card_content h5 {
  color: #121010;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 1.95rem */
  margin: 0;
}
@media screen and (max-width: 767px) {
  .map_section .map_cards_wrap .map_cards_row .map_card_mainwrap .map_card .map_card_content h5 {
    font-size: 1.125rem;
  }
}
.map_section .map_cards_wrap .map_cards_row .map_card_mainwrap .map_card .map_card_content p {
  color: #736b6a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.3rem */
}
@media screen and (max-width: 767px) {
  .map_section .map_cards_wrap .map_cards_row .map_card_mainwrap .map_card .map_card_content p {
    font-size: 0.875rem;
  }
}

.customer_card_wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customer_card_wrap .customer_card {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #ffe3d5;
  background: #fffefe;
  margin-bottom: 24px;
}
.customer_card_wrap .customer_card img {
  width: 2.00025rem;
  height: 2rem;
}
.customer_card_wrap .customer_card p {
  color: var(--Text-1, #121010);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.3rem */
}

.people_section {
  padding-block: 3.75rem;
}
@media screen and (max-width: 767px) {
  .people_section {
    padding-block: 3.5rem;
  }
}
.people_section h2 {
  text-align: left;
}
.people_section .people_content_wrap {
  padding-top: 3rem;
}
@media screen and (max-width: 767px) {
  .people_section .people_content_wrap {
    padding-top: 2.5rem;
  }
}
.people_section .people_content_wrap .people_card_wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.people_section .people_content_wrap .people_card_wrap .people_card {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #ffe3d5;
  background: #fefaf8;
  margin-bottom: 24px;
}
.people_section .people_content_wrap .people_card_wrap .people_card img {
  width: 100%;
  max-height: 13rem;
  border-radius: 0.5rem;
}
.people_section .people_content_wrap .people_card_wrap .people_card .people_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 1rem;
}
.people_section .people_content_wrap .people_card_wrap .people_card .people_content h5 {
  color: #121010;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.4625rem */
  margin: 0;
}
.people_section .people_content_wrap .people_card_wrap .people_card .people_content p {
  color: #736b6a;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
}

.sustainability__section .sustainability_swiper_wrap {
  height: 100%;
  position: relative;
  display: block;
}
@media screen and (max-width: 991px) {
  .sustainability__section .sustainability_swiper_wrap {
    display: none;
  }
}
.sustainability__section .sustainability_swiper_wrap .sustainabilitySwiper {
  height: 100%;
}
.sustainability__section .sustainability_swiper_wrap .swiper-button-next,
.sustainability__section .sustainability_swiper_wrap .swiper-button-prev {
  width: 3rem;
  height: 3rem;
}
.sustainability__section .sustainability_swiper_wrap .swiper-button-next::after,
.sustainability__section .sustainability_swiper_wrap .swiper-button-prev::after {
  content: "";
  background: url("../../assets/img/dyes/arrow-right.svg") no-repeat;
  width: 3rem;
  height: 3rem;
}
.sustainability__section .sustainability_swiper_wrap .swiper-button-next {
  right: -60px;
}
@media screen and (max-width: 1024px) {
  .sustainability__section .sustainability_swiper_wrap .swiper-button-next {
    right: -24px;
  }
}
.sustainability__section .sustainability_swiper_wrap .swiper-button-prev {
  left: -60px;
}
@media screen and (max-width: 1024px) {
  .sustainability__section .sustainability_swiper_wrap .swiper-button-prev {
    left: -24px;
  }
}
.sustainability__section .sustainability_swiper_wrap .swiper-button-prev::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sustainability__section .sustainability_mob {
  display: none;
}
@media screen and (max-width: 991px) {
  .sustainability__section .sustainability_mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.portfolio_section {
  padding-block: 3.75rem;
  background: #fff7f3;
}
.portfolio_section h2 {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .portfolio_section .portfolio_content_wrap nav {
    display: none;
  }
}
.portfolio_section .portfolio_content_wrap nav .nav-tabs .nav-link {
  color: #736b6a;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.4625rem */
  background-color: transparent;
  border: none;
  padding: 0.625rem 1rem;
}
.portfolio_section .portfolio_content_wrap nav .nav-tabs .nav-link.active {
  color: #121010;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.4625rem */
  border-bottom: 1px solid #f26522;
}
.portfolio_section .portfolio_content_wrap .tab-content {
  padding-top: 3rem;
}
@media screen and (max-width: 767px) {
  .portfolio_section .portfolio_content_wrap .tab-content {
    padding-top: 2.5rem;
  }
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_card_wrap {
  border-radius: 0.5rem;
  border: 1px solid #f26522;
  background: #fffdfc;
  padding: 1rem;
  width: 100%;
  display: none;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_card_wrap img {
  border-radius: 0.5rem;
  width: 100%;
  max-height: 14.875rem;
  margin-bottom: 1.5rem;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_card_wrap h4 {
  color: #121010;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
}
@media screen and (max-width: 767px) {
  .portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_card_wrap h4 {
    font-size: 1.125rem;
  }
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_card_wrap p {
  color: #736b6a;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.4625rem */
  padding-bottom: 1rem;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_card_wrap a span {
  color: #bf4e18;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.3rem */
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_card_wrap.active {
  display: block;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_left_wrap h5 {
  color: #031749;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  margin-bottom: 1rem;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_left_wrap .portfolio_list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_left_wrap .portfolio_list_wrap .portfolio_item {
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  cursor: pointer;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_left_wrap .portfolio_list_wrap .portfolio_item h6 {
  color: #031749;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.4625rem */
  margin: 0;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_left_wrap .portfolio_list_wrap .portfolio_item p {
  color: #736b6a;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.4625rem */
  display: none;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_left_wrap .portfolio_list_wrap .portfolio_item.active {
  border: 1px solid #f7a37a;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_left_wrap .portfolio_list_wrap .portfolio_item.active p {
  display: block;
}
.portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_right_wrap {
  display: block;
}
@media screen and (max-width: 767px) {
  .portfolio_section .portfolio_content_wrap .tab-content .tab-pane .portfolio_right_wrap {
    display: none;
  }
}

.select_mobile_wrap {
  padding-top: 32px;
}
@media screen and (min-width: 767px) {
  .select_mobile_wrap {
    display: none;
  }
}
.select_mobile_wrap .select_wrap {
  max-width: 360px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .select_mobile_wrap .select_wrap {
    max-width: 100%;
  }
}
.select_mobile_wrap .select_wrap input {
  width: 100%;
  height: 44px;
  padding: 10px 16px;
  border-radius: 0.25rem;
  font-size: 1rem;
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #f26522;
  background: #fff;
  cursor: pointer;
}
@media screen and (max-width: 350px) {
  .select_mobile_wrap .select_wrap input {
    font-size: 0.8rem;
  }
}
.select_mobile_wrap .select_wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../../assets/img/icons/arrow-down.svg") no-repeat;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.select_mobile_wrap .select_wrap.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.select_mobile_wrap .select_wrap .select_list_wrap {
  position: absolute;
  bottom: -160px;
  height: 160px;
  left: 0;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
  overflow-y: scroll;
  display: none;
}
.select_mobile_wrap .select_wrap .select_list_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.select_mobile_wrap .select_wrap .select_list_wrap ul li {
  color: #736b6a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-block: 8px;
}
@media screen and (max-width: 350px) {
  .select_mobile_wrap .select_wrap .select_list_wrap ul li {
    font-size: 0.8rem;
  }
}

.certified_section {
  padding-block: 1.5rem;
}
.certified_section .customer_card_wrap .customer_card {
  gap: 0.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .certified_section .customer_card_wrap .customer_card {
    padding: 0.5rem 2rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.certified_section .customer_card_wrap .customer_card img {
  height: 44px;
  width: 44px;
}

.dyes_sustainability_section .sustainability_card .sustainability_card_content h5 {
  text-align: center;
  width: 100%;
}

.loxipulp_section {
  padding-block: 3.75rem;
  border-bottom: 1px solid #ffe3d5;
  background: #fff7f3;
}
@media screen and (max-width: 767px) {
  .loxipulp_section {
    padding-block: 3.5rem;
  }
}
.loxipulp_section h2 {
  text-align: left;
}
.loxipulp_section .loxipulp_wrap {
  padding-top: 3rem;
}

.dyes_product_banner {
  position: relative;
  height: 100%;
  width: 100%;
}
.dyes_product_banner .dyes_ban_overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.dyes_product_banner .dyes_ban_overlay .dyes_ban_img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.dyes_product_banner .dyes_product_content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding-block: 7.5rem;
}
.dyes_product_banner .dyes_product_content .dyes_content_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
.dyes_product_banner .dyes_product_content .dyes_content_wrap img {
  max-width: 24.6785rem;
}
.dyes_product_banner .dyes_product_content .dyes_content_wrap p {
  color: #fff;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.4625rem */
  max-width: 34.4375rem;
}
.dyes_product_banner .dyes_product_content .dyes_content_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .dyes_product_banner .dyes_product_content .dyes_content_wrap ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
  }
}
.dyes_product_banner .dyes_product_content .dyes_content_wrap ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}
.dyes_product_banner .dyes_product_content .dyes_content_wrap ul li img {
  width: 2.625rem;
  height: 2.625rem;
}
.dyes_product_banner .dyes_product_content .dyes_content_wrap ul li p {
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.3rem */
}

.solutions_section {
  padding-block: 3.75rem;
  overflow: hidden;
}
.solutions_section .solutions_wrap {
  padding-block: 3rem;
}
@media screen and (max-width: 767px) {
  .solutions_section .solutions_wrap {
    padding-block: 3rem 2rem;
  }
}
.solutions_section .solutions_wrap .solutions_img_wrap {
  width: 100%;
  overflow-x: scroll;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .solutions_section .solutions_wrap .solutions_img_wrap {
    border: 1px solid #ffe3d5;
    border-radius: 0.5rem;
  }
}
.solutions_section .solutions_wrap .solutions_img_wrap img {
  width: 100%;
  height: auto;
  max-width: 800px;
}
@media screen and (max-width: 1024px) {
  .solutions_section .solutions_wrap .solutions_img_wrap img {
    width: 1126px;
    max-width: unset;
  }
}
.solutions_section .solutions_wrap .solutions_table {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow-x: scroll;
  border: 1px solid #ffe3d5;
  border-radius: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .solutions_section .solutions_wrap .solutions_table {
    width: 100%;
  }
}
.solutions_section .solutions_wrap .solutions_table::-webkit-scrollbar {
  display: block;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column {
  width: 5.5rem;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column .solutions_title_table {
  border-right: 1px solid #ffe3d5;
  background: #fff7f3;
  padding: 0.5rem 0.25rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column .solutions_title_table h5 {
  color: #121010;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: -0.00963rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column .solutions_title_table h5 {
    font-size: 0.75rem;
  }
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column ul li {
  padding: 0.5rem 0.25rem;
  border-bottom: 1px solid #ffe3d5;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3.5rem;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column ul li p {
  color: #121010;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.1375rem */
}
@media screen and (max-width: 767px) {
  .solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column ul li p {
    font-size: 0.75rem;
  }
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column ul li:last-child {
  border-bottom: none;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column:last-child .solutions_title_table {
  border-right: none;
  border-top-right-radius: 0.5rem;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.backwater {
  width: 9.125rem;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.backwater .solutions_title_table {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-inline: 0;
  padding-bottom: 0;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.backwater .solutions_title_table ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  border-top: 1px solid #ffe3d5;
  width: 100%;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.backwater .solutions_title_table ul li {
  padding: 0.5rem 0.25rem;
  border-right: 1px solid #ffe3d5;
  border-bottom: 0;
  background: #fff7f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.4rem;
  min-width: 2.5rem;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.backwater .solutions_title_table ul li p {
  color: #121010;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.1375rem */
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.backwater .solutions_title_table ul li:last-child {
  border-right: none;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.backwater .backwater_rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.backwater .backwater_rows ul {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.first_column {
  width: 4.375rem;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.first_column .solutions_title_table {
  border-top-left-radius: 0.5rem;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.second_column {
  width: 12.0465rem;
}
.solutions_section .solutions_wrap .solutions_table .solutions_table_wrap .sloutions_column.second_column ul li {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.solutions_section .solution_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 991px) {
  .solutions_section .solution_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    padding-left: 1rem;
  }
}
.solutions_section .solution_list li {
  list-style: disc;
  color: #121010;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.1375rem */
}
.solutions_section .solution_list li:first-child {
  list-style: none;
}
@media screen and (max-width: 991px) {
  .solutions_section .solution_list li:first-child {
    list-style: disc;
  }
}

.molecules_section {
  padding-block: 60px;
}
@media screen and (max-width: 767px) {
  .molecules_section {
    padding-block: 40px;
  }
}
.molecules_section .tag {
  margin-inline: auto;
}
.molecules_section h2 {
  margin-inline: auto;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .molecules_section h2 {
    max-width: 260px;
  }
}
.molecules_section p {
  max-width: 740px;
  margin-inline: auto;
  text-align: center;
}
.molecules_section .molecules_img_wrap {
  padding-top: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .molecules_section .molecules_img_wrap {
    padding-top: 40px;
  }
}
.molecules_section .molecules_img_wrap img {
  max-width: 512px;
  width: 100%;
}

.we_do_section {
  padding-block: 60px;
  background: #FFF7F3;
}
@media screen and (max-width: 767px) {
  .we_do_section {
    padding-block: 40px;
  }
}
.we_do_section .we_do_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .we_do_section .we_do_title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .we_do_section .we_do_title h2 {
    text-align: left;
  }
}
.we_do_section .we_do_title p {
  max-width: 552px;
}

.sustainability__section {
  padding-block: 60px;
}
@media screen and (max-width: 767px) {
  .sustainability__section {
    padding-block: 40px;
  }
}
.sustainability__section .Sustainability_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .sustainability__section .Sustainability_title h2 {
    max-width: 320px;
  }
}
.sustainability__section .Sustainability_title p {
  max-width: 646px;
  text-align: center;
}
.sustainability__section .sustainability_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #FFE3D5;
  position: relative;
  margin-bottom: 24px;
  height: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.sustainability__section .sustainability_card img {
  border-radius: 8px;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sustainability__section .sustainability_card .sustainability_card_content {
  position: absolute;
  bottom: 0;
  border-radius: 0px 0px 8px 8px;
  background: #FEFAF8;
  padding: 16px 12px;
  backdrop-filter: blur(5px);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.sustainability__section .sustainability_card .sustainability_card_content h5 {
  color: #121010;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}
.sustainability__section .sustainability_card:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.sustainability__section .sustainability_cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .sustainability__section .sustainability_cta {
    padding-top: 24px;
  }
}

.capability_section {
  padding-block: 60px;
}
@media screen and (max-width: 767px) {
  .capability_section {
    padding-block: 40px;
  }
}
.capability_section .section_description {
  max-width: 646px;
  text-align: center;
  margin-inline: auto;
  padding-bottom: 84px;
}
@media screen and (max-width: 767px) {
  .capability_section .section_description {
    padding-bottom: 40px;
  }
}
.capability_section .capability_card_wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.capability_section .capability_card_wrap .capability_card {
  border-radius: 8px;
  border: 1px solid #FFE3D5;
  background: #FFF7F3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
  height: 100%;
}
.capability_section .capability_card_wrap .capability_card img {
  width: 100%;
  max-height: 204px;
  border-radius: 8px 8px 0px 0px;
}
.capability_section .capability_card_wrap .capability_card .capability_card_content {
  padding: 16px;
}
.capability_section .capability_card_wrap .capability_card .capability_card_content .card_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 16px;
}
.capability_section .capability_card_wrap .capability_card .capability_card_content .card_title span {
  border-radius: 22px;
  background: #F26522;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 23.4px */
  width: 32px;
  height: 32px;
  text-align: center;
  place-content: center;
}
.capability_section .capability_card_wrap .capability_card .capability_card_content .card_title h5 {
  color: #121010;
  font-family: "Instrument Sans";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  line-height: 130%;
  /* 23.4px */
  max-width: 270px;
}
@media screen and (max-width: 1024px) {
  .capability_section .capability_card_wrap .capability_card .capability_card_content .card_title h5 {
    max-width: 210px;
  }
}
.capability_section .capability_card_wrap .capability_card .capability_card_content p {
  color: #736B6A;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  text-align: left;
}

.loxim_pharma_section {
  padding-block: 60px;
}
@media screen and (max-width: 767px) {
  .loxim_pharma_section {
    padding-block: 40px;
  }
}
.loxim_pharma_section h2 {
  text-align: left;
}
.loxim_pharma_section .loxim_pharma_content_wrap {
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .loxim_pharma_section .loxim_pharma_content_wrap {
    padding: 16px 12px 0px 12px;
  }
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap {
  padding: 24px;
  border-left: 1px solid rgba(188, 195, 209, 0.25);
  backdrop-filter: blur(14px);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 660px;
  max-height: 660px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap {
    min-height: auto;
    max-height: auto;
    border: none;
    border-bottom: 1px solid rgba(188, 195, 209, 0.25);
    padding-inline: 0px;
  }
}
@media screen and (max-width: 767px) {
  .loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap:last-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap .loxim_card_content {
    padding-bottom: 24px;
  }
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap .loxim_card_content h5 {
  color: #736B6A;
  font-size: 12px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  max-width: 136px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap .loxim_card_content h5 {
    color: #F26522;
    max-width: 100%;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 19.2px */
    letter-spacing: 0.16px;
    text-transform: uppercase;
  }
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap .loxim_card_content p {
  color: #736B6A;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 130%;
  opacity: 0;
  display: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap .loxim_card_content p {
    opacity: 1;
    display: block;
  }
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap .loxim_card_content ul {
  padding-left: 18px;
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap .loxim_card_content ul li {
  list-style: disc;
  color: #736B6A;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 130%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap .loxim_card_content ul li {
    opacity: 1;
  }
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap img {
  max-width: 132px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap img {
    max-width: 100%;
  }
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap.active .loxim_card_content h5 {
  color: #F26522;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.16px;
  max-width: unset;
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap.active .loxim_card_content p {
  opacity: 1;
  display: block;
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap.active .loxim_card_content ul li {
  list-style: disc;
  opacity: 1;
}
.loxim_pharma_section .loxim_pharma_content_wrap .loxim_card_wrap.active img {
  max-width: 500px;
  max-height: 282px;
}

.key_section {
  height: 100%;
  width: 100%;
}
.key_section .key_wrap {
  border-radius: 1rem;
  background: #FFF7F3;
}
.key_section .key_wrap .key_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .key_section .key_wrap .key_content {
    padding: 1.5rem 1rem;
  }
}
.key_section .key_wrap .key_content h2 {
  max-width: 16rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .key_section .key_wrap .key_content h2 {
    max-width: 100%;
  }
}
.key_section .key_wrap .key_content p {
  max-width: 20rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .key_section .key_wrap .key_content p {
    max-width: 100%;
  }
}
.key_section .key_img_wrap {
  height: 100%;
  width: 100%;
  max-height: 568px;
  position: relative;
}
.key_section .key_img_wrap .key_img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.key_section .key_img_wrap .key_img.active {
  display: block;
  opacity: 1;
  position: relative;
}

.we_do_card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.we_do_card_wrap .we_do_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #FFE3D5;
  background: #FFF;
  padding-bottom: 2px;
  margin-bottom: 24px;
  height: 100%;
}
.we_do_card_wrap .we_do_card .we_do_img {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.we_do_card_wrap .we_do_card .we_do_img img {
  height: 32px;
  width: 32px;
}
.we_do_card_wrap .we_do_card .we_do_card_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #FFE3D5;
  backdrop-filter: blur(5px);
  border-radius: 0px 0px 14px 14px;
  height: 100%;
}
.we_do_card_wrap .we_do_card .we_do_card_content h5 {
  color: #121010;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  max-width: 218px;
  margin: 0;
}
.we_do_card_wrap .we_do_card .we_do_card_content img {
  width: 0px;
  height: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.we_do_card_wrap .we_do_card:hover .we_do_card_content img {
  width: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.management_section {
  border-bottom: 1px solid #ffe3d5;
  background: #fff7f3;
  padding-block: 3.75rem;
}
.management_section .management_wrap {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .management_section .management_wrap {
    padding-left: 12px;
  }
}
.management_section .management_wrap .managementSwiper .swiper-wrapper {
  padding-block: 3rem 6rem;
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap .management_card {
  border-radius: 0.5rem;
  border: 1px solid #f26522;
  opacity: 0.5;
  background: #feece2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 1rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap .management_card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
  }
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap .management_card .management_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap .management_card .management_left figure {
  min-width: 11.11869rem;
  min-height: 11.11869rem;
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap .management_card .management_left figure img {
  width: 100%;
  height: 100%;
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap .management_card .management_left .management_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap .management_card .management_left .management_content h5 {
  color: #121010;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.4625rem */
  margin: 0;
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap .management_card .management_left .management_content p {
  color: #736b6a;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.1375rem */
}
.management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide .management_card_wrap .management_card .management_right p {
  color: #736b6a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.3rem */
}
@media screen and (min-width: 767px) {
  .management_section .management_wrap .managementSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .management_card_wrap .management_card {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.management_section .management_wrap .managementSwiper .swiper-button-next,
.management_section .management_wrap .managementSwiper .swiper-button-prev {
  width: 3rem;
  height: 3rem;
  top: auto;
  bottom: 0;
  left: 50%;
}
.management_section .management_wrap .managementSwiper .swiper-button-next::after,
.management_section .management_wrap .managementSwiper .swiper-button-prev::after {
  content: "";
  background: url("../../assets/img/dyes/arrow-right.svg") no-repeat;
  width: 3rem;
  height: 3rem;
}
.management_section .management_wrap .managementSwiper .swiper-button-prev {
  left: 45%;
}
.management_section .management_wrap .managementSwiper .swiper-button-prev::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .management_section .management_wrap .managementSwiper .swiper-button-prev {
    left: 42%;
  }
}
@media screen and (max-width: 767px) {
  .management_section .management_wrap .managementSwiper .swiper-button-prev {
    left: 30%;
  }
}
.management_section .management_wrap .managementSwiper .swiper-button-next {
  right: 45%;
}
@media screen and (max-width: 1024px) {
  .management_section .management_wrap .managementSwiper .swiper-button-next {
    right: 30%;
  }
}
@media screen and (max-width: 767px) {
  .management_section .management_wrap .managementSwiper .swiper-button-next {
    right: 20%;
  }
}

.video__banner__wrapper {
  position: relative;
  height: 254px;
}
@media screen and (max-width: 767px) {
  .video__banner__wrapper {
    height: 100%;
  }
}
.video__banner__wrapper::before {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, left bottom, left top, color-stop(12.31%, rgba(251, 160, 138, 0.8)), to(rgba(0, 0, 0, 0.4)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(251, 160, 138, 0.8) 12.31%, rgba(0, 0, 0, 0.4) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video__banner__wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video__banner__wrapper h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.about__us__wrapper {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .about__us__wrapper {
    padding: 56px 0;
  }
}
.about__us__wrapper h2 {
  margin-bottom: 24px;
}
.about__us__wrapper p {
  max-width: 744px;
  margin: 0 auto 48px auto;
  text-align: center;
}
.about__us__wrapper .img {
  width: 552px;
  height: 312px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .about__us__wrapper .img {
    width: 100%;
    height: 100%;
  }
}
.about__us__wrapper .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}

.vision__wrapper {
  border-bottom: 1px solid #FFE3D5;
  background: #FFF7F3;
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .vision__wrapper {
    padding: 56px 0;
  }
}
.vision__wrapper h2 {
  margin-bottom: 16px;
  text-align: left;
}
.vision__wrapper p {
  margin: 0;
  max-width: 550px;
}
@media screen and (max-width: 767px) {
  .vision__wrapper p {
    margin-bottom: 40px;
  }
}
.vision__wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.core__value__wrapper {
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .core__value__wrapper {
    padding: 56px 0;
  }
}
.core__value__wrapper h2 {
  margin-bottom: 48px;
  text-align: center;
}
.core__value__wrapper .value_card {
  border-radius: 8px;
  border: 1px solid #FFE3D5;
  background: #FFFEFE;
}
.core__value__wrapper .value_card img {
  width: 42px;
  height: 42px;
  margin: 24px auto 24px auto;
  display: block;
}
.core__value__wrapper .value_card p {
  color: #121010;
  font-weight: 500;
  line-height: 130%;
  margin: 0;
  padding: 16px;
  text-align: center;
  border-top: 1px solid #FFE3D5;
}

.legacy__timeline__wrapper {
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .legacy__timeline__wrapper {
    padding: 56px 0;
    overflow: hidden;
  }
}
.legacy__timeline__wrapper h2 {
  text-align: center;
  margin-bottom: 48px;
}
.legacy__timeline__wrapper .timeline_wrap {
  position: relative;
  padding-top: 102px;
}
.legacy__timeline__wrapper .timeline_wrap::before {
  content: "";
  background: #D9D9D9;
  width: 2px;
  height: calc(100% - 80px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap::before {
    left: 16px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    height: calc(100% - 90px);
  }
}
.legacy__timeline__wrapper .timeline_wrap .add_animation {
  position: relative;
  margin-bottom: 32px;
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .section-marker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 34px;
  height: 34px;
  background: #FEF0E9;
  border-radius: 50%;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  z-index: 2;
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .section-marker {
    margin: auto 0;
    right: unset;
  }
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .section-marker::before {
  content: "";
  width: 16px;
  height: 16px;
  background: #F26522;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  visibility: hidden;
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .section-marker.active {
  border: 2px solid #FAC1A7;
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .section-marker.active::before {
  visibility: visible;
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards {
  max-width: 424px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #FAC1A7;
  background: #FFF7F3;
  padding: 14px 22px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards {
    max-width: 400px;
  }
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards {
    max-width: calc(100% - 70px);
  }
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards h4 {
  color: #121010;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 8px;
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards p {
  font-size: 1rem;
  color: #121010;
  margin: 0;
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.left {
  margin-left: 13%;
}
@media screen and (max-width: 1366px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.left {
    margin-left: 6%;
  }
}
@media screen and (max-width: 1024px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.left {
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.left {
    margin-left: 10%;
  }
}
@media screen and (max-width: 767px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.left {
    margin-left: 19%;
  }
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.left::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #FAC1A7;
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.left::after {
    left: -30px;
    border-right: 30px solid #FAC1A7;
    border-left: 0;
  }
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.left::before {
  content: "";
  position: absolute;
  right: -28px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #fef8f6;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.left::before {
    left: -28px;
    border-right: 30px solid #fef8f6;
    border-left: 0;
  }
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.right {
  margin-left: 54.4%;
}
@media screen and (max-width: 1366px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.right {
    margin-left: 56%;
  }
}
@media screen and (max-width: 1024px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.right {
    margin-left: auto;
  }
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.right {
    margin-left: 10%;
  }
}
@media screen and (max-width: 767px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.right {
    margin-left: 19%;
  }
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.right::after {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 30px solid #FAC1A7;
}
.legacy__timeline__wrapper .timeline_wrap .add_animation .timeline_cards.right::before {
  content: "";
  position: absolute;
  left: -28px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 30px solid #fef8f6;
  z-index: 1;
}
.legacy__timeline__wrapper .timeline_wrap .add_animation.active .timeline_cards {
  border: 1px solid #F26522;
}
.legacy__timeline__wrapper .timeline_wrap .add_animation.active .timeline_cards.left::after {
  border-left: 30px solid #F26522;
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation.active .timeline_cards.left::after {
    border-left: 0;
    border-right: 30px solid #F26522;
  }
}
.legacy__timeline__wrapper .timeline_wrap .add_animation.active .timeline_cards.right::after {
  border-right: 30px solid #F26522;
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap .add_animation.active .timeline_cards.right::after {
    border-left: 0;
    border-right: 30px solid #F26522;
  }
}
.legacy__timeline__wrapper .timeline_wrap .scroll_line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 2px;
  height: 0;
  background: #FAC1A7;
  z-index: 1;
  -webkit-transition: height 0.4s linear;
  transition: height 0.4s linear;
}
@media screen and (max-width: 991px) {
  .legacy__timeline__wrapper .timeline_wrap .scroll_line {
    left: 16px;
    right: unset;
    margin: 0;
  }
}

.industries_section {
  padding-block: 3.75rem;
}
.industries_section .industries_content_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 3rem;
}
.industries_section .industries_content_wrap p {
  max-width: 46.5rem;
  text-align: center;
}
.industries_section .contact_card_wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.industries_section .contact_card_wrap .contact_card {
  border-radius: 0.5rem;
  background: #fff7f3;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  height: auto;
  width: 100%;
  margin-bottom: 1.5rem;
}
.industries_section .contact_card_wrap .contact_card span {
  border-radius: 1rem;
  background: #f7a37a;
  padding: 0.5rem;
  color: #fff;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.industries_section .contact_card_wrap .contact_card address {
  color: #736b6a;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
}
.industries_section .contact_card_wrap .contact_card address a {
  color: #736b6a;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}
.industries_section .contact_card_wrap .contact_card address div, .industries_section .contact_card_wrap .contact_card address p {
  color: #736b6a;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
}

.contact_form_section {
  padding: 3.75rem 0;
  border-bottom: 1px solid #ffe3d5;
  background: #fff7f3;
}
.contact_form_section .contact_form_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .contact_form_section .contact_form_content {
    padding-bottom: 3rem;
  }
}
.contact_form_section .contact_form_content h2 {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .contact_form_section .contact_form_content h2 {
    max-width: 288px;
  }
}
.contact_form_section .contact_form_content p {
  max-width: 34.375rem;
  text-align: left;
}
.contact_form_section .contact_form_wrap {
  border-radius: 0.5rem;
  background: #fff;
  padding: 1rem;
}
.contact_form_section .contact_form_wrap h4 {
  color: #121010;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  padding-bottom: 2rem;
}
.contact_form_section .contact_form_wrap #contactForm .form-group {
  margin: 0 0 16px;
  position: relative;
  padding-bottom: 16px;
}
.contact_form_section .contact_form_wrap #contactForm .form-group .error-message {
  color: #d90026;
  font-family: "Instrument Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.1375rem */
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .contact_form_section .contact_form_wrap #contactForm .form-group .error-message {
    font-size: 14px;
  }
}
.contact_form_section .contact_form_wrap #contactForm .form-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.contact_form_section .contact_form_wrap #contactForm .form-group .phone-field .iti {
  display: block;
}
.contact_form_section .contact_form_wrap #contactForm .form-group .phone-field .iti .iti__country-container .iti__selected-country {
  background-color: #e9eef4;
  padding-right: 8px;
}
.contact_form_section .contact_form_wrap #contactForm .form-group .phone-field .iti .iti__country-container .iti__selected-country .iti__arrow {
  display: none;
}
.contact_form_section .contact_form_wrap #contactForm .form-group .phone-field .iti .iti__country-container .iti__selected-country .iti__selected-dial-code {
  color: #222020;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.contact_form_section .contact_form_wrap #contactForm .form-group .phone-field .iti .iti__country-container .iti__selected-country .iti__selected-dial-code::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border: 1px solid #98989a;
  -webkit-transform: rotate(45deg) translate(2px, 0px);
  transform: rotate(45deg) translate(2px, 0px);
  border-top: 0;
  border-left: 0;
}
.contact_form_section .contact_form_wrap #contactForm .form-group .phone-field .iti .iti__tel-input {
  padding-left: 90px;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox {
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox input[type=checkbox] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox input[type=checkbox] + label {
  position: relative;
  padding-left: 26px;
  display: inline-block;
  cursor: pointer;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  height: 18px;
  width: 18px;
  -webkit-box-shadow: 0 0 0 1px #dedede inset;
  box-shadow: 0 0 0 1px #dedede inset;
  border: 1px solid #000;
  opacity: 0.3;
  border-radius: 3px;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox input[type=checkbox] + label::after {
  content: "";
  position: absolute;
  border: 2px solid #000;
  opacity: 0;
  border-top: 0;
  border-right: 0;
  width: 12px;
  height: 6px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
  top: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox input[type=checkbox].error + label + .error-message {
  bottom: 0;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox input[type=checkbox].error + label + .error-message::before {
  opacity: 1;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox a {
  color: #0c3d61;
  text-decoration: underline;
  font-weight: 700;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox a:hover {
  text-decoration: none;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.checkbox.error .error-message {
  bottom: 0;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.error .form-control {
  border-color: #d90026;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.error .form_select .custom_dropdown {
  border-color: #d90026;
}
.contact_form_section .contact_form_wrap #contactForm .form-group.error .error-message::before {
  opacity: 1;
}
.contact_form_section .contact_form_wrap #contactForm label {
  color: #121010;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 1.4625rem */
  display: block;
  margin: 0 0 12px;
}
.contact_form_section .contact_form_wrap #contactForm label span {
  color: #d90026;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.contact_form_section .contact_form_wrap #contactForm textarea {
  padding: 20px 12px;
  height: 172px;
  resize: none;
}
.contact_form_section .contact_form_wrap #contactForm .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
  border-radius: 2rem;
  background: #f16523;
  padding: 0.75rem 1rem;
}
.contact_form_section .contact_form_wrap #contactForm .btn:disabled {
  opacity: 0.6;
  background-color: #f16523;
  color: #fff;
}

.thankyoumodel .modal-dialog .modal-content {
  padding: 1rem;
}
.thankyoumodel .modal-dialog .modal-content .btn-close {
  margin-left: auto;
}
.thankyoumodel .modal-dialog .modal-content .thankyou_message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.thankyoumodel .modal-dialog .modal-content .thankyou_message h4 {
  color: #4b4b4b;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.375rem; /* 110% */
  padding-block: 1.5rem 2rem;
}
.thankyoumodel .modal-dialog .modal-content .thankyou_message button {
  border-radius: 2rem;
  background: #f16523;
  padding: 0.75rem 1rem;
  color: #fff;
  font-family: "Instrument Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
}