@charset "UTF-8";
/* Barakat Palette */
/* Neutrals */
/* Barakat Brand Colors */
/* Barakat Accent Colors */
@font-face {
  font-family: "FilsonPro";
  src: url("../fonts/FilsonPro/Filson-Pro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "FilsonPro";
  src: url("../fonts/FilsonPro/Filson-Pro-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "FilsonPro";
  src: url("../fonts/FilsonPro/Filson-Pro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/Proxima-Nova-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/Proxima-Nova-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/Proxima-Nova-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "GE SS Two";
  src: url("../fonts/GESSTwo/GE-SS-Two-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GE SS Two";
  src: url("../fonts/GESSTwo/GE-SS-Two-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "GE SS Two";
  src: url("../fonts/GESSTwo/GE-SS-Two-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: lg;
  src: url(../fonts/lg.woff2) format("woff2"), url(../fonts/lg.ttf) format("truetype"), url(../fonts/lg.woff) format("woff"), url(../fonts/lg.svg#lg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
html,
body {
  padding: 0;
  margin: 0;
  font-family: "ProximaNova", sans-serif;
  font-weight: 400;
  scroll-behavior: smooth;
}

section {
  margin-bottom: 80px;
}

.container-fluid {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "FilsonPro", sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

p, li, span {
  font-family: "ProximaNova", sans-serif;
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-bottom: 0;
}

a {
  font-family: "ProximaNova", sans-serif;
  font-weight: 500;
  display: block;
  text-decoration: none;
  font-size: 20px;
  color: #212121;
}
a:hover {
  text-decoration: none;
  color: #FFA31E;
}

li {
  font-size: 16px;
  list-style-type: none;
}

h1 {
  font-size: 48px;
  margin-bottom: 40px;
  color: #212121;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 32px;
}

h5 {
  font-size: 28px;
}

h6 {
  font-size: 24px;
}

.policy-content {
  padding-bottom: 50px;
}
.policy-content.section-content {
  width: 100%;
  text-align: left;
  margin-top: 20vh;
}
.policy-content .policy-topic {
  text-align: center;
  margin: 40px 0;
}

.accordion-toggle-buttons button {
  font-size: 16px;
  font-family: "ProximaNova", sans-serif;
  font-weight: 600;
}

.testimonials-description_box .testimonial .review-author {
  font-size: 24px;
  font-weight: 600;
}
.testimonials-description_box .testimonial .review-designation {
  font-size: 20px;
}
.testimonials-description_box .testimonial .review-status {
  font-size: 16px;
  font-style: italic;
}
.testimonials-description_box .testimonial .review-full {
  font-size: 20px;
  margin-top: 30px;
  min-height: 230px;
}

.timeline {
  font-size: 80px;
  text-align: left;
}

.arabic {
  font-family: "GE SS Two", sans-serif;
  font-weight: 500;
}

.btn {
  font-size: 16px;
  border-radius: 30px;
  padding: 10px 30px;
  font-weight: 600;
  font-family: "ProximaNova", sans-serif;
  transition: all 0.5s ease-in-out;
}
.btn-primary {
  background-color: #F36908;
  color: #ffffff;
  border: 1px solid #F36908;
}
.btn-primary:hover {
  background-color: #FFA31E;
  border: 1px solid #FFA31E;
  color: #212121;
}
.btn-secondary {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #ffffff;
}
.btn-secondary:hover {
  background-color: #FFA31E;
  color: #ffffff;
  border: 1px solid #FFA31E;
}
.btn-secondary-green {
  background-color: #F36908;
  color: #ffffff;
  border: 1px solid #F36908;
}
.btn-secondary-green:hover {
  background-color: #FFA31E;
  color: #000000;
  border: 1px solid #FFA31E;
}
.btn-white {
  background-color: #F36908;
  color: #ffffff;
  border: 1px solid #ffffff;
  margin-left: 20px;
}
.btn-white:hover {
  color: #000000;
  background-color: transparent;
  border: 1px solid #FFA31E;
}
.btn-outline {
  border: 1px solid #F36908;
  color: #212121;
  margin-right: 20px;
}
.btn-outline:hover {
  color: #212121;
  background-color: #FFA31E;
  border: 1px solid #FFA31E;
}
.btn-link {
  color: #212121;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-top: 30px;
}
.btn-link:hover {
  color: #FFA31E;
}
.btn-link:hover .btn-arrow-svg {
  transform: rotate(0deg);
  -webkit-font-smoothing: antialiased;
  background: no-repeat center/contain url("../images/common-icons/fill-arrow-btn-green.svg");
}
.btn-arrow-svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  background: no-repeat center/contain url("../images/common-icons/fill-arrow-btn-black.svg");
  transform: rotate(-45deg);
  margin-left: 10px;
  color: #ffffff;
  transition: transform 0.3s ease-in-out;
  -webkit-font-smoothing: antialiased;
}
.btn-arrow-svg.btn-arrow-white {
  background: no-repeat center/contain url("../images/common-icons/fill-arrow-btn-white.svg");
}

html {
  scroll-behavior: smooth;
}

body {
  padding-top: 0;
}

.main-header {
  position: fixed;
  top: 4%;
  left: 0;
  right: 0;
  z-index: 999;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(-10%);
}
.main-header.hide-on-scroll {
  transform: translateY(-150%);
}
.main-header input#menu-toggle {
  display: none;
}

.navbar-primary,
.navbar-solid {
  background-color: #f9f5f2 !important;
  height: 10vh;
  border-radius: 50px;
  padding: 0 30px;
}
.navbar-primary .nav-item,
.navbar-solid .nav-item {
  margin-left: 30px;
  font-size: 18px;
}
.navbar-primary .nav-item.active,
.navbar-solid .nav-item.active {
  position: relative;
  padding-bottom: 4px;
  font-weight: 700;
  text-decoration: none;
}
.navbar-primary .nav-link,
.navbar-solid .nav-link {
  color: #212121 !important;
  font-weight: 600;
  transition: color 0.3s ease;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.navbar-primary .nav-link:hover,
.navbar-solid .nav-link:hover {
  color: #FFA31E !important;
}
.navbar-primary .nav-link.active,
.navbar-solid .nav-link.active {
  position: relative;
  padding-bottom: 4px;
  font-weight: 700;
  text-decoration: none;
}
.navbar-primary .nav-link.active::after,
.navbar-solid .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #F36908;
}
.navbar-primary .navbar-toggler,
.navbar-solid .navbar-toggler {
  margin-left: auto;
  padding: 0.5rem;
  cursor: pointer;
  border: none;
  background: transparent;
  z-index: 1001;
}
.navbar-primary .arabic,
.navbar-solid .arabic {
  color: #212121;
  margin-left: 20px;
}

.navbar-primary .logo-light {
  display: inline-block;
}
.navbar-primary .logo-dark {
  display: none;
}

.navbar-solid {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.navbar-solid .logo-dark {
  display: inline-block !important;
}
.navbar-solid .btn-outline {
  color: #212121 !important;
  border: 1px solid #F36908;
}
.navbar-solid .btn-outline:hover {
  color: #000000;
  background-color: #FFA31E;
  border: 1px solid #FFA31E;
}
.navbar-solid .btn-white {
  color: #000000;
  background-color: #F36908;
}
.navbar-solid .btn-white:hover {
  background-color: transparent;
  border: 1px solid #FFA31E;
}

.sub-navbar {
  background-color: transparent !important;
  border-bottom: 1px solid #ffffff;
  padding: 0.5rem 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.sub-navbar .nav-link {
  color: #ffffff !important;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}
.sub-navbar .nav-link:hover {
  color: #608b3d !important;
}
.sub-navbar .nav-link.active {
  color: #608b3d !important;
  font-weight: 600;
}

footer {
  background-color: #f9f5f2;
  padding-top: 30px;
  border-radius: 30px 30px 0 0;
}
footer a {
  margin-bottom: 10px;
  font-family: "ProximaNova", sans-serif;
}
footer .footer_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #f0eada;
  margin-bottom: 50px;
  padding-bottom: 30px;
}
footer .footer_logo .barakat_logo {
  height: 50px;
  flex-shrink: 0;
}
footer .footer-topic {
  text-transform: uppercase;
  margin-bottom: 15px;
}
footer .footer-links-content {
  display: flex;
}
footer .footer-links-content .col {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
footer .footer-links-content .col:nth-last-child(1) {
  padding-left: 100px;
}
footer .footer_content {
  padding-right: 80px;
}
footer .footer_content a {
  margin-top: 20px;
}
footer .footer_content a .footer-contact-icon {
  margin-right: 10px;
}
footer .footer-end {
  background-color: #608b3d;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 50px;
  margin-top: 50px;
  border-radius: 30px 30px 0 0;
}
footer .footer-end .footer-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer-end .footer-top .footer-options ul {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  padding: 0;
}
footer .footer-end .footer-top .footer-options ul a {
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
}
footer .footer-end .footer-top .footer-options ul a:hover {
  text-decoration: none;
}
footer .footer-end .footer-top .social-icon img {
  height: 25px;
  transition: transform 0.5s ease-in-out;
}
footer .footer-end .footer-top .social-icon img:hover {
  transform: rotate(360deg);
}
footer .footer-end .footer-top .footer-sm {
  display: flex;
  gap: 15px;
}
footer .footer-end .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: bottom;
  margin-top: 20px;
}
footer .footer-end .footer-bottom .footer-bottom-left {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
footer .footer-end .footer-bottom .footer-bottom-left p {
  margin-bottom: 0;
  font-size: 14px;
}
footer .footer-end .footer-bottom .footer-bottom-right {
  display: flex;
}
footer .footer-end .footer-bottom .footer-bottom-right a {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 0;
}
footer .footer-end .footer-bottom .footer-bottom-right a::after {
  content: "|";
  margin: 0 10px;
  color: #ffffff;
}
footer .footer-end .footer-bottom .footer-bottom-right a:last-child::after {
  display: none;
}

.hero-slider {
  margin-bottom: 0;
}
.hero-slider .heroswiper {
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hero-slider .heroswiper .hero-slider-bg {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  position: relative;
  overflow: hidden;
}
.hero-slider .heroswiper .hero-slider-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  z-index: -1;
  transform: scale(1);
  animation: none;
}
.hero-slider .heroswiper .hero-slider-bg.swiper-slide-active::before {
  animation: zoom 20s ease-in-out forwards;
}
@keyframes zoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
.hero-slider .heroswiper .swiper-wrapper {
  flex: 1;
  transition-timing-function: ease-in-out !important;
}
.hero-slider .heroswiper .swiper-pagination {
  bottom: 5%;
  width: 100%;
}
.hero-slider .heroswiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #ffffff;
  opacity: 0.8;
  border-radius: 50%;
  margin: 0 8px;
  position: relative;
}
.hero-slider .heroswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid #ffffff;
  opacity: 1;
  margin: 0 12px;
}
.hero-slider .heroswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  opacity: 0.6;
  z-index: 1;
}

.icons-usp {
  background-color: #f0eada;
  padding: 30px 0;
}
.icons-usp .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.icons-usp .col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.icons-usp .col p {
  margin-bottom: 0;
  color: #000000;
  width: 80%;
}
.icons-usp .col img {
  height: 50px;
}

.about-and-stats {
  position: relative;
  margin-top: 100px;
}
.about-and-stats .about-story {
  background-color: #ffffff;
}
.about-and-stats .about-story .section-content {
  background-color: #ffffff;
  z-index: 2;
  display: block;
  height: auto;
  position: relative;
  padding: 0 50px 40px;
  border-radius: 30px;
}
.about-and-stats .metrics_bg {
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  color: #ffffff;
  z-index: 1;
  margin-top: -166px;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
}
.about-and-stats .metrics_bg .metrics {
  background-color: rgba(0, 0, 0, 0.5);
  margin-bottom: 80px;
  padding: 100px 0;
  font-size: 28px;
  border-radius: 30px;
}
.about-and-stats .metrics_bg .metrics .metrics_1,
.about-and-stats .metrics_bg .metrics .metrics_2,
.about-and-stats .metrics_bg .metrics .metrics_3,
.about-and-stats .metrics_bg .metrics .metrics_4 {
  height: 100px;
  display: inline-flex;
  align-items: center;
}
.about-and-stats .metrics_bg .metrics .metrics_1 span,
.about-and-stats .metrics_bg .metrics .metrics_2 span,
.about-and-stats .metrics_bg .metrics .metrics_3 span,
.about-and-stats .metrics_bg .metrics .metrics_4 span {
  font-size: 60px;
}
.about-and-stats .metrics_bg .metrics .metrics_1 p,
.about-and-stats .metrics_bg .metrics .metrics_2 p,
.about-and-stats .metrics_bg .metrics .metrics_3 p,
.about-and-stats .metrics_bg .metrics .metrics_4 p {
  font-size: 36px;
}
.about-and-stats .metrics_bg .metrics .metrics_1 {
  margin-left: 5%;
}
.about-and-stats .metrics_bg .metrics .metrics_2 {
  margin-left: 50%;
}
.about-and-stats .metrics_bg .metrics .metrics_2 span {
  display: inline-flex;
}
.about-and-stats .metrics_bg .metrics .metrics_3 {
  margin-left: 15%;
}
.about-and-stats .metrics_bg .metrics .metrics_4 {
  margin-left: 40%;
}
.about-and-stats .metrics_bg .metrics .count {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.about-and-stats .metrics_bg .metrics hr {
  width: 100%;
}

.video .video-grid {
  display: flex;
  border-radius: 30px;
}
.video .video-grid .video-player {
  margin: 0 40px;
  width: 100vw;
  height: 80vh;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}

.home-panel {
  position: relative;
  background-color: #f9f5f2;
  padding: 50px 0;
  border-radius: 30px;
}
.home-panel .section-content {
  text-align: left;
  margin: 0;
  width: 100%;
}
.home-panel .branch-location .homer-box p {
  margin-top: 15px;
  width: 70%;
}
.home-panel .branch-location .homer-box button {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000000;
}
.home-panel .branch-location .homer-box button img {
  margin: 0;
}
.home-panel .branch-location .homer-box .btn-link {
  justify-content: flex-start;
}
.home-panel .branch-location .homer-image {
  position: absolute;
  bottom: 70px;
  right: 90%;
  width: 55vw;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.home-panel .branch-location .homel-box {
  color: #ffffff;
  background-color: #F06877 !important;
  margin: 40px 0;
}
.home-panel .branch-location .homel-box .btn-link {
  color: #ffffff;
  justify-content: flex-start;
}
.home-panel .branch-location .homel-box .btn-link:hover .btn-arrow-svg {
  background: url("../images/common-icons/fill-arrow-btn-white.svg");
}
.home-panel .branch-location .homel-box .btn-arrow-svg {
  background: url("../images/common-icons/fill-arrow-btn-white.svg");
}
.home-panel .branch-location .homel-box .homel-image {
  position: absolute;
  top: 5%;
  width: 550px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 20px;
  border-radius: 30px;
}
.home-panel .branch-location .homel-box .section-content .section-subtitle,
.home-panel .branch-location .homel-box .section-content h3,
.home-panel .branch-location .homel-box .section-content .sub-des {
  color: #ffffff;
}
.home-panel .branch-location .homel-box .section-content h3 {
  margin-top: 10px;
}
.home-panel .home-arrow {
  position: absolute;
}
.home-panel .home-arrow #left-arrow {
  rotate: 180deg;
}
.home-panel .home-yellow {
  position: absolute;
  right: 5%;
}

.brand {
  text-align: center;
  margin: 120px 0 40px;
}
.brand h2 {
  margin: 20px 0;
}
.brand .brand-button {
  margin-top: 30px;
}
.brand button {
  color: #000000;
}
.brand .brand_slider {
  position: relative;
  width: 100%;
  margin-top: 50px;
}
.brand .brand_slider .swiper {
  width: 100%;
  height: 100%;
}
.brand .brand_slider .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand .brand_slider .swiper-slide img {
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  border-radius: 30px 30px 0 0;
}
.brand .brand_slider .swiper-slide .overlay-text {
  height: 220px;
  width: 100%;
  padding: 10px;
  text-align: center;
  border-radius: 0 0 30px 30px;
}
.brand .brand_slider .swiper-slide .overlay-text img {
  width: auto;
  height: 60px;
  margin: 0 auto;
  display: block;
  border-radius: 0;
  margin-top: 10px;
}
.brand .brand_slider .swiper-slide .overlay-text .description-box {
  margin-top: 10px;
  color: #ffffff;
  width: 100%;
}
.brand .brand_slider .swiper-slide:nth-child(1) .overlay-text {
  background-color: #608b3d;
}
.brand .brand_slider .swiper-slide:nth-child(2) .overlay-text {
  background-color: #ff6b4c;
}
.brand .brand_slider .swiper-slide:nth-child(3) .overlay-text {
  background-color: #ffb14a;
}
.brand .brand_slider .swiper-slide:nth-child(4) .overlay-text {
  background-color: #bc0447;
}
.brand .brand_slider .swiper-slide:nth-child(5) .overlay-text {
  background-color: #61b9ae;
}
.brand .brand_slider .swiper-button-next,
.brand .brand_slider .swiper-button-prev {
  color: rgb(250, 250, 250);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
}
.brand .brand_slider .swiper-button-prev {
  left: 10px;
}
.brand .brand_slider .swiper-button-next {
  right: 10px;
}

.impact {
  text-align: center;
  margin: 120px 0 50px;
}
.impact h2 {
  margin: 10px 0 20px;
}
.impact .split-box {
  margin: 0 40px;
}
.impact .split-box .row {
  display: flex;
  flex-direction: row;
  align-items: end;
  margin-bottom: 50px;
}
.impact .split-box .content-split {
  position: relative;
}
.impact .split-box .content-split img {
  width: 100%;
}
.impact .split-box .content-split .extra-decoration {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 10%;
  right: 5%;
}
.impact .split-box .content-split .csr-down {
  position: absolute;
  width: 60px;
  height: 60px;
  bottom: 10%;
  right: 5%;
}
.impact .split-box .sustainability-cover {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.impact .split-box .csr-image {
  width: 100%;
  height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}

.investor-box .row {
  display: flex;
  justify-content: center;
}
.investor-box .investor-topic {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.investor-box .investor-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.investor-box .section-content {
  text-align: left;
  width: 90%;
  margin-bottom: auto;
  margin-left: 0;
  justify-content: space-between;
}
.investor-box .section-content a {
  justify-content: flex-start;
  margin-bottom: 0;
}
.investor-box .section-content h3 {
  margin-top: 0;
}
.investor-box .detail-box {
  display: flex;
  flex-direction: column;
  height: auto;
}
.investor-box .detail-box .section-content {
  padding: 20px;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.investor-box .detail-box:nth-of-type(1) .section-content {
  background-color: #E4F1F7;
  border-radius: 30px;
}
.investor-box .detail-box:nth-of-type(1) .section-content a:hover {
  color: #212121;
}
.investor-box .detail-box:nth-of-type(1) .section-content a:hover .btn-arrow-svg {
  transform: rotate(0deg);
  -webkit-font-smoothing: antialiased;
  background: no-repeat center/contain url("../images/common-icons/fill-arrow-btn-black.svg");
}
.investor-box .detail-box:nth-of-type(2) .section-content {
  background-color: #72A4AF;
  margin: 0;
  border-radius: 30px;
}
.investor-box .detail-box:nth-of-type(2) .section-content h3,
.investor-box .detail-box:nth-of-type(2) .section-content p,
.investor-box .detail-box:nth-of-type(2) .section-content a {
  color: #ffffff;
}

.testimonialSwiper {
  margin-top: 80px;
  background-color: #f0eada;
  position: relative;
  border-radius: 30px;
}
.testimonialSwiper .testimonial_section {
  padding: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.testimonialSwiper .testimonial_section h2 {
  text-align: center;
  margin-bottom: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 100px;
  position: relative;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack {
  position: relative;
  width: 350px;
  height: 350px;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .polaroid-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  opacity: 0;
  transform-origin: center;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .polaroid-slide img {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border: 10px solid #f9f5f2;
  padding: 20px 0;
  background-color: #f9f5f2;
  border-radius: 30px;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide1 img {
  transform: rotate(-5deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide2 img {
  transform: rotate(3deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide3 img {
  transform: rotate(-3deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide4 img {
  transform: rotate(2deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide5 img {
  transform: rotate(-5deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide6 img {
  transform: rotate(3deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide7 img {
  transform: rotate(-3deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide8 img {
  transform: rotate(2deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide9 img {
  transform: rotate(-5deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .slide10 img {
  transform: rotate(3deg);
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .testimonials-description_box {
  width: 50%;
  padding: 20px;
  border-radius: 30px;
  min-height: 330px;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .testimonials-description_box .testimonial {
  display: none;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper .testimonials-description_box .testimonial.active {
  display: block;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide1 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide2 {
  opacity: 1;
  z-index: 10;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide3 {
  opacity: 1;
  z-index: 9;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide4 {
  opacity: 1;
  z-index: 8;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide5 {
  opacity: 1;
  z-index: 7;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide6 {
  opacity: 1;
  z-index: 6;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide7 {
  opacity: 1;
  z-index: 5;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide8 {
  opacity: 1;
  z-index: 4;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide9 {
  opacity: 1;
  z-index: 3;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot1 .slide10 {
  opacity: 1;
  z-index: 2;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide1 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide2 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide3 {
  opacity: 1;
  z-index: 10;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide4 {
  opacity: 1;
  z-index: 9;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide5 {
  opacity: 1;
  z-index: 8;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide6 {
  opacity: 1;
  z-index: 7;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide7 {
  opacity: 1;
  z-index: 6;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide8 {
  opacity: 1;
  z-index: 5;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide9 {
  opacity: 1;
  z-index: 4;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot2 .slide10 {
  opacity: 1;
  z-index: 3;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide1 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide2 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide3 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide4 {
  opacity: 1;
  z-index: 10;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide5 {
  opacity: 1;
  z-index: 9;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide6 {
  opacity: 1;
  z-index: 8;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide7 {
  opacity: 1;
  z-index: 7;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide8 {
  opacity: 1;
  z-index: 6;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide9 {
  opacity: 1;
  z-index: 5;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot3 .slide10 {
  opacity: 1;
  z-index: 4;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide1 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide2 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide3 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide4 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide5 {
  opacity: 1;
  z-index: 10;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide6 {
  opacity: 1;
  z-index: 9;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide7 {
  opacity: 1;
  z-index: 8;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide8 {
  opacity: 1;
  z-index: 7;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide9 {
  opacity: 1;
  z-index: 6;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot4 .slide10 {
  opacity: 1;
  z-index: 5;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide1 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide2 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide3 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide4 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide5 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide6 {
  opacity: 1;
  z-index: 10;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide7 {
  opacity: 1;
  z-index: 9;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide8 {
  opacity: 1;
  z-index: 8;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide9 {
  opacity: 1;
  z-index: 7;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot5 .slide10 {
  opacity: 1;
  z-index: 6;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide1 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide2 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide3 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide4 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide5 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide6 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide7 {
  opacity: 1;
  z-index: 10;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide8 {
  opacity: 1;
  z-index: 9;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide9 {
  opacity: 1;
  z-index: 8;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot6 .slide10 {
  opacity: 1;
  z-index: 7;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide1 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide2 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide3 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide4 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide5 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide6 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide7 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide8 {
  opacity: 1;
  z-index: 10;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide9 {
  opacity: 1;
  z-index: 9;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot7 .slide10 {
  opacity: 1;
  z-index: 8;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide1 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide2 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide3 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide4 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide5 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide6 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide7 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide8 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide9 {
  opacity: 1;
  z-index: 10;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot8 .slide10 {
  opacity: 1;
  z-index: 9;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide1 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide2 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide3 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide4 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide5 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide6 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide7 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide8 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide9 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot9 .slide10 {
  opacity: 1;
  z-index: 10;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide1 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide2 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide3 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide4 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide5 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide6 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide7 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide8 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide9 {
  opacity: 0;
}
.testimonialSwiper .testimonial_section .testimonial_wrapper.dot10 .slide10 {
  opacity: 1;
  z-index: 11;
}
.testimonialSwiper .testimonial_section .custom-pagination {
  text-align: center;
  margin-top: 20px;
}
.testimonialSwiper .testimonial_section .custom-pagination .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease;
}
.testimonialSwiper .testimonial_section .custom-pagination .dot.active {
  background: #212121;
}
.testimonialSwiper .testi-decoration-left {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}
.testimonialSwiper .testi-decoration-right {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 10%;
  right: 2%;
}
.testimonialSwiper .custom-navigation {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}
.testimonialSwiper .custom-navigation img {
  cursor: pointer;
}
.testimonialSwiper .custom-navigation .testi-arrow-left {
  cursor: pointer;
  rotate: 180deg;
  margin-right: 20px;
}
.testimonialSwiper .custom-navigation .nav-right {
  cursor: pointer;
}

.follow .follow-section {
  display: flex;
  justify-content: space-between;
}
.follow .follow-section .section-content {
  text-align: left;
  margin: 0;
  width: 50%;
}
.follow .follow-section .section-content h2 {
  margin-bottom: 0;
}
.follow .follow-section .follow-socialmedia {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
.follow .follow-section .follow-socialmedia img {
  width: 30px;
  height: 30px;
  transition: transform 0.5s ease-in-out;
}
.follow .follow-section .follow-socialmedia img:hover {
  transform: rotate(360deg);
}
.follow .section_picture {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.follow .section_picture img {
  width: 100%;
  height: 100%;
}

.dual-block .dual-block-left .block-quotes {
  color: #ffffff;
  font-size: 32px;
  background-color: #608b3d;
  padding: 10px;
  margin-top: 30px;
}

.overflow-chart.straightflow {
  background-color: #f9f5f2;
}
.overflow-chart.straightflow .overflow-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
.overflow-chart.straightflow .overflow-box button {
  margin: 0;
}
.overflow-chart.straightflow .overflow-box:nth-child(1) {
  top: 20%;
  right: 18%;
}
.overflow-chart.straightflow .overflow-box:nth-child(2) {
  top: 30%;
}
.overflow-chart.straightflow .overflow-box:nth-child(3) {
  top: 40%;
  right: 18%;
}
.overflow-chart.straightflow .overflow-box:nth-child(4) {
  top: 50%;
}
.overflow-chart.straightflow .overflow-box:nth-child(5) {
  background-color: #b1d055;
  position: absolute;
  top: 60%;
  right: 18%;
}

.sustain-swiper {
  width: 100%;
  height: 100%;
}
.sustain-swiper .swiper-slide {
  height: auto;
  background-color: #f9f5f2;
}
.sustain-swiper .swiper-slide img {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustain-swiper .swiper-slide .section-content {
  width: 80%;
  display: flex;
  align-items: center;
  height: 150px;
}

.sustainability-hero {
  margin-bottom: 0;
}

#overview .dual-block {
  margin-top: 100px;
}
#overview .sustain-slider-header {
  margin-bottom: 40px;
}

#sourcing .dual-block {
  margin-top: 100px;
}
#sourcing .cropped-image {
  margin-bottom: 100px;
}
#sourcing .cropped-image img {
  width: 100%;
}
#sourcing .split-box {
  margin-top: 80px;
}
#sourcing .career-redirect {
  margin-top: 80px;
  background-color: #f0eada;
}
#sourcing .career-redirect p {
  margin-bottom: 20px;
}

.innerpg-tab .tab-topics {
  display: flex;
  justify-content: center;
  gap: 30px;
  background-color: #f9f5f2;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  max-width: 95%;
  margin: 0 auto;
}
.innerpg-tab .tab-topics .active {
  font-family: "ProximaNova", sans-serif;
}
.innerpg-tab .tab-topics li button {
  color: #212121;
  font-family: "ProximaNova", sans-serif;
}

.csr-slider .csr-slider-header.section-content {
  width: 50%;
}
.csr-slider .swiper {
  width: 100%;
  height: 100%;
}
.csr-slider .swiper .swiper-slide p, .csr-slider .swiper .swiper-slide a {
  display: none;
  transition: all 0.3s ease-in-out;
}
.csr-slider .swiper .swiper-slide h5 {
  color: #000000;
}
.csr-slider .swiper .swiper-slide.swiper-slide-active p, .csr-slider .swiper .swiper-slide.swiper-slide-active a {
  display: flex;
}
.csr-slider .swiper .swiper-slide.swiper-slide-active h5 {
  color: #212121;
}
.csr-slider .swiper .swiper-slide a {
  justify-content: left;
}
.csr-slider .swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.csr-slider .swiper .swiper-slide video {
  width: 100%;
  height: auto;
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.csr-slider .swiper .swiper-slide iframe {
  width: 100%;
  height: auto;
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.csr-slider .swiper .swiper-slide .section-content {
  width: 100%;
  text-align: left;
  margin: 0;
}
.csr-slider .swiper .swiper-slide .section-content h5 {
  margin: 20px 0;
}
.csr-slider .swiper .swiper-slide .section-content p {
  font-size: 20px;
}

#customTabs, #downloadTabs {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.media-branding {
  margin-bottom: 120px;
}
.media-branding .media-branding-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 350px;
  color: white;
  display: grid;
  place-content: center;
  justify-content: center;
  padding: 20px;
}

.row-redirect .row-redirect-box {
  position: relative;
}
.row-redirect .row-redirect-box:hover .redirect-arrow .default {
  display: none;
}
.row-redirect .row-redirect-box:hover .redirect-arrow .hover {
  display: block;
}
.row-redirect img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.row-redirect .redirect-description {
  transform: translateY(-100px);
  width: 80%;
  height: auto;
  padding: 20px;
  border-radius: 30px;
}
.row-redirect .redirect-description span {
  font-size: 14px;
  font-family: "ProximaNova", sans-serif;
  font-weight: 700;
}
.row-redirect .redirect-description p {
  font-size: 24px;
  color: #212121;
  font-family: "FilsonPro", sans-serif;
  font-weight: 400;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.row-redirect .redirect-description .company-name,
.row-redirect .redirect-description .publish-date {
  color: #212121;
  text-transform: uppercase;
}
.row-redirect .redirect-arrow {
  position: absolute;
  top: 2%;
  right: 2%;
}
.row-redirect .redirect-arrow .default {
  display: block;
}
.row-redirect .redirect-arrow .hover {
  display: none;
}
.row-redirect .redirect-arrow img {
  width: 100%;
  height: 50%;
}
.row-redirect .row .col:nth-child(4n) .redirect-description, .row-redirect .row .col:nth-child(4n+1) .redirect-description {
  background-color: #f0eada;
}
.row-redirect .row .col:nth-child(4n+2) .redirect-description, .row-redirect .row .col:nth-child(4n+3) .redirect-description {
  background-color: #f9f5f2;
}

.year {
  font-size: 80px;
  text-align: center;
}

.tabbed-gallery {
  display: flex;
  align-items: flex-start;
  gap: 50px;
  margin-bottom: 100px;
}
.tabbed-gallery .tab-menu {
  width: 300px;
  background-color: #f9f5f2;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 130px;
  max-height: 400px;
  overflow-y: auto;
  border-radius: 20px;
}
.tabbed-gallery .tab-menu p {
  margin-bottom: 0;
}
.tabbed-gallery .tab-menu .tab-link {
  padding: 20px 30px;
  border: none;
  text-align: left;
  color: #212121;
  font-size: 24px;
  background-color: #f9f5f2;
}
.tabbed-gallery .tab-menu .tab-link.active {
  background-color: #b1d055;
  color: #212121;
  font-weight: 700;
}
.tabbed-gallery .tab-content {
  flex: 1;
  padding: 0;
  margin-top: 0;
}
.tabbed-gallery .tab-content .tab-panel {
  display: none;
}
.tabbed-gallery .tab-content .tab-panel.active {
  display: block;
}
.tabbed-gallery .tab-content .tab-panel .gallery-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.tabbed-gallery .tab-content .tab-panel .gallery-grid a {
  display: block;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tabbed-gallery .tab-content .tab-panel .gallery-grid a:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.tabbed-gallery .tab-content .tab-panel .gallery-grid a img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.tabbed-gallery .tab-content .tab-panel .gallery-grid a:nth-child(7n+1) {
  grid-column: span 4;
}
.tabbed-gallery .tab-content .tab-panel .gallery-grid a:nth-child(7n+2) {
  grid-column: span 8;
}
.tabbed-gallery .tab-content .tab-panel .gallery-grid a:nth-child(7n+3) {
  grid-column: span 8;
}
.tabbed-gallery .tab-content .tab-panel .gallery-grid a:nth-child(7n+4) {
  grid-column: span 4;
}
.tabbed-gallery .tab-content .tab-panel .gallery-grid a:nth-child(7n+5), .tabbed-gallery .tab-content .tab-panel .gallery-grid a:nth-child(7n+6), .tabbed-gallery .tab-content .tab-panel .gallery-grid a:nth-child(7n+7) {
  grid-column: span 4;
}

.preview-topic h1 {
  width: 80%;
  margin-top: 50px;
}
.preview-topic a {
  display: flex;
  gap: 10px;
  color: #000000;
  align-items: center;
}

.blog-preview-banner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.blog-preview-banner .preview-display {
  display: flex;
  align-items: center;
}
.blog-preview-banner .preview-display p {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-right: 30px;
}
.blog-preview-banner .preview-display a {
  margin-bottom: 0;
}
.blog-preview-banner .preview-display a img {
  transition: transform 0.5s ease-in-out;
}
.blog-preview-banner .preview-display a img:hover {
  transform: rotate(360deg);
}

.preview-content {
  margin-top: 80px;
}

.media-room-topic {
  margin-top: 50px;
}

.tab-dropdown {
  display: none;
}

.alternating-section {
  margin: 80px 40px;
}
.alternating-section .row {
  display: flex;
  justify-content: left;
}
.alternating-section .row .col {
  display: flex;
  flex-direction: column;
  height: auto;
  margin-top: 20px;
}
.alternating-section .row .col:nth-child(odd) .alternating-slide {
  background-color: #f0eada;
}
.alternating-section .row .col:nth-child(even) .alternating-slide {
  background-color: #f9f5f2;
}
.alternating-section .row .col .alternating-slide {
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 30px;
}
.alternating-section .row .col .alternating-slide .alternating-description {
  text-align: left;
  width: 100%;
  margin-top: 0px;
}
.alternating-section .row .col .alternating-slide .alternating-description img {
  width: auto;
  height: 50px;
  margin-bottom: 20px;
  -webkit-font-smoothing: antialiased;
}
.alternating-section .row .col .alternating-slide .alternating-description p {
  font-size: 20px;
}
.alternating-section .row .col .alternating-slide .alternating-description h6 {
  margin-bottom: 20px;
}
.alternating-section .row .col .alternating-slide .alternating-footer a {
  color: #000000;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-wrap: anywhere;
  font-size: 15px;
}
.alternating-section .row .col .alternating-slide .alternating-footer a:hover {
  color: #FFA31E;
}
.alternating-section.product-stats .alternating-slide {
  justify-content: flex-start !important;
}

.selection-tab h2 {
  display: block;
  text-align: center;
  color: #000000;
  margin-bottom: 30px;
}
.selection-tab .nav-underline {
  justify-content: center;
  gap: 50px;
}
.selection-tab .nav-underline .nav-link {
  color: #000000;
}
.selection-tab .nav-underline .nav-link.active {
  color: #F36908;
  border-bottom: 2px solid #F36908;
  font-weight: 500;
}
.selection-tab .nav-underline .nav-link:hover {
  color: #FFA31E;
  border-bottom: 2px solid #FFA31E;
}
.selection-tab .tab-pane {
  padding: 15px 0;
}
.selection-tab .tab-pane .tab-description {
  display: flex;
  justify-content: space-between;
}
.selection-tab .tab-pane .tab-description .section-content {
  margin: 0;
  width: 100%;
  text-align: left;
  margin-right: 100px;
}
.selection-tab .tab-pane .tab-description .section-content h6 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.selection-tab .tab-pane .tab-description .section-content p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  font-size: 20px;
}
.selection-tab .tab-pane .tab-description .section-content p a {
  margin-bottom: 0;
}
.selection-tab .tab-pane .tab-description .section-content p img {
  width: auto;
}
.selection-tab .tab-pane iframe {
  margin-top: 50px;
  width: 100%;
  height: 500px;
  border: 0;
  border-radius: 30px;
}

.text-visual a {
  margin-right: 10px;
}
.text-visual.contact-text-visual a.btn-outline {
  border: none;
}

:root {
  --swiper-wrapper-transition-timing-function: linear !important;
}

.about-main {
  margin-top: 20vh;
}

.certification {
  background-color: #f0eada;
  padding: 50px;
  border-radius: 30px;
}
.certification .section-content {
  margin-bottom: 50px;
}
.certification .label-certification-swiper {
  margin: 50px 0 0;
}
.certification .label-certification-swiper .swiper-slide {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 200px;
  height: 150px;
  border-radius: 30px;
}
.certification .label-certification-swiper .certification-display {
  width: 100%;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.impact-report .row {
  display: flex;
  align-items: center;
}
.impact-report .section-content {
  text-align: left;
}
.impact-report .section-content a {
  justify-content: flex-start;
}
.impact-report .investor-cover {
  width: 600px;
  height: auto;
}

.highlight-image .highlight-cover1 {
  width: 70%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
.highlight-image .highlight-cover2 {
  width: 30%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}

.leader-intro {
  background-color: #f6ebe2;
  padding: 30px;
}
.leader-intro h2 {
  margin-bottom: 30px;
}
.leader-intro .col {
  position: relative;
  padding-left: 10px;
}
.leader-intro .col h5 {
  margin-top: 10px;
  width: 80%;
}
.leader-intro .col::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 78%;
}
.leader-intro .leader-intro-row1 {
  margin-bottom: 50px;
}
.leader-intro .leader-intro-row1 .col:nth-child(1)::before {
  background-color: #f06b92;
}
.leader-intro .leader-intro-row1 .col:nth-child(2)::before {
  background-color: #e9a240;
}
.leader-intro .leader-intro-row1 .col:nth-child(3)::before {
  background-color: #6cc8fa;
}
.leader-intro .leader-intro-row2 .col:nth-child(1)::before {
  background-color: #997057;
}
.leader-intro .leader-intro-row2 .col:nth-child(2)::before {
  background-color: #569b7f;
}
.leader-intro .leader-intro-row2 .col:nth-child(3)::before {
  background-color: #c13e3e;
}

.leadership-slider .leaderswiper {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
}
.leadership-slider .leaderswiper .swiper-slide {
  height: 100%;
  width: 100%;
  position: relative;
}
.leadership-slider .leaderswiper .swiper-slide a {
  cursor: pointer;
  color: unset;
}
.leadership-slider .leaderswiper .swiper-slide a:focus-visible {
  outline: none;
}
.leadership-slider .leaderswiper .swiper-slide a:hover h6 {
  color: #FFA31E;
}
.leadership-slider .leaderswiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.leadership-slider .leaderswiper .swiper-slide h6 {
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.leadership-slider .leaderswiper .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -90px;
  width: 80px;
  height: 400px;
  border-radius: 30px;
}
.leadership-slider .leaderswiper .swiper-wrapper .swiper-slide:nth-child(3n)::after {
  background-color: #f0eada;
}
.leadership-slider .leaderswiper .swiper-wrapper .swiper-slide:nth-child(3n+1)::after {
  background-color: #f9f5f2;
}
.leadership-slider .leaderswiper .swiper-wrapper .swiper-slide:nth-child(3n+2)::after {
  background-color: #b1d055;
}

.redirect-info {
  background-color: #d9df40;
}

.timeline-section {
  margin-top: 40px;
  margin-bottom: 0;
}
.timeline-section .swiper-wrapper {
  transition-timing-function: linear !important;
}
.timeline-section .timelineswiper {
  width: 100%;
  height: 100%;
}
.timeline-section .swiper-slide img {
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  border-radius: 30px;
}

.overflow-chart {
  background-color: #f9f5f2;
  position: relative;
  padding: 100px 0;
  margin-top: 100px;
  border-radius: 30px;
}
.overflow-chart .section-content {
  text-align: left;
}
.overflow-chart .overflow-index-image {
  width: 100%;
  height: 40vh;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.overflow-chart .overflow-box {
  color: #212121;
  width: 600px;
  min-height: 180px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #ffffff;
  margin-bottom: 30px;
  position: relative;
  border-radius: 30px;
}
.overflow-chart .overflow-box h3 {
  color: #212121;
  margin-bottom: 15px;
}
.overflow-chart .overflow-box:nth-child(2) {
  transform: translateX(-150px);
}
.overflow-chart .overflow-box .overflow-deco {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10%;
  right: 5%;
}
.overflow-chart .overflow-star {
  width: 15%;
  height: 15%;
  position: absolute;
  top: 5%;
  right: 0;
}
.overflow-chart .overflow-footer {
  width: 15%;
  height: 15%;
  position: absolute;
  bottom: -20px;
  right: 2%;
}

.center-highlight {
  background-color: #ffffff;
}
.center-highlight .section-content {
  width: 50%;
}
.center-highlight .highlight-image {
  margin: 0 50px;
}
.center-highlight .highlight-image .highlight-cover1 {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 450px;
  border-radius: 30px;
}
.center-highlight .highlight-image .highlight-cover2 {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 450px;
  border-radius: 30px;
}

.redirect-product {
  position: relative;
}
.redirect-product .left-overflow {
  position: absolute;
  top: 5%;
  left: 2%;
}
.redirect-product .right-overflow {
  position: absolute;
  bottom: 0;
  right: 2%;
}

.side-by-info {
  position: relative;
  margin-bottom: 150px;
}
.side-by-info .side-topic {
  background-color: #c19e5f;
  padding: 80px 20px;
  height: 100vh;
  color: transparent;
  -webkit-text-stroke: 1px #ffffff;
}
.side-by-info .side-topic .larger-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.side-by-info .side-topic .mission-decoration {
  display: block;
  margin-left: auto;
}
.side-by-info .side-content li {
  list-style-type: disc;
  margin-bottom: 20px;
}
.side-by-info .side-content li:last-child {
  margin-bottom: 0;
}
.side-by-info .mission-overflow {
  position: absolute;
  top: 55%;
  left: 25%;
}

.text-visual {
  position: relative;
}
.text-visual a {
  display: inline-flex;
  align-items: center;
}
.text-visual a img {
  position: inherit;
  width: 20px;
  height: 100%;
  transform: rotate(0);
  margin-right: 5px;
}
.text-visual img {
  position: absolute;
  top: 80px;
  left: -120px;
  width: 400px;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.text-visual .btn-secondary-green {
  margin-right: 0;
  margin-top: 30px;
  margin-bottom: 0;
  color: #ffffff;
}
.text-visual .btn-secondary-green:hover {
  color: #000000;
}
.text-visual .section-content {
  margin-bottom: 0;
}

.commitment-section {
  margin-bottom: 0;
}
.commitment-section .image-representation {
  margin-left: 120px;
  overflow: hidden;
  display: flex;
  gap: 520px;
}
.commitment-section .image-representation .presentation-box {
  display: flex;
  gap: 50px;
  flex-direction: row;
  align-items: stretch;
}
.commitment-section .image-representation .presentation-box img {
  width: 500px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 30px;
}
.commitment-section .image-representation .presentation-box .display-box {
  color: white;
  padding: 50px 20px;
  background-color: #ffc72b;
  height: 100%;
  width: 95%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.commitment-section .image-representation .presentation-box:nth-child(2) img {
  margin-left: 20px;
}
.commitment-section .image-representation .presentation-box:nth-child(2) .display-box {
  background-color: #2cc84d;
  width: 90%;
  height: 100%;
}

.commitment-section2 {
  margin-top: 50px;
}
.commitment-section2 .presentation-row2 {
  margin-left: 0;
}
.commitment-section2 .presentation-row2 .presentation-row2-box1 {
  width: 650px;
}
.commitment-section2 .presentation-row2 .presentation-row2-box1 img {
  width: 300px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.commitment-section2 .presentation-row2 .presentation-row2-box1 .display-box {
  margin-left: 20px;
  background-color: #e34944;
  width: 20%;
  height: 100%;
}
.commitment-section2 .presentation-row2 .presentation-row2-box2 .display-box {
  background-color: #4795bf;
}

.dna-section {
  margin-top: 100px !important;
}
.dna-section .alternating-section {
  margin-top: 0 !important;
}
.dna-section .alternating-section .alternating-description {
  margin-top: 0 !important;
}
.dna-section .alternating-section .section-content {
  margin-bottom: 0;
}
.dna-section h6 {
  height: 70px;
}

.redirect-product {
  background-color: transparent;
  margin-bottom: 0;
}
.redirect-product .redirect-info {
  background-color: #d9df40;
}
.redirect-product .redirect-info-content {
  text-align: center;
  width: 80%;
  margin: auto;
  padding: 80px;
}
.redirect-product .redirect-info-content h2 {
  margin: 20px 0;
}
.redirect-product .redirect-info-content p {
  margin-bottom: 20px;
}
.redirect-product .redirect-info-content button {
  color: #000000;
  margin-right: 10px;
}

.section-content {
  text-align: center;
  width: 70%;
  margin: auto auto 50px;
}
.section-content .section-subtitle {
  color: #777777;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "ProximaNova", sans-serif;
  font-weight: 600;
}
.section-content h2 {
  color: #212121;
  margin-bottom: 40px;
}
.section-content h3 {
  color: #212121;
  margin: 10px 0 20px;
}
.section-content h5,
.section-content h6 {
  color: #000000;
}
.section-content p {
  font-size: 24px;
  color: #212121;
}
.section-content a {
  margin-bottom: 20px;
  color: #212121;
}
.section-content .sub-des {
  font-size: 20px;
  color: #212121;
  margin-bottom: 10px;
}
.section-content ul {
  margin-top: 30px;
}
.section-content ul li {
  display: list-item;
  font-size: 20px;
  margin-bottom: 15px;
  list-style-type: square;
}
.section-content ul li::marker {
  color: #b1d055;
  font-size: 24px;
}

.sub-section-content {
  text-align: left;
  padding: 50px;
  position: relative;
  width: 80%;
}
.sub-section-content .section-subtitle {
  color: #777777;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600;
}
.sub-section-content h3 {
  color: #212121;
  margin: 10px 0 20px;
}
.sub-section-content p {
  font-size: 20px;
  color: #212121;
}
.sub-section-content a {
  color: #212121;
  justify-content: left;
}

.img-section-content h3 {
  margin: 10px 0 20px;
}
.img-section-content p {
  margin-bottom: 20px;
}

.paired-display {
  position: relative;
}
.paired-display .container-fluid {
  overflow: unset;
}
.paired-display .timeline-row {
  margin-bottom: 50px;
  border-radius: 30px;
}
.paired-display .timeline-row:nth-child(4n+1) {
  background-color: #ffffff;
}
.paired-display .timeline-row:nth-child(4n+3) {
  background-color: #ffffff;
}
.paired-display .timeline-row:nth-child(4n+2) {
  background-color: #f9f5f2;
  padding-top: 50px;
  padding-bottom: 50px;
}
.paired-display .timeline-row:nth-child(4n) {
  background-color: #f0eada;
  padding-top: 50px;
  padding-bottom: 50px;
}
.paired-display .display-content {
  position: sticky;
  top: 15vh;
  align-self: start;
  z-index: 10;
}
.paired-display .display-content h3 {
  margin: 10px 0 20px;
}
.paired-display .display-content .timeline {
  color: #212121;
}
.paired-display .display-content .timeline-desc {
  width: 50%;
}
.paired-display .display-image {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
}
.paired-display .display-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 80%;
  height: 350px;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 30px;
}
.paired-display .display-image img:nth-child(odd) {
  transform: rotate(-5deg);
}
.paired-display .display-image img:nth-child(even) {
  transform: rotate(5deg);
}

.timeline-footer-beyond .timeline-buttons {
  margin-top: 50px;
}
.timeline-footer-beyond .timeline-buttons a {
  margin-bottom: 0;
}
.timeline-footer-beyond .section-content {
  margin-bottom: 0;
}

.dual-panel .branch-location {
  position: relative;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.dual-panel .branch-location .content-box,
.dual-panel .branch-location .visual-box {
  flex: 1;
  border-radius: 30px;
}
.dual-panel .branch-location .visual-box img {
  display: block;
  margin-top: 60px;
}
.dual-panel .branch-location .content-box {
  background-color: #608b3d;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  padding: 100px;
  margin: 0;
  max-width: 600px;
  min-height: 85vh;
  border-radius: 30px;
}
.dual-panel .branch-location .content-box h3 {
  margin-bottom: 1rem;
}
.dual-panel .branch-location iframe {
  overflow: hidden;
  position: absolute;
  right: 0;
  left: 0;
  border-radius: 30px;
  width: 60%;
  height: 50%;
  border: 0;
}
.dual-panel .branch-location select {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px solid #000000;
}
.dual-panel .branch-location .address-display {
  padding: 1rem;
  height: 500px;
  overflow-y: auto;
}
.dual-panel .branch-location .address-display p {
  margin-bottom: 40px;
  line-height: 1.3;
  display: flex;
  align-items: center;
}
.dual-panel .branch-location .address-display img.icon {
  width: 18px;
  height: 18px;
  margin-right: 0.6rem;
}
.dual-panel .branch-location .address-display::-webkit-scrollbar {
  width: 6px;
}
.dual-panel .branch-location .address-display::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 3px;
}
.dual-panel .branch-location .address-display::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.dual-panel .branch-location .address-display .address-block {
  border-bottom: 1px solid black;
  padding-bottom: 0.8rem;
  margin-bottom: 20px;
}
.dual-panel .branch-location .address-display .address-block:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.dual-panel .branch-location .content-slide {
  display: none;
  opacity: 0;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.dual-panel .branch-location .content-slide.active {
  display: block;
  opacity: 1;
  z-index: 1;
}
.dual-panel .branch-location .content-slide img {
  transition: transform 1s ease;
}
.dual-panel .branch-location #nextbtn.dimmed {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.dual-panel .branch-location .slide-arrow {
  position: absolute;
  display: flex;
  gap: 40px;
  bottom: 50px;
  cursor: pointer;
}
.dual-panel .branch-location .flower-right {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.dual-panel .hidden-content {
  display: none;
}

.split-info .split-content {
  width: 30%;
  margin: left;
}

.split-box .content-split {
  background-color: #f9f5f2;
  border-radius: 30px;
}

.text-visual .section-content h2 {
  margin: 10px 0 40px;
}

.hero-representation {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
}

.hero-banner {
  margin-bottom: 0;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: top center;
  -o-object-fit: cover;
     object-fit: cover;
  height: 90vh;
  display: flex;
  align-items: center;
}
.hero-banner.blog-preview-banner .hero-box-content {
  width: 70%;
}
.hero-banner.blog-preview-banner .hero-box-content h1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

.hero-box-content {
  background-color: #f9f5f2;
  padding: 40px;
  width: 600px;
  text-align: left;
  margin: 0;
  border-radius: 30px;
}
.hero-box-content p {
  font-size: 20px;
}
.hero-box-content .btn-arrow-svg {
  background: no-repeat center/contain url("../images/common-icons/fill-arrow-btn-org.svg");
}
.hero-box-content .btn-link {
  color: #F36908;
  justify-content: flex-start;
  margin-bottom: 0;
}
.hero-box-content .btn-link:hover {
  color: #FFA31E;
}
.hero-box-content .btn-link:hover .btn-arrow-svg {
  background: url("../images/common-icons/fill-arrow-btn-green.svg");
}

.dual-block {
  margin-top: 0px;
  margin-bottom: 100px;
}
.dual-block .section-content {
  text-align: left;
  margin: 0;
  width: auto;
}
.dual-block .section-content .btn-link {
  justify-content: flex-start;
}
.dual-block .dual-block-right {
  display: flex;
  justify-content: flex-end;
}
.dual-block .dual-block-right img {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
  transform: translateX(100px);
}
.dual-block .dual-block-right .cropped-polygon-image {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
  transform: translateX(100px);
  overflow: hidden;
}

.number-stats {
  margin: 60px 100px;
  padding: 40px 100px;
  display: flex;
  flex-wrap: wrap;
  height: auto;
}
.number-stats .count {
  font-size: 48px;
}
.number-stats p {
  width: 75%;
  font-size: 24px;
}
.number-stats .alternating-slide span {
  font-size: 48px;
}

.alternating-slide .odometer-inside {
  display: flex;
}
.alternating-slide span {
  font-size: 48px;
}
.alternating-slide .sign {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 30px;
  height: 70px;
}
.alternating-slide .percentage {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 20px;
}

.card-arrow-image {
  width: 100%;
  position: relative;
}
.card-arrow-image .arrow-swiper-svg {
  width: 70px;
  height: 70px;
  display: inline-block;
  background: no-repeat center/contain url("../images/common-icons/arrow-icon.svg");
  transition: transform 0.3s ease-in-out;
  -webkit-font-smoothing: antialiased;
  transform: rotate(0deg);
  position: absolute;
  top: 0;
  right: 0;
}
.card-arrow-image:hover .arrow-swiper-svg {
  width: 70px;
  height: 70px;
  transform: rotate(45deg);
  background: no-repeat url("../images/common-icons/hover-arrow.svg");
}

.swiper-button-next,
.swiper-button-prev {
  color: #ffffff;
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
  border-bottom-color: #F36908;
  color: #212121;
}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
  border-bottom-color: #F36908;
  color: #212121;
}

.text-banner-hero {
  margin-top: 20vh;
}
.text-banner-hero .section-content {
  width: 50%;
  margin-bottom: 100px;
}
.text-banner-hero.downloads-hero-text {
  margin-bottom: 30px;
}
.text-banner-hero.downloads-hero-text .section-content {
  margin-bottom: 0;
}

.offcanvas.offcanvas-end {
  width: 80%;
}
.offcanvas.offcanvas-end .offcanvas-header .btn-close {
  margin-left: auto;
  margin-right: 0;
  border: 1px solid #000000;
  border-radius: 50%;
  padding: 15px;
}
.offcanvas.offcanvas-end .offcanvas-body {
  scrollbar-width: 4px; /* slim width */
  scrollbar-color: #FFA31E transparent; /* thumb and track */
}
.offcanvas.offcanvas-end .offcanvas-body img {
  display: block;
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.offcanvas.offcanvas-end .offcanvas-body h2 {
  color: #212121;
  margin-bottom: 10px;
}
.offcanvas.offcanvas-end .offcanvas-body .section-content {
  text-align: left;
  width: 90%;
  margin: 0;
  margin-top: 60px;
}
.offcanvas.offcanvas-end .offcanvas-body::-webkit-scrollbar {
  width: 8px;
}
.offcanvas.offcanvas-end .offcanvas-body::-webkit-scrollbar-track {
  background: transparent;
}

/* Firefox */
html {
  scrollbar-width: thin; /* “slim” scroll */
  scrollbar-color: #FFA31E transparent; /* thumb color, track transparent */
}

/* WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 6px; /* slim width */
  height: 6px; /* slim height for horizontal */
}

::-webkit-scrollbar-track {
  background: transparent; /* track color */
}

::-webkit-scrollbar-thumb {
  background-color: #FFA31E; /* thumb color */
  border-radius: 3px; /* rounded ends */
  border: 1px solid transparent; /* optional padding */
}

.accordion-item:last-of-type > .accordion-collapse {
  border-radius: 30px;
}

#productsTabs .form-select {
  background-color: #f9f5f2;
  border: none;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  line-height: 2;
  font-weight: 600;
}

#customTabsDropdown.form-select, #downloadTabsDropdown.form-select {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  background-color: #f9f5f2;
  font-weight: 600;
}

.odometer {
  letter-spacing: normal;
  word-spacing: normal;
}
.odometer span {
  letter-spacing: 0 !important;
}

.job-listing {
  margin-top: 100px;
}
.job-listing .accordion ul li {
  font-size: 20px;
  list-style-type: square;
  display: list-item;
}
.job-listing .accordion ul li ::marker {
  color: #b1d055;
}
.job-listing .accordion .accordion-item {
  margin-bottom: 50px;
  position: relative;
  border: solid 1px #000000;
  border-radius: 30px;
}
.job-listing .accordion .accordion-item .accordion-content {
  padding: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.job-listing .accordion .accordion-item .accordion-content .accordion-left h3 {
  margin: 0;
}
.job-listing .accordion .accordion-item .accordion-content .accordion-left .accordion-info {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px 0;
  margin-bottom: 0;
}
.job-listing .accordion .accordion-item .accordion-content .accordion-left .accordion-info p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: 15px;
}
.job-listing .accordion .accordion-item .accordion-content .accordion-left .accordion-info img {
  width: 20px;
  height: 20px;
}
.job-listing .accordion .accordion-item .accordion-content .accordion-right {
  position: relative;
  align-items: center;
  transition: all 0.5s ease-in-out;
}
.job-listing .accordion .accordion-item .accordion-content .accordion-right .btn {
  display: none;
}
.job-listing .accordion .accordion-item .accordion-content .accordion-right .job-right-arrow {
  width: 70px;
  height: 70px;
  display: flex;
  background: no-repeat center/contain url(../images/common-icons/job-right-arrow-icon.svg);
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
}
.job-listing .accordion .accordion-item .accordion-content:hover .accordion-right {
  display: flex;
  transition: all 0.5s ease-in-out;
}
.job-listing .accordion .accordion-item .accordion-content:hover .btn {
  display: block;
}
.job-listing .accordion .accordion-item .accordion-content:hover .job-right-arrow {
  width: 70px;
  height: 70px;
  transform: rotate(45deg);
  background: no-repeat url(../images/common-icons/job-hover-arrow.svg);
}
.job-listing .accordion .accordion-item .accordion-body {
  background-color: #f0eada;
  margin: 0 30px 40px;
  padding: 30px;
  border-radius: 30px;
}
.job-listing .accordion .accordion-item .accordion-body h3 {
  margin-bottom: 15px;
}
.job-listing .accordion .accordion-item .accordion-body .btn {
  margin: 20px 0;
}
.job-listing .accordion .accordion-item .accordion-toggle-buttons {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -15px;
  left: 0;
}
.job-listing .accordion .accordion-item .accordion-toggle-buttons .accordion-button {
  background-color: #FFA31E;
  width: auto;
  padding: 5px 20px;
  color: #000000;
  border-radius: 30px;
}
.job-listing .accordion .accordion-item .accordion-toggle-buttons .accordion-button:focus {
  box-shadow: none;
}
.job-listing .accordion .accordion-item .accordion-toggle-buttons .accordion-button::after {
  margin-left: 5px;
}

.side-swiper .swiper-slide {
  width: 300px !important;
  min-height: 350px;
  position: relative;
  display: flex;
  padding: 30px;
  border-radius: 30px;
}
.side-swiper .swiper-slide:nth-child(odd) {
  background-color: #f0eada;
}
.side-swiper .swiper-slide:nth-child(even) {
  background-color: #f9f5f2;
}
.side-swiper .swiper-slide h6 {
  align-items: end;
  display: flex;
}
.side-swiper .slide-deco {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 60px;
  height: 100px;
}

.career-redirect {
  background-color: #f9f5f2;
  padding: 50px 0;
  margin: 50px 50px 80px;
  border-radius: 30px;
}
.career-redirect .mail-it {
  border: 1px solid #b1d055;
}

.career-swiper {
  margin-top: 100px;
  position: relative;
}
.career-swiper .section-content {
  text-align: left;
  width: 100%;
}
.career-swiper .slider-fix {
  transform: translateX(140px);
}

.impact-section {
  margin-top: 100px;
}
.impact-section.careers_top_img {
  margin-top: 0;
}
.impact-section .section-content {
  width: 100%;
  margin: 0;
  text-align: left;
}
.impact-section a {
  justify-content: left;
}
.impact-section .impact-representation1 {
  margin-bottom: 20px;
}
.impact-section .impact-representation1 .row {
  display: flex;
  align-items: stretch;
}
.impact-section .impact-representation1 .row .col {
  display: flex;
  flex-direction: column;
  height: auto;
  padding-left: 0;
}
.impact-section .impact-representation1 .row .col:nth-child(4n) .impact-representation-box, .impact-section .impact-representation1 .row .col:nth-child(4n+1) .impact-representation-box {
  background-color: #f0eada;
}
.impact-section .impact-representation1 .row .col:nth-child(4n+2) .impact-representation-box, .impact-section .impact-representation1 .row .col:nth-child(4n+3) .impact-representation-box {
  background-color: #f9f5f2;
}
.impact-section .impact-representation1 .row .col .impact-representation-box {
  padding: 40px;
  margin-top: 30px;
  margin-right: 20px;
  flex-grow: 1;
  border-radius: 30px;
}
.impact-section .impact-representation1 .row .col .impact-representation-box h3 {
  font-size: 24px;
  font-weight: 600;
}
.impact-section .right-side-image {
  transform: translateX(100px);
}
.impact-section .right-side-image img {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.impact-section .left-side-image {
  transform: translateX(-100px);
}
.impact-section .left-side-image img {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}

.tab-content {
  margin-top: 100px;
}

.hero-banner {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.hero-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  z-index: -1;
  transform: scale(1);
  animation: zoom 20s ease-in-out infinite alternate;
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.product-slider {
  margin-top: 30px;
  margin-bottom: 30px;
}
.product-slider .custom-navigation {
  margin: 20px 0 0 80px;
  display: flex;
  gap: 30px;
}
.product-slider .custom-navigation .testi-arrow-left {
  cursor: pointer;
  rotate: 180deg;
}
.product-slider .custom-navigation .nav-right {
  cursor: pointer;
}
.product-slider .custom-navigation img {
  height: 20px;
  width: auto;
}
.product-slider .swiper-slide {
  margin-left: 30px;
}
.product-slider .swiper-slide .card-arrow-image:hover .arrow-swiper-svg {
  width: 70px;
  height: 70px;
  transform: rotate(45deg);
  background: no-repeat url("../images/common-icons/hover-arrow.svg");
}
.product-slider .swiper-slide .slide-description {
  text-align: left;
}
.product-slider .swiper-slide .slide-description p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-slider .swiper-slide .slide-description h5 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.product-slider .swiper-slide .slide-description .redirect-arrow a {
  display: inline-block;
}
.product-slider .swiper-slide .slide-description .redirect-arrow .hover {
  display: none;
}
.product-slider .swiper-slide .slide-description .redirect-arrow .default {
  display: block;
}
.product-slider .swiper-slide .slide-description .redirect-arrow:hover .hover {
  display: block;
}
.product-slider .swiper-slide .slide-description .redirect-arrow:hover .default {
  display: none;
}
.product-slider img,
.product-slider .swiper-slide img {
  height: 400px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}

.number-stats {
  background-color: #f0eada;
  height: 150px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  margin: 0 40px;
  border-radius: 30px;
}

.product-showcase {
  margin: 0 40px;
}
.product-showcase .accordion-item .accordion-content img {
  width: 100%;
}

.product-accordion {
  position: relative;
  border: none;
  margin-bottom: 30px;
}
.product-accordion .product-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
  border-radius: 30px;
}
.product-accordion .product-image {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-accordion .accordion-button {
  margin-left: 100px;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 30%;
  height: 80px;
  background-color: #b1d055;
  color: #212121;
  padding: 1rem;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  transition: background 0.3s ease;
  margin-top: -80px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.product-accordion .accordion-button:focus {
  box-shadow: none;
}
.product-accordion .accordion-button::after {
  margin-right: 0;
}
.product-accordion .accordion-button h6 {
  margin: 0;
}
.product-accordion .accordion-button:not(.collapsed) {
  background-color: #f0eada;
}
.product-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}
.product-accordion .accordion-collapse {
  background-color: #f9f5f2;
  position: relative;
  z-index: 1;
  border-radius: 30px;
}

#main .alternating-section .alternating-slide {
  padding: 30px;
}

.manufacturing-tab-link .brand {
  margin-top: 0px;
  margin-bottom: 60px;
}
.manufacturing-tab-link .number-stats {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px 100px;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  align-items: flex-start;
}
.manufacturing-tab-link .number-stats .count {
  font-size: 48px;
}
.manufacturing-tab-link .number-stats p {
  width: 68%;
  font-size: 24px;
}

.trading-tab-link .brand {
  margin-top: 0;
}
.trading-tab-link .number-stats {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px 100px;
  height: auto;
}

#productsTabs {
  position: sticky;
  top: 0; /* This will be dynamically adjusted by JavaScript */
  z-index: 1000;
  width: 90%; /* Full width to cover content edge-to-edge */
  left: 0;
  right: 0;
}

.product-accordion .container-fluid {
  padding: 40px 40px 10px;
}
.product-accordion .container-fluid .row {
  display: flex;
  align-items: stretch;
}
.product-accordion .container-fluid .row .col {
  display: flex;
  flex-direction: column;
  height: auto;
}
.product-accordion .container-fluid .row .col .subprod-card {
  position: relative;
  background: #ffffff;
  border-radius: 30px;
  overflow: hidden;
  padding: 5px;
  margin-bottom: 30px;
  flex-grow: 1;
}
.product-accordion .container-fluid .row .col .subprod-card .subprod-card-img {
  float: left;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(10px, 50px);
}
.product-accordion .container-fluid .row .col .subprod-card .subprod-card-header {
  background: #f9f5f2;
  padding: 1rem;
  padding-left: 125px;
  border-radius: 30px;
  height: 100px;
}
.product-accordion .container-fluid .row .col .subprod-card .subprod-card-header h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  width: 70%;
}
.product-accordion .container-fluid .row .col .subprod-card .subprod-card-body {
  padding: 1rem;
  padding-left: 125px;
}

.download-pg-topic {
  margin-top: 80px;
  margin-bottom: 0px;
}

.selection-tab .tab-content {
  padding-top: 0px;
  margin-top: 0;
}
.selection-tab .tab-content .publish-cover {
  width: 100%;
  height: 300px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  border-radius: 30px;
}
.selection-tab .tab-content .image-wrapper {
  position: relative;
}
.selection-tab .tab-content .image-wrapper .download-wrapper-preview {
  position: absolute;
  bottom: 5%;
  right: 5%;
  display: none;
}
.selection-tab .tab-content .image-wrapper .download-wrapper-preview .preview-option {
  width: 50px;
  height: 50px;
  background-color: #FFA31E;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 50%;
}
.selection-tab .tab-content .image-wrapper .download-wrapper-preview .preview-option:hover {
  background-color: #f0eada;
}
.selection-tab .tab-content .image-wrapper .download-wrapper-preview .download-option {
  width: 50px;
  height: 50px;
  background-color: #F36908;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.selection-tab .tab-content .image-wrapper .download-wrapper-preview .download-option:hover {
  background-color: #f0eada;
}
.selection-tab .tab-content .image-wrapper:hover .download-wrapper-preview {
  display: flex;
}
.selection-tab .tab-content .row .col {
  margin-bottom: 40px;
}
.selection-tab .tab-content .row .tab-info h5 {
  margin-top: 10px;
  margin-bottom: 15px;
  width: 80%;
  line-height: 1.5;
}
.selection-tab .tab-content .row .tab-info p {
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-family: "ProximaNova", sans-serif;
  color: #777777;
}
.selection-tab .tab-content .row .tab-info .publish-date,
.selection-tab .tab-content .row .tab-info .publish-size {
  font-size: 16px;
  font-family: "ProximaNova", sans-serif;
  color: #212121;
  margin-right: 15px;
}

.awards-topic {
  margin-top: 20vh;
  margin-bottom: 20px;
}
.awards-topic h3 {
  color: #212121;
}

.vertical-line {
  width: 2px;
  height: 200px;
  background-color: #f0eada;
  border: none;
  margin: 10px auto;
  opacity: 1;
}

.timeline-awards {
  overflow-x: hidden;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide {
  display: flex;
  background: transparent;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row {
  width: 100%;
  display: flex;
  align-items: center;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 80px;
  overflow: visible;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image img {
  width: 550px;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 10px solid #f9f5f2;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 30px;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image img:nth-child(1) {
  transform: rotate(-5deg);
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image img:nth-child(2) {
  transform: translateX(-50px) rotate(5deg);
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image img:nth-child(3) {
  transform: translateX(-180px) rotate(-5deg);
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content {
  text-align: left;
  width: 70%;
  margin: auto;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content .timeline-year {
  font-size: 60px;
  color: #212121;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content li {
  font-size: 20px;
  display: list-item;
  list-style-type: square;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content li::marker {
  color: #b1d055;
  font-size: 30px;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content .custom-navigation {
  margin-top: 40px;
  display: flex;
  gap: 40px;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content .custom-navigation img {
  cursor: pointer;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content .custom-navigation .nav-left-awards {
  cursor: pointer;
  transform: rotate(180deg);
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .container {
  padding: 0;
  width: 100%;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide .title {
  font-size: 18px;
  opacity: 0;
  transition: 0.5s ease 0.5s;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-slide-active .title {
  opacity: 1;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-progressbar {
  position: relative;
  margin-bottom: 70px;
  background-color: transparent;
  height: 2px;
  width: 100%;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {
  background-color: #f0eada;
  height: 2px;
  top: 1px;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
  position: absolute;
  top: 1px;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #f0eada;
  content: "";
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
  position: absolute;
  top: 1px;
  right: 50%;
  width: 100%;
  height: 2px;
  background-color: #f0eada;
  content: "";
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  line-height: 1.66;
  bottom: 0;
  z-index: 11;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: block;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
  position: absolute;
  font-weight: 400;
  right: 0;
  transform: translateX(0%);
  transition: 0.2s all ease-in-out;
  transition-delay: 0s;
  cursor: pointer;
  z-index: 1;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
  position: absolute;
  top: calc(100% + 19px);
  right: 50%;
  transform: translateX(50%) translateY(-50%);
  width: 12px;
  height: 12px;
  background: #608b3d;
  border-radius: 2rem;
  content: "";
  transition: 0.2s all ease-in-out;
  transition-delay: 0s;
  z-index: 1;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
  color: #608b3d;
  font-size: 20px;
  font-weight: 700;
  transition-delay: 0.4s;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
  background: #608b3d;
  width: 20px;
  height: 20px;
  border: 2px solid white;
  border-radius: 50%;
  transition-delay: 0.4s;
  box-shadow: 0 0 0 1px #608b3d;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch ~ .swiper-pagination-switch .switch-title {
  font-weight: 16px;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch ~ .swiper-pagination-switch .switch-title::before {
  background: #608b3d;
}
.timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch ~ .swiper-pagination-switch .switch-title .first {
  background: #608b3d;
}

@media (min-width: 1680px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1600px;
  }
}
@media (max-width: 1536px) {
  .about-and-stats .metrics_bg .metrics .metrics_1 p, .about-and-stats .metrics_bg .metrics .metrics_2 p, .about-and-stats .metrics_bg .metrics .metrics_3 p, .about-and-stats .metrics_bg .metrics .metrics_4 p {
    font-size: 28px;
  }
  .about-and-stats .metrics_bg .metrics .metrics_1 span, .about-and-stats .metrics_bg .metrics .metrics_2 span, .about-and-stats .metrics_bg .metrics .metrics_3 span, .about-and-stats .metrics_bg .metrics .metrics_4 span {
    font-size: 50px;
  }
  .home-panel .branch-location .homer-image {
    height: 350px;
  }
  .home-panel .branch-location .homel-box .homel-image {
    height: 230px;
  }
  .dual-panel .branch-location .content-box {
    min-height: 780px;
  }
  .brand .brand_slider .swiper-slide .overlay-text .description-box {
    line-height: 1.3;
  }
  .timeline {
    font-size: 60px;
  }
  .row-redirect img {
    height: 350px;
  }
  .career-swiper .slider-fix {
    transform: translateX(100px);
  }
  .impact-section .left-side-image img {
    height: 450px;
  }
  .text-visual img {
    width: 370px;
    height: 330px;
  }
}
@media (min-width: 1440px) and (max-width: 1535px) {
  .brand .brand_slider .swiper-slide .overlay-text .description-box {
    line-height: inherit;
  }
  .brand .brand_slider .swiper-slide img {
    height: 300px;
  }
  .home-panel .branch-location .homer-image {
    height: 350px;
  }
  .home-panel .branch-location .homer-box p {
    width: 90%;
  }
  .about-and-stats .metrics_bg .metrics .metrics_4 {
    margin-left: 24%;
  }
  p, li, span {
    font-size: 18px;
  }
  .overflow-chart .overflow-box:nth-child(2) {
    transform: translate(-80px, 40px);
  }
  .overflow-chart .overflow-index-image {
    height: 30vh;
  }
  .overflow-chart {
    padding: 60px 0;
  }
  .overflow-chart .overflow-footer {
    bottom: -15px;
  }
  .center-highlight .highlight-image .highlight-cover1, .center-highlight .highlight-image .highlight-cover2 {
    height: 350px;
  }
  .leadership-slider .leaderswiper .swiper-slide img, .leadership-slider .leaderswiper .swiper-slide::after {
    height: 300px;
  }
  .paired-display .display-image img {
    height: 280px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
    font-size: 18px;
  }
  .manufacturing-tab-link .number-stats, .trading-tab-link .number-stats {
    padding: 40px 30px;
  }
  .manufacturing-tab-link .number-stats p, .trading-tab-link .number-stats p {
    width: 84%;
  }
  .product-slider img, .product-slider .swiper-slide img {
    height: 300px;
  }
  .impact-section .right-side-image, .dual-block .dual-block-right .cropped-polygon-image {
    transform: translateX(50px);
  }
  .impact-section .left-side-image {
    transform: translateX(-50px);
  }
  .impact-section .left-side-image img, .impact-section .right-side-image img, .dual-block .dual-block-right .cropped-polygon-image, .csr-slider .swiper .swiper-slide img {
    height: 400px;
  }
  .about-and-stats .metrics_bg {
    min-height: 400px;
  }
  .csr-slider .csr-slider-header.section-content {
    width: 70%;
  }
  .tabbed-gallery .tab-menu {
    width: 250px;
  }
  .row-redirect .redirect-description {
    width: 90%;
  }
  .row-redirect img {
    height: 350px;
  }
  .selection-tab .tab-content .publish-cover {
    height: 250px;
  }
  .text-visual img {
    left: -210px;
  }
  .career-swiper .slider-fix {
    transform: translateX(50px);
  }
  .alternating-section .row .col .alternating-slide {
    padding: 20px;
    overflow-wrap: anywhere;
  }
  .alternating-section .row .col .alternating-slide .alternating-description p {
    font-size: 18px;
  }
  .alternating-section .row .col .alternating-slide .alternating-footer a {
    font-size: 18px;
  }
  .product-accordion .container-fluid {
    padding: 20px 20px 10px;
  }
  h3 {
    font-size: 32px;
  }
  .product-accordion .container-fluid .row .col .subprod-card .subprod-card-header h5 {
    width: 100%;
  }
}
@media (max-width: 1439px) {
  .brand .brand_slider .swiper-slide .overlay-text .description-box {
    line-height: inherit;
  }
  .navbar-primary .nav-item {
    font-size: 16px;
    margin-left: 10px;
  }
  .btn {
    padding: 5px 15px;
  }
  .btn-link {
    margin-top: 10px;
    padding-left: 0;
  }
  h1,
  h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  p {
    font-size: 18px;
  }
  .hero-slider .heroswiper .hero-slider-bg .hero-box-content p {
    font-size: 18px;
  }
  .hero-slider .heroswiper .hero-slider-bg .hero-box-content {
    width: 450px;
    padding: 30px;
  }
  .section-content p {
    font-size: 18px;
  }
  .icons-usp .col img {
    height: 40px;
  }
  .icons-usp .col p {
    font-size: 16px;
  }
  .about-and-stats .metrics_bg .metrics .metrics_1 span,
  .about-and-stats .metrics_bg .metrics .metrics_2 span,
  .about-and-stats .metrics_bg .metrics .metrics_3 span,
  .about-and-stats .metrics_bg .metrics .metrics_4 span {
    font-size: 50px;
  }
  .about-and-stats .metrics_bg .metrics .metrics_1 p,
  .about-and-stats .metrics_bg .metrics .metrics_2 p,
  .about-and-stats .metrics_bg .metrics .metrics_3 p,
  .about-and-stats .metrics_bg .metrics .metrics_4 p {
    font-size: 24px;
  }
  .about-and-stats .metrics_bg .metrics .metrics_1,
  .about-and-stats .metrics_bg .metrics .metrics_2,
  .about-and-stats .metrics_bg .metrics .metrics_3,
  .about-and-stats .metrics_bg .metrics .metrics_4 {
    height: auto;
  }
  .home-panel .branch-location .homer-box p {
    width: 100%;
  }
  .dual-panel .branch-location .content-box {
    max-width: 500px;
    padding: 60px;
    min-height: 100vh;
  }
  .section-content .sub-des {
    font-size: 16px;
  }
  .section-content h3 {
    font-size: 32px;
  }
  .section-content h2 {
    margin-bottom: 20px;
  }
  .section-content .section-subtitle {
    font-size: 12px;
  }
  .home-panel .branch-location .homer-image {
    bottom: 40px;
    right: 93%;
    width: 49vw;
    height: 300px;
  }
  .home-panel .branch-location .homel-box .homel-image {
    width: 470px;
    height: 200px;
  }
  .home-panel .home-yellow {
    bottom: 4%;
  }
  .brand {
    margin-top: 80px;
  }
  .brand .brand_slider .swiper-slide img {
    height: 300px;
  }
  .brand .brand_slider .swiper-slide .overlay-text {
    height: 190px;
  }
  .brand .brand_slider .swiper-slide .overlay-text img {
    height: 50px;
  }
  .brand .brand_slider .swiper-slide .overlay-text p {
    font-size: 16px;
  }
  .impact {
    margin-top: 80px;
  }
  .sub-section-content {
    padding: 30px;
    width: 90%;
  }
  .sub-section-content h3 {
    font-size: 32px;
  }
  .sub-section-content p {
    font-size: 18px;
  }
  .impact .split-box .csr-image {
    height: 370px;
  }
  footer .footer_content {
    padding-right: 30px;
  }
  footer .footer_content a {
    font-size: 14px;
  }
  footer .footer_content p {
    font-size: 16px;
  }
  footer .footer-topic {
    font-size: 16px;
  }
  footer a {
    font-size: 16px;
  }
  footer .footer-end {
    padding: 30px;
    margin-top: 20px;
  }
  .hero-banner {
    height: 90vh;
  }
  .hero-banner .hero-box-content {
    padding: 30px;
    width: 450px;
  }
  .alternating-section .row .col .alternating-slide .alternating-description p {
    font-size: 16px;
  }
  .navbar-primary, .navbar-solid {
    padding: 0 10px;
    height: 12vh;
  }
  .navbar-primary .nav-item,
  .navbar-solid .nav-item {
    margin-left: 20px;
    font-size: 16px;
  }
  .alternating-section .row .col .alternating-slide {
    padding: 20px;
  }
  .alternating-section .row .col .alternating-slide .alternating-description img {
    height: 30px;
  }
  .alternating-section .row .col .alternating-slide .alternating-footer a {
    font-size: 14px;
    flex-wrap: wrap;
  }
  .alternating-section .row .col .alternating-slide .alternating-description {
    margin-top: 0;
  }
  a {
    font-size: 16px;
  }
  .about-and-stats .about-story .section-content {
    padding: 0 50px 20px;
  }
  .selection-tab .tab-pane .tab-description .section-content p {
    font-size: 16px;
  }
  .dual-block .dual-block-right .cropped-polygon-image {
    width: 100%;
    height: 350px;
  }
  .csr-slider .swiper .swiper-slide img {
    height: 350px;
  }
  .impact-section .right-side-image img {
    height: 350px;
  }
  .impact-section .impact-representation1 .row .col .impact-representation-box {
    padding: 20px;
  }
  .hero-representation {
    height: 300px;
  }
  .tabbed-gallery .tab-menu .tab-link {
    padding: 15px 30px;
  }
  .tabbed-gallery .tab-menu {
    width: 250px;
  }
  .row-redirect img {
    height: 300px;
  }
  .row-redirect .redirect-description {
    width: 90%;
  }
  .row-redirect .redirect-description p {
    font-size: 20px;
  }
  .tabbed-gallery .tab-menu .tab-link {
    font-size: 20px;
  }
  .selection-tab .tab-content .publish-cover {
    height: 200px;
  }
  h5 {
    font-size: 20px;
    line-height: 1.5;
  }
  .selection-tab .tab-content .image-wrapper .download-wrapper-preview .download-option,
  .selection-tab .tab-content .image-wrapper .download-wrapper-preview .preview-option {
    width: 40px;
    height: 40px;
  }
  .selection-tab .tab-content .row .tab-info h5 {
    width: 90%;
  }
  .career-swiper .slider-fix {
    transform: translateX(90px);
  }
  .side-swiper .swiper-slide {
    width: 250px !important;
    min-height: 300px;
  }
  .side-swiper .slide-deco {
    width: 50px;
    top: 0;
  }
  h3 {
    font-size: 28px;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .polaroid-slide img {
    width: 100%;
    height: 300px;
  }
  .text-visual img {
    width: 300px;
    height: 250px;
  }
  .testimonials-description_box .testimonial .review-full {
    font-size: 18px;
  }
  .policy-content .policy-topic {
    margin-top: 80px;
  }
  .impact-section .left-side-image img {
    height: 350px;
  }
  .about-and-stats .metrics_bg {
    min-height: 350px;
  }
  .center-highlight .highlight-image .highlight-cover2,
  .center-highlight .highlight-image .highlight-cover1 {
    height: 350px;
  }
  .leadership-slider .leaderswiper .swiper-slide img {
    height: 300px;
  }
  .leadership-slider .leaderswiper .swiper-slide::after {
    right: -40px;
    width: 30px;
    height: 300px;
  }
  .offcanvas.offcanvas-end .offcanvas-body img {
    height: 300px;
  }
  .leadership-slider .leaderswiper .swiper-slide h6 {
    font-size: 20px;
  }
  .timeline-section .swiper-slide img {
    height: 200px;
  }
  .timeline {
    font-size: 48px;
  }
  .paired-display .display-image img:nth-child(odd) {
    transform: rotate(-3deg);
  }
  .paired-display .display-image img {
    height: 250px;
    margin: 0;
  }
  .paired-display .display-image img:nth-child(even) {
    transform: rotate(3deg);
  }
  .awards-topic .section-content {
    margin-bottom: 0;
  }
  .awards-topic .section-content h3 {
    font-size: 24px;
    line-height: 1.5;
  }
  .vertical-line {
    height: 100px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
    font-size: 16px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    font-weight: 600;
    font-size: 16px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-progressbar {
    margin-bottom: 10px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image img {
    height: 300px;
    width: 400px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content .timeline-year {
    font-size: 48px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content li {
    font-size: 18px;
  }
  .timeline-awards {
    margin-bottom: 30px;
  }
  .nav-underline .nav-link.active,
  .nav-underline .show > .nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .nav-underline .nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .dual-block .dual-block-right img {
    height: 300px;
    transform: translateX(0px);
  }
  .alternating-section {
    margin: 50px 40px 70px;
  }
  .dual-block {
    margin-bottom: 50px;
  }
  #main .alternating-section .alternating-slide {
    padding: 20px;
  }
  .tab-content {
    margin-top: 70px;
  }
  .product-slider img,
  .product-slider .swiper-slide img {
    height: 300px;
  }
  .product-slider .swiper-slide .slide-description p {
    font-size: 16px;
  }
  .product-slider .swiper-slide .slide-description h5 {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .number-stats .alternating-slide span {
    font-size: 32px !important;
    font-weight: 600;
  }
  .alternating-slide span {
    font-size: 32px;
    font-weight: 600;
  }
  .alternating-slide h2 {
    font-size: 32px;
    font-weight: 600;
  }
  .manufacturing-tab-link .number-stats p,
  .trading-tab-link .number-stats p {
    font-size: 18px;
    width: 80%;
  }
  .manufacturing-tab-link .number-stats,
  .trading-tab-link .number-stats {
    padding: 20px 20px;
  }
  .manufacturing-tab-link .number-stats .col,
  .trading-tab-link .number-stats .col {
    padding-left: 60px;
  }
  .alternating-slide .sign {
    height: 50px;
  }
  .product-accordion .accordion-button {
    height: 60px;
    margin-top: -60px;
  }
  .product-accordion .product-img {
    height: 150px;
  }
  .trading-tab-link .number-stats .col:nth-last-child(1) p {
    width: 91%;
  }
  .csr-slider .swiper .swiper-slide .section-content h5 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .csr-slider .swiper .swiper-slide .section-content p {
    font-size: 18px;
  }
  .impact-section .impact-representation1 .row .col .impact-representation-box {
    margin-top: 20px;
    margin-right: 10px;
  }
  .selection-tab .tab-pane iframe {
    height: 350px;
  }
  .selection-tab {
    margin-bottom: 30px;
  }
  .selection-tab .tab-pane .tab-description .section-content h6 {
    font-size: 20px;
  }
  .text-visual .section-content h2 {
    margin: 10px 0 20px;
  }
  .row-redirect .row-redirect-box {
    margin-bottom: -60px;
  }
  footer {
    padding-top: 20px;
  }
  footer .footer_logo {
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
  .timeline-footer-beyond .timeline-buttons {
    margin-top: 30px;
  }
  .product-accordion .container-fluid {
    padding: 20px 20px 10px;
  }
  .product-accordion .container-fluid .row .col .subprod-card .subprod-card-header h5 {
    width: 100%;
  }
  .product-accordion .container-fluid .row .col .subprod-card .subprod-card-header {
    padding-left: 95px;
  }
  .product-accordion .container-fluid .row .col .subprod-card .subprod-card-body {
    padding-left: 95px;
  }
  .product-accordion .container-fluid .row .col .subprod-card .subprod-card-img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 1280px) {
  .dual-panel .branch-location .content-box {
    min-height: 650px;
  }
  .video .video-grid .video-player {
    overflow-x: hidden;
    height: 500px;
  }
  .innerpg-tab .tab-topics {
    padding-left: 15px;
    padding-right: 15px;
  }
  .overflow-chart .overflow-star {
    width: 7%;
    top: -1%;
    right: 15px;
  }
  .overflow-chart .overflow-box:nth-child(2) {
    transform: translateX(-100px);
  }
  h6 {
    font-size: 20px;
  }
  .navbar-primary .nav-item, .navbar-solid .nav-item {
    margin-left: 15px;
  }
  .home-panel .branch-location .homer-image {
    width: 52vw;
  }
  .brand .brand_slider .swiper-slide .overlay-text {
    height: 190px;
  }
  .overflow-chart .overflow-footer {
    bottom: -30px;
  }
  .leadership-slider .leaderswiper .swiper-slide::after {
    right: -90px;
    width: 80px;
  }
  .impact-section .right-side-image, .career-swiper .slider-fix, .dual-block .dual-block-right .cropped-polygon-image {
    transform: translateX(50px);
  }
  .impact-section .left-side-image {
    transform: translateX(-50px);
  }
}
@media (max-width: 1024px) {
  .navbar-primary, .navbar-solid {
    height: 7vh;
  }
  li {
    display: flex;
  }
  .navbar-primary .logo-light {
    height: 30px;
  }
  .navbar-solid .logo-light {
    height: 30px;
  }
  h1,
  h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .hero-slider .heroswiper .hero-slider-bg .hero-box-content p {
    font-size: 16px;
  }
  .section-content p {
    font-size: 16px;
  }
  .btn {
    font-size: 14px;
  }
  .icons-usp .col p {
    font-size: 14px;
    width: 100%;
  }
  .about-and-stats {
    margin-top: 50px;
  }
  section {
    margin-bottom: 50px;
  }
  .section-content {
    width: 85%;
    margin-bottom: 40px;
  }
  .about-and-stats .metrics_bg .metrics .metrics_1 span,
  .about-and-stats .metrics_bg .metrics .metrics_2 span,
  .about-and-stats .metrics_bg .metrics .metrics_3 span,
  .about-and-stats .metrics_bg .metrics .metrics_4 span {
    font-size: 32px;
  }
  .about-and-stats .metrics_bg .metrics .count {
    margin-right: 10px;
  }
  .about-and-stats .metrics_bg .metrics .metrics_1 p,
  .about-and-stats .metrics_bg .metrics .metrics_2 p,
  .about-and-stats .metrics_bg .metrics .metrics_3 p,
  .about-and-stats .metrics_bg .metrics .metrics_4 p {
    font-size: 20px;
  }
  .about-and-stats .metrics_bg .metrics {
    padding: 50px 0;
  }
  .video .video-grid .video-player {
    height: 60vh;
  }
  .about-and-stats .metrics_bg .metrics {
    margin-bottom: 50px;
  }
  .section-content .section-subtitle {
    margin-bottom: 10px;
  }
  .home-panel .branch-location .homel-box .homel-image {
    width: 460px;
  }
  .home-panel .branch-location .homer-image {
    width: 46vw;
  }
  .brand .brand_slider .swiper-slide img {
    height: 230px;
  }
  .about-and-stats .metrics_bg {
    margin-top: -106px;
  }
  .sub-section-content .section-subtitle {
    margin-bottom: 10px;
  }
  .sub-section-content h3 {
    font-size: 26px;
  }
  .sub-section-content p {
    font-size: 16px;
  }
  .impact .split-box .csr-image {
    height: 320px;
  }
  .impact .split-box .content-split .extra-decoration {
    width: 40px;
    top: 5%;
  }
  .impact .split-box .content-split .csr-down {
    width: 40px;
    bottom: 5%;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper {
    gap: 30px;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .polaroid-slide img {
    width: 80%;
  }
  footer .footer-links-content .col:nth-last-child(1) {
    padding-left: 40px;
  }
  footer .footer_content p {
    font-size: 14px;
  }
  footer .footer_content a {
    font-size: 14px;
    display: inline-flex;
  }
  footer a {
    font-size: 14px;
  }
  footer .footer-topic {
    font-size: 16px;
  }
  footer .footer-end .footer-top .footer-options ul a {
    font-size: 14px;
  }
  footer .footer_logo .barakat_logo {
    height: 40px;
  }
  .timeline-section .swiper-slide img {
    height: 150px;
  }
  .overflow-chart {
    padding: 40px 0;
  }
  .overflow-chart .overflow-box {
    width: 430px;
    min-height: 120px;
    padding: 20px;
  }
  .overflow-chart .overflow-box h3 {
    font-size: 24px;
  }
  p {
    font-size: 16px;
  }
  .overflow-chart .overflow-index-image {
    height: 30vh;
  }
  .about-and-stats .metrics_bg {
    min-height: 280px;
  }
  .center-highlight .highlight-image .highlight-cover2,
  .center-highlight .highlight-image .highlight-cover1 {
    height: 250px;
  }
  .center-highlight .section-content {
    width: 70%;
  }
  .overflow-chart {
    margin-top: 60px;
  }
  .overflow-chart .overflow-footer {
    bottom: -25px;
  }
  .leadership-slider .leaderswiper .swiper-slide img {
    height: 250px;
  }
  .leadership-slider .leaderswiper .swiper-slide::after {
    right: -90px;
    width: 80px;
    height: 250px;
  }
  .offcanvas.offcanvas-end .offcanvas-body img {
    height: 250px;
  }
  .offcanvas.offcanvas-end .offcanvas-body .section-content {
    margin-top: 30px;
  }
  .certification .label-certification-swiper .swiper-slide {
    height: 100px;
  }
  .text-banner-hero .section-content {
    margin-bottom: 70px;
  }
  .hero-representation {
    height: 250px;
  }
  .timeline {
    font-size: 36px;
  }
  .paired-display .display-content .timeline-desc {
    width: 80%;
  }
  .paired-display .display-image img {
    height: 200px;
  }
  .paired-display .display-content h3 {
    font-size: 24px;
  }
  .awards-topic .section-content h3 {
    font-size: 20px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    transform: translateX(0%);
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    font-size: 14px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
    font-size: 14px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content .timeline-year {
    font-size: 36px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image img {
    height: 250px;
    width: 400px;
    border: 5px solid #f0eada;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content li {
    font-size: 16px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content {
    width: 90%;
  }
  .nav-underline .nav-link {
    font-size: 14px;
  }
  #main .alternating-section .alternating-slide {
    padding: 10px;
  }
  .alternating-slide span {
    font-size: 28px;
  }
  .product-slider img,
  .product-slider .swiper-slide img {
    height: 230px;
  }
  .product-slider .swiper-slide {
    margin-left: 20px;
  }
  .manufacturing-tab-link .number-stats .col,
  .trading-tab-link .number-stats .col {
    padding-left: 0;
  }
  .manufacturing-tab-link .number-stats p,
  .trading-tab-link .number-stats p {
    font-size: 16px;
    width: 84%;
  }
  .product-accordion .accordion-button {
    width: 35%;
    height: 50px;
    margin-top: -50px;
  }
  h3 {
    font-size: 24px;
  }
  .number-stats .alternating-slide span {
    font-size: 28px;
  }
  #overview .dual-bloc,
  #sourcing .dual-block {
    margin-top: 70px;
  }
  .dual-block .dual-block-right .cropped-polygon-image {
    height: 300px;
  }
  .impact-section .right-side-image, .dual-block .dual-block-right .cropped-polygon-image {
    transform: translateX(0px);
  }
  .impact-section .right-side-image img,
  .impact-section .left-side-image img {
    height: 300px;
  }
  .impact-section .left-side-image {
    transform: translateX(0px);
  }
  .section-content ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .impact-section {
    margin-top: 60px;
  }
  .csr-slider .csr-slider-header.section-content {
    width: 70%;
  }
  .csr-slider .swiper .swiper-slide img {
    height: 250px;
  }
  .csr-slider .swiper .swiper-slide .section-content h5 {
    font-size: 20px;
  }
  .csr-slider .swiper .swiper-slide .section-content p {
    font-size: 16px;
  }
  .hero-box-content {
    margin-bottom: 0;
  }
  .side-swiper .swiper-slide h6 {
    font-size: 20px;
    width: 80%;
  }
  .side-swiper .swiper-slide {
    width: 200px !important;
    min-height: 260px;
  }
  .career-swiper .slider-fix {
    transform: translateX(0);
  }
  .job-listing {
    margin-top: 60px;
  }
  .career-redirect {
    margin: 50px 50px 50px;
  }
  .alternating-section .row {
    justify-content: flex-start;
  }
  .tabbed-gallery .tab-menu {
    width: 180px;
  }
  .tabbed-gallery .tab-menu .tab-link {
    padding: 10px 20px;
    font-size: 18px;
  }
  .tabbed-gallery {
    gap: 30px;
  }
  .row-redirect img {
    height: 250px;
  }
  .row-redirect .redirect-description p {
    font-size: 16px;
  }
  .selection-tab .tab-content .row:nth-last-child(1) {
    margin-top: 0;
  }
  h5 {
    font-size: 18px;
  }
  .selection-tab .tab-content .row .tab-info .publish-date,
  .selection-tab .tab-content .row .tab-info .publish-size {
    font-size: 14px;
  }
  .selection-tab .tab-content .row .tab-info p {
    font-size: 14px;
  }
  .job-listing .accordion .accordion-item .accordion-content .accordion-right .job-right-arrow,
  .card-arrow-image .arrow-swiper-svg {
    transform: rotate(0deg) scale(0.7);
  }
  .job-listing .accordion .accordion-item .accordion-content:hover .job-right-arrow,
  .card-arrow-image:hover .arrow-swiper-svg {
    transform: rotate(45deg) scale(0.7) !important;
  }
  .impact-section .impact-representation1 .row .col .impact-representation-box {
    margin-right: 0;
  }
  .dual-panel .branch-location .content-box {
    min-height: 45vh;
  }
  .text-visual .section-content {
    width: 60%;
  }
  body, html {
    overflow-x: hidden;
  }
}
@media (max-width: 820px) {
  .dna-section h6 {
    height: 50px;
  }
  h6 {
    font-size: 16px;
  }
  .navbar-primary,
  .navbar-solid {
    height: 7vh;
    position: relative;
  }
  .navbar-primary .nav-link.active::after, .navbar-solid .nav-link.active::after {
    background-color: transparent;
  }
  .navbar-primary .nav-link.active, .navbar-solid .nav-link.active {
    color: #F36908 !important;
  }
  .navbar-primary .nav-item,
  .navbar-solid .nav-item {
    margin-left: 0px;
    font-size: 14px;
  }
  .hero-slider .heroswiper {
    height: 100vh;
  }
  .section-content {
    width: 100%;
  }
  .section-content a {
    margin-bottom: 10px;
  }
  .about-and-stats .metrics_bg .metrics .metrics_4 {
    margin-left: 27%;
  }
  .video .video-grid .video-player {
    height: 40vh;
  }
  .dual-panel .branch-location .content-box {
    min-height: 55vh;
    padding: 40px;
  }
  .dual-panel .branch-location .content-slide {
    margin-bottom: 30px;
  }
  .home-panel .home-yellow {
    width: 15%;
  }
  .selection-tab .tab-content .image-wrapper .download-wrapper-preview {
    display: flex;
  }
  .selection-tab .tab-content .image-wrapper .download-wrapper-preview .download-option img, .selection-tab .tab-content .image-wrapper .download-wrapper-preview .preview-option img {
    width: 100%;
    height: 15px;
  }
  .hero-banner.blog-preview-banner .hero-box-content {
    width: 100%;
  }
  .row-redirect .redirect-description span {
    font-size: 12px;
  }
  .home-panel .branch-location .homel-box .homel-image {
    width: 360px;
    height: 180px;
  }
  .home-panel .branch-location .homer-image {
    height: 250px;
  }
  .dual-panel .branch-location .slide-arrow {
    bottom: 20px;
  }
  .brand .brand_slider .swiper-slide .overlay-text {
    height: 170px;
  }
  .impact {
    margin-bottom: 30px;
  }
  .testimonialSwiper .testi-decoration-left {
    left: -90px;
  }
  .testimonialSwiper .testimonial_section {
    padding-left: 30px;
    padding-right: 30px;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack {
    width: 280px;
    height: 280px;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .polaroid-slide img {
    height: 260px;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper .testimonials-description_box {
    padding: 0;
  }
  .testimonialSwiper .testi-decoration-right {
    width: 70px;
    bottom: 2%;
  }
  footer .footer-end .footer-top .footer-options ul {
    gap: 10px;
  }
  footer .footer-end .footer-top .footer-sm {
    gap: 10px;
  }
  .navbar-collapse {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    max-width: 100vw;
    background: #f9f5f2;
    transition: all 0.3s ease;
    padding: 20px;
    display: none;
    flex-direction: column;
    align-items: start;
    z-index: 1000;
    border-radius: 15px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    margin-top: 10px;
  }
  .navbar-collapse.show {
    display: flex;
  }
  .navbar-toggler .navbar-toggler-icon {
    position: relative;
    display: block;
    width: 22px;
    height: 2px;
    background: #608b3d;
    transition: all 0.3s ease;
    margin-right: 20px;
  }
  .navbar-toggler .navbar-toggler-icon::before, .navbar-toggler .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 2px;
    background: #608b3d;
    transition: all 0.3s ease;
  }
  .navbar-toggler .navbar-toggler-icon::before {
    top: -6px;
  }
  .navbar-toggler .navbar-toggler-icon::after {
    top: 6px;
  }
  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background: transparent;
  }
  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
  }
  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
  }
  .mobile-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .btn-outline {
    margin-right: 0;
    margin-top: 20px;
  }
  .navbar-primary .arabic, .navbar-solid .arabic {
    color: #212121;
    margin-left: auto;
    margin-right: auto;
  }
  .mv-socialmedia {
    margin-top: 30px;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
  }
  .about-main {
    margin-top: 10vh;
  }
  .overflow-chart {
    padding: 40px;
  }
  .overflow-chart .overflow-box {
    width: 100%;
  }
  .overflow-chart .overflow-box:nth-child(2) {
    transform: translateX(-40px);
  }
  .overflow-chart .overflow-index-image {
    height: 30vh;
  }
  .overflow-chart .overflow-footer {
    bottom: -15px;
    width: 20%;
    right: 5%;
  }
  .overflow-chart .overflow-star {
    width: 8%;
  }
  .center-highlight .highlight-image .highlight-cover2,
  .center-highlight .highlight-image .highlight-cover1 {
    height: 200px;
  }
  .leadership-slider .leaderswiper .swiper-slide h6 {
    font-size: 18px;
  }
  .certification .label-certification-swiper .swiper-slide {
    height: 80px;
  }
  .text-banner-hero {
    margin-top: 50px;
  }
  .text-banner-hero .section-content {
    margin-bottom: 50px;
    width: 80%;
  }
  .paired-display .display-image img {
    height: 150px;
    width: 90%;
  }
  .paired-display .display-content {
    top: 10vh;
  }
  p {
    font-size: 16px;
  }
  .section-content p {
    font-size: 16px;
  }
  .hero-slider .heroswiper .hero-slider-bg .hero-box-content p {
    font-size: 16px;
  }
  .section-content .sub-des {
    font-size: 16px;
  }
  .brand .brand_slider .swiper-slide .overlay-text p {
    font-size: 16px;
  }
  .brand .brand_slider .swiper-slide .overlay-text {
    height: 170px;
  }
  .sub-section-content p {
    font-size: 16px;
  }
  .testimonials-description_box .testimonial .review-full {
    font-size: 16px;
  }
  .testimonials-description_box .testimonial .review-author {
    font-size: 20px;
  }
  .testimonials-description_box .testimonial .review-designation {
    font-size: 18px;
  }
  .awards-topic .section-content {
    width: 80%;
  }
  .awards-topic {
    margin-top: 50px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    font-size: 10px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
    font-size: 10px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image {
    padding: 50px 0;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image img {
    height: 200px;
    width: 300px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content {
    width: 100%;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide {
    height: 40vh;
  }
  .hero-banner {
    height: 80vh;
  }
  .dual-block .dual-block-right img {
    height: 220px;
  }
  .alternating-slide span {
    font-size: 24px;
  }
  .alternating-slide .sign {
    font-size: 20px;
  }
  .alternating-section {
    margin: 50px 40px 50px;
  }
  .product-slider img,
  .product-slider .swiper-slide img {
    height: 170px;
  }
  .product-slider .swiper-slide .slide-description p {
    line-clamp: 3;
    -webkit-line-clamp: 3;
    font-size: 14px;
  }
  .manufacturing-tab-link .number-stats p,
  .trading-tab-link .number-stats p {
    font-size: 14px;
    width: 96%;
  }
  .product-accordion .product-img {
    height: 120px;
  }
  .product-accordion .accordion-button {
    width: 40%;
    margin-left: 40px;
  }
  h3 {
    font-size: 20px;
  }
  .product-slider img,
  .product-slider .swiper-slide img {
    height: 200px;
  }
  .product-slider .custom-navigation {
    margin: 30px 20px;
  }
  .number-stats .alternating-slide span {
    font-size: 24px;
  }
  .trading-tab-link .number-stats .col:nth-last-child(1) p {
    width: 100%;
  }
  .trading-tab-link .number-stats {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #productsTabs .tab-topics li {
    display: flex;
  }
  #customTabs {
    padding: 0 10px;
  }
  #overview .dual-block {
    margin-top: 50px;
  }
  .dual-block .dual-block-right .cropped-polygon-image {
    height: 250px;
  }
  .impact-section .right-side-image img,
  .impact-section .left-side-image img {
    height: 250px;
  }
  .section-content ul li {
    font-size: 14px;
  }
  .section-content ul {
    margin-top: 10px;
  }
  footer .footer-topic {
    font-size: 14px;
  }
  .csr-slider .swiper .swiper-slide .section-content p {
    font-size: 14px;
  }
  .career-swiper {
    margin-top: 50px;
  }
  .side-swiper .swiper-slide h6 {
    font-size: 18px;
  }
  .side-swiper .swiper-slide {
    padding: 15px;
  }
  .job-listing .accordion .accordion-item .accordion-content {
    padding: 20px;
  }
  .job-listing .accordion .accordion-item .accordion-toggle-buttons .accordion-button {
    padding: 2px 10px;
  }
  .accordion-toggle-buttons button {
    font-size: 14px;
  }
  .job-listing .accordion .accordion-item .accordion-content .accordion-left .accordion-info {
    margin: 10px 0;
    flex-wrap: wrap;
    gap: 10px;
  }
  .job-listing .accordion ul li {
    font-size: 14px;
  }
  .job-listing .accordion .accordion-item .accordion-content .accordion-left .accordion-info p {
    margin-right: 10px;
  }
  .job-listing .accordion .accordion-item .accordion-body {
    padding: 20px;
  }
  .text-visual img {
    width: 230px;
    height: 200px;
    left: -140px;
  }
  .text-visual .section-content {
    width: 100%;
  }
  .career-redirect .section-content {
    width: 70%;
  }
  .alternating-section .row .col .alternating-slide .alternating-description p {
    font-size: 14px;
  }
  .selection-tab .tab-pane .tab-description .section-content p {
    font-size: 14px;
  }
  a {
    font-size: 14px;
  }
  .selection-tab .tab-pane .tab-description .section-content h6 {
    font-size: 18px;
  }
  .selection-tab .tab-pane .tab-description .section-content h6 {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .tabbed-gallery {
    gap: 10px;
  }
  .tabbed-gallery .tab-menu {
    width: 150px;
  }
  .row-redirect .redirect-description {
    padding: 10px;
  }
  .row-redirect .redirect-description p {
    font-size: 14px;
  }
  .row-redirect img {
    height: 200px;
  }
  .tabbed-gallery .tab-menu .tab-link {
    font-size: 16px;
  }
  .selection-tab .tab-content .publish-cover {
    height: 150px;
  }
  .selection-tab .tab-content .row .tab-info h5 {
    width: 100%;
    font-size: 16px;
  }
  .selection-tab .tab-content .row .tab-info p,
  .selection-tab .tab-content .row .tab-info .publish-date,
  .selection-tab .tab-content .row .tab-info .publish-size {
    font-size: 12px;
  }
  .selection-tab .tab-content .row .tab-info .publish-date,
  .selection-tab .tab-content .row .tab-info .publish-size {
    margin-right: 0px;
  }
  .policy-content .policy-topic {
    margin-top: 50px;
  }
  .product-accordion .container-fluid .row .col .subprod-card .subprod-card-img {
    width: 70px;
    height: 70px;
  }
  .product-accordion .container-fluid .row .col .subprod-card .subprod-card-header {
    height: 80px;
    padding-left: 90px;
  }
  .product-accordion .container-fluid .row .col .subprod-card .subprod-card-body {
    padding-left: 90px;
  }
  .product-accordion .container-fluid {
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .navbar-primary, .navbar-solid {
    height: 7vh;
    position: relative;
  }
  .navbar-collapse {
    top: 100%;
  }
  .overflow-chart .overflow-index-image {
    height: 20vh;
  }
}
@media (max-width: 599px) {
  .overflow-chart .overflow-star {
    width: 15%;
  }
  .navbar-primary,
  .navbar-solid {
    height: 10vh;
    position: relative;
  }
  .hero-slider .heroswiper .hero-slider-bg .hero-box-content {
    width: 100%;
    padding: 20px;
  }
  h1,
  h2 {
    font-size: 26px;
  }
  .icons-usp .col {
    gap: 5px;
  }
  .icons-usp .col img {
    margin-top: 15px;
  }
  .about-and-stats .about-story .section-content {
    padding: 20px;
  }
  .about-and-stats .metrics_bg .metrics .metrics_1,
  .about-and-stats .metrics_bg .metrics .metrics_2,
  .about-and-stats .metrics_bg .metrics .metrics_3,
  .about-and-stats .metrics_bg .metrics .metrics_4 {
    display: flex;
    justify-content: center;
    margin: auto;
    flex-direction: column;
  }
  .about-and-stats .metrics_bg .metrics .metrics_1 p,
  .about-and-stats .metrics_bg .metrics .metrics_2 p,
  .about-and-stats .metrics_bg .metrics .metrics_3 p,
  .about-and-stats .metrics_bg .metrics .metrics_4 p {
    font-size: 14px;
    display: flex;
    flex-wrap: nowrap;
  }
  .video .video-grid .video-player {
    margin: 0;
    padding: 10px;
    width: 100%;
  }
  .dual-panel .branch-location .content-box {
    min-height: 63vh;
    padding: 20px;
  }
  .home-panel .branch-location .homer-image {
    display: none;
  }
  .home-panel .branch-location .homel-box .homel-image {
    position: unset;
    width: 100%;
  }
  .dual-panel .branch-location .content-box {
    flex-direction: column;
  }
  .dual-panel .branch-location .content-box,
  .dual-panel .branch-location .visual-box {
    flex: auto;
  }
  .section-content h3 {
    font-size: 26px;
  }
  .brand .brand_slider .swiper-slide img {
    height: 300px;
  }
  .impact .split-box {
    margin: 0 20px;
  }
  .impact .split-box .csr-image {
    height: 250px;
  }
  .testimonialSwiper .testi-decoration-left {
    left: -40px;
    width: 100px;
    height: 100px;
    top: 5%;
  }
  .testimonialSwiper .testimonial_section {
    padding-left: 10px;
    padding-right: 10px;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper {
    flex-direction: column;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack {
    width: 100%;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper .image_stack .polaroid-slide {
    display: flex !important;
    justify-content: center;
  }
  .testimonialSwiper .testimonial_section .testimonial_wrapper .testimonials-description_box {
    width: 100%;
  }
  .follow .follow-section {
    flex-direction: column;
  }
  .follow .follow-section .section-content {
    margin-bottom: 20px;
    width: 100%;
  }
  .follow .follow-section .follow-socialmedia {
    margin-bottom: 20px;
  }
  footer .footer_content {
    padding-right: 0;
  }
  footer .footer-links-content .col:nth-last-child(1) {
    padding-left: 12px;
  }
  footer .footer-links-content .col:nth-child(1), footer .footer-links-content .col:nth-child(2) {
    border-bottom: 1px solid #f0eada;
    padding-bottom: 20px;
  }
  footer .footer-links-content .col:nth-child(3), footer .footer-links-content .col:nth-child(4) {
    padding-top: 20px;
  }
  footer .footer_content a {
    margin-top: 10px;
  }
  footer .footer-links-content .col:nth-child(2), footer .footer-links-content .col:nth-child(4) {
    padding-left: 30px;
  }
  footer .footer-end {
    padding: 20px;
  }
  footer .footer-end .footer-top {
    display: block;
  }
  footer .footer-end .footer-top .footer-options ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem 1rem;
    text-align: center;
  }
  footer .footer-end .footer-top .footer-sm {
    justify-content: center;
    margin-top: 15px;
  }
  footer .footer-end .footer-bottom .footer-bottom-right a::after {
    margin: 0 5px;
  }
  .testimonialSwiper .custom-navigation {
    justify-content: center;
  }
  .navbar-collapse {
    top: 10vh;
  }
  .about-main, .text-banner-hero {
    margin-top: 20vh;
  }
  .overflow-chart {
    padding: 30px;
  }
  .overflow-chart .overflow-box {
    margin-top: 20px;
  }
  .overflow-chart .overflow-box:nth-child(2) {
    transform: translateX(0px);
  }
  .certification .label-certification-swiper .swiper-slide {
    border-radius: 15px;
  }
  .overflow-chart .overflow-footer {
    bottom: -41px;
    width: 30%;
    right: 10%;
  }
  .center-highlight .section-content, .awards-topic .section-content {
    width: 90%;
  }
  .center-highlight .highlight-image {
    margin: 0;
  }
  .center-highlight .highlight-image .highlight-cover2, .center-highlight .highlight-image .highlight-cover1 {
    margin-bottom: 20px;
  }
  .leadership-slider .leaderswiper .swiper-slide::after {
    right: -40px;
    width: 30px;
  }
  .offcanvas.offcanvas-end {
    width: 90%;
  }
  .leadership-slider .leaderswiper .swiper-slide h6 {
    font-size: 16px;
  }
  .offcanvas.offcanvas-end .offcanvas-body img {
    width: 70%;
    height: 280px;
    margin-bottom: 20px;
  }
  .certification {
    padding: 30px;
  }
  .paired-display .display-content {
    margin-bottom: 30px;
    padding-left: 20px;
  }
  .paired-display .display-image img {
    height: 200px;
  }
  .paired-display .display-image {
    gap: 30px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .timeline-image {
    padding: 0;
    margin-top: 50px;
  }
  .swiper-container--timeline {
    height: 70vh;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide {
    height: 60vh;
    padding-top: 50px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-slide .row .slider-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 50px;
  }
  .hero-banner .hero-box-content {
    padding: 20px;
    width: 100%;
  }
  .hero-banner {
    height: 80vh;
  }
  .dual-block .dual-block-right .cropped-polygon-image {
    height: auto;
    width: 100%;
    margin-top: 30px;
  }
  .impact-section .impact-representation1 .row .col {
    padding-left: 0;
  }
  .impact-section .right-side-image img, .impact-section .left-side-image img {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .section-content ul li {
    font-size: 16px;
  }
  .csr-slider .csr-slider-header.section-content {
    width: 90%;
  }
  .job-listing .accordion .accordion-item .accordion-content:hover .btn {
    display: none;
  }
  .text-visual img {
    position: unset;
    transform: rotate(0);
    width: 100%;
    margin-top: 30px;
  }
  .career-redirect .section-content {
    width: 100%;
  }
  .side-swiper .swiper-slide {
    min-height: 230px;
  }
  .selection-tab .tab-pane iframe {
    height: 250px;
  }
  .text-visual a img {
    margin-top: 0;
  }
  .text-visual a {
    display: inline-block;
  }
  .tabbed-gallery .tab-menu {
    display: none;
  }
  .tab-dropdown {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    background-color: #f9f5f2;
    font-family: "Proxima Nova", sans-serif;
    padding: 10px;
    z-index: 1;
    border-radius: 5px;
    border: none;
  }
  #customTabsDropdown.form-select, #downloadTabsDropdown.form-select {
    border-radius: 5px !important;
  }
  .tabbed-gallery {
    display: block;
  }
  .row-redirect .redirect-description {
    transform: translateY(-60px);
    border-radius: 15px;
  }
  .row-redirect .row-redirect-box {
    margin-bottom: -40px;
  }
  .hero-banner.blog-preview-banner .hero-box-content {
    width: 100%;
  }
  .blog-preview-banner .preview-display p {
    margin-right: 15px;
    font-size: 14px;
  }
  .policy-content .policy-topic {
    margin-top: 70px;
  }
  .selection-tab .tab-pane {
    padding: 15px;
  }
  .selection-tab .tab-content .image-wrapper .download-wrapper-preview {
    display: flex;
    right: 2%;
  }
  .selection-tab .tab-content .publish-cover {
    height: 200px;
  }
  .selection-tab .tab-pane .tab-description {
    display: block;
  }
  .selection-tab .tab-pane .tab-description .section-content {
    margin-right: 0;
  }
  .selection-tab .tab-pane .tab-description .tab-description-right.section-content {
    margin-top: 30px;
  }
  .alternating-section {
    margin: 50px 15px 50px;
  }
  .tab-content {
    margin-top: 30px;
  }
  .dual-block .dual-block-right img {
    height: auto;
    width: 100%;
    margin-top: 30px;
  }
  .alternating-section .row .col {
    margin-bottom: 15px;
  }
  .number-stats {
    margin: 0 10px;
  }
  .manufacturing-tab-link .number-stats p, .trading-tab-link .number-stats p {
    width: 89%;
  }
  .product-showcase {
    margin: 0 10px;
  }
  .product-accordion .accordion-button {
    width: 70%;
    margin-left: 10px;
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    transform: translateX(-100%);
  }
  .timeline-awards .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.first {
    width: 200%;
  }
  body, html {
    overflow-x: hidden;
  }
  .career-redirect {
    margin: 50px 20px 50px;
  }
  .alternating-section .row .col .alternating-slide .alternating-description h6 {
    margin-bottom: 0;
  }
}
@media (max-width: 410px) {
  .overflow-chart .overflow-footer {
    bottom: -48px;
  }
  .dual-panel .branch-location .content-slide {
    margin-bottom: 50px;
  }
  .overflow-chart .overflow-star {
    top: -30px;
  }
}/*# sourceMappingURL=style.css.map */