/* satoshi.css */
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: medium;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: bold;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Bolder.woff2") format("woff2");
  font-weight: 900;
  font-style: bolder;
}

body {
  font-family: "Satoshi", system-ui, "Segoe UI", "Roboto", Helvetica, Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol,
a,
span,
div {
  font-family: "Satoshi", system-ui, "Segoe UI", "Roboto", Helvetica, Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

/* Navigation styles */
@media (max-width: 1279px) {
  /* header {
      background-color: black;
  } */
  #main-menu {
    background-color: #F5F5F7;
    border-top: 1px solid #e5e7eb;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow-y: auto;
    z-index: 50;
    display: none;
    flex-direction: column;
    height: 100vh;
}
  #main-menu ul {
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 50px;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 50px;
  }
  #menu-button {
    color: #fff;
    opacity: 1;
    position: relative;
    z-index: 99999;
  }
  #menu-open-icon,
  #menu-close-icon {
    stroke: #ffffff;
  }
  #main-menu:not(.hidden) {
    display: flex;
  }

  #main-menu ul li {
    width: 100%;
    padding: 10px;
    color: #333;
    font-weight: bold;
  }
}

@media (min-width: 768px) {
  .md\:w-44 {
    width: 44%;
  }
}

ul#menu-header-menu li a {
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.36px;
}
.main-header-1 li a {
  color: white !important;
}
ul#menu-header-menu-1 {
  color: #fff;
}

/* slider */
.tns-nav {
  display: flex;
  position: absolute;
  bottom: 0; /* Adjust the bottom spacing as needed */
  top: 85%;
  left: 0;
  right: 0;
  z-index: 1;
  width: 75%;
}

.tns-nav button {
  background-color: #ddd; /* Dot background color */
  border: none;
  border-radius: 2px;
  width: 80px; /* Dot width */
  height: 2px; /* Dot height */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.tns-nav button.tns-nav-active {
  background-color: rgb(236 30 47); /* Active dot background color */
}

.social-highlights-slider-controls svg path {
  fill: #f9bb58 !important;
}

.governance-highlights-slider-controls svg path {
  fill: #529cb7 !important;
}

/* .testimonial-slider-section .tns-nav {
  display: none !important;
} */

/* Media queries for responsive adjustments */
@media (max-width: 820px) {
  .certifications-slider-section .tns-nav {
    top: 80% !important;
  }

  .tns-nav {
    top: 84%;
  }

  .sustainability-slider-section .tns-nav {
    top: 87% !important;
    left: 3% !important;
    width: 70% !important;
  }

  .sustainability-slider-section .tns-nav button {
    width: 80px !important; /* Adjust the Dot width for even smaller screens */
  }

  .environmental-highlights-slider-section .tns-nav button.tns-nav-active {
    background-color: #67a687 !important;
  }

  .social-highlights-slider-section .tns-nav button.tns-nav-active {
    background-color: #f9bb58 !important;
  }

  .governance-highlights-slider-section .tns-nav button.tns-nav-active {
    background-color: #529cb7 !important;
  }

  .social-highlights-slider-section .tns-nav {
    top: 81% !important;
    width: 75% !important;
  }

  .environmental-highlights-slider-section .tns-nav {
    top: 90% !important;
    width: 75% !important;
  }

  .governance-highlights-slider-section .tns-nav {
    top: 90% !important;
    width: 75% !important;
  }

  .social-highlights-slider-section .tns-nav button,
  .governance-highlights-slider-section .tns-nav button,
  .environmental-highlights-slider-section .tns-nav button {
    width: 250px !important;
  }

  .awards-slider-section .tns-nav button {
    width: 40px !important;
  }

  /* careers slider */
  .careers-slider-section .tns-nav button {
    width: 110px !important;
  }

  .careers-slider-section .tns-nav {
    top: 125% !important;
  }
}

@media (max-width: 480px) {
  .tns-nav {
    display: none !important;
  }
}

/* who we are (slider) */
.awards-slider-section .tns-nav {
  top: 105%;
  width: 70%;
  left: 5%;
}


.awards-slider-section .tns-nav button {
  width: 180px;
}

.senior-team-slider-section .tns-nav {
  top: 85%;
  left: 11%;
}
.senior-team-slider-section .tns-nav button {
  width: 34px;
}

.apparel-team-sliser-section .tns-nav {
  top: 85%;
  left: 11%;
}

.apparel-team-sliser-section .tns-nav button {
  width: 23px;
}

/* sustainability-page */
.sustainability-slider-section .tns-nav button.tns-nav-active {
  background-color: rgb(
    20 83 45 / 0.6
  ) !important; /* Active dot background color */
}

.sustainability-slider-section .tns-nav button {
  width: 170px; /* Adjust the Dot width for even smaller screens */
}

.sustainability-slider-controls {
  display: block !important;
}

/* career-page (slider) */
.careers-slider-section .tns-nav {
  left: 1% !important;
  top: 118%;
}

.careers-slider-section .tns-nav button {
  width: 285px;
}

.testimonial-slider-section .tns-nav {
  top: 93%;
  left: 2%;
}

.testimonial-slider-section .tns-nav button {
  width: 140px;
}

/* home page */
/* .digital-innovation-bg-pattern {
  background-image: url("https://brandix.wpenginepowered.com/wp-content/uploads/2024/04/Group-1098.svg");
  background-position: 90% 140%;
} */

/* .brand::after{
  content: '';
  background-image: url(https://brandix.wpenginepowered.com/wp-content/uploads/2024/04/Group-1100.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: fixed;
  top: 4.8rem;
  width: 2vw;
  height: 2vw;
} */

/* Media query for mobile devices */
@media (max-width: 767px) {
  .mobile-bg-image {
      background-image: url('../../../../../uploads/2024/04/Option-1.jpg') !important;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      width: 100%;
      height: 100%; 
  }

  .mobile-bg-image:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 12px;
      background: rgba(0,0,0,0.5); /* Adjust the color and opacity as needed */
  }
}

@media (min-width: 1024px) {
  .lg\:left-neg-8 {
    left: -8rem;
  }
}

/* capabilities page */
#srilanka-button.country-active,
#india-button.country-active,
#bangladesh-button.country-active,
#cambodia-button.country-active,
#haiti-button.country-active {
  background-color: black;
  color: white;
  --tw-grayscale: grayscale(0%);
}

#srilanka-button:hover,
#india-button:hover,
#bangladesh-button:hover,
#cambodia-button:hover,
#haiti-button:hover {
  background-color: #f9bbc1;
  color: #000;
  --tw-grayscale: grayscale(0%);
  --tw-ring-shadow: #f9bbc1;
  --tw-grayscale: grayscale(0%);
}

.product-categories .categories-img {
  display: inline-flex;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgb(236 30 47 / 22%);
  padding: 8px;
  margin: 0 2px;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
  justify-items: center;
}

.capabilities-nav-sticky,
.capabilities-nav {
  z-index: 1000; /* Adjust z-index as needed */
  background-color: #333333;
}

.sticky-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

.nav-placeholder {
  display: block;
  height: 0px; /* Ensure it doesn't affect layout */
}

/* who we are page */
.wteam-overlay {
  background-color: rgba(29, 29, 29, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: start;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 10;
}

.wteam-overlay.active {
  opacity: 1;
  pointer-events: all;
}

.accordion {
  max-width: 50vw;
  margin: 0 auto;
  overflow: hidden;
}

/* Responsive styles for smaller screens */
@media (max-width: 768px) {
  .accordion {
    max-width: 90vw;
    height: auto; /* Allow the accordion to grow in height as needed for smaller screens */
  }
}

.faq-section,
.accordion-item {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-image-source: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='rgba(51%2c 51%2c 51%2c 0.2)' stroke-width='1' stroke-dasharray='7%2c14' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e");
  border-image-slice: 1;
  color: #333333;
}

.faq-section .accordion-item {
  border-bottom: none !important;
}

.accordion-content p {
  color: #333333 !important;
}

.accordion-content {
  max-height: 0; /* Set a default max-height, but don't display it */
  overflow: hidden; /* Hide the content */
  transition: max-height 0.4s ease-out; /* Add a transition effect when sliding down (and up) the content */
}

/* Add this class to .accordion-content when the accordion item is active/open */
.accordion-content-active {
  max-height: auto; /* Adjust as needed */
  color: #ec1e2f;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-image-source: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23EC1E2F' stroke-width='1' stroke-dasharray='7%2c14' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e");
  border-image-slice: 1;
}

.accordion-content-active h2 {
  color: #ec1e2f;
}

/*adding signs*/
.contact-accordion-item-one h2 {
  padding-right: 55px !important;
}

.accordion-item h2 {
  margin: 0;
  cursor: pointer;
  position: relative;
  padding-right: 40px; /* Adjust as needed */
}

.accordion-item h2::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
  text-align: center;
  font-size: 16px;
  right: 0;
  background-image: url('data:image/svg+xml;utf8,<svg width="11" height="16" viewBox="0 0 11 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.07984 12.8361L2.18992 9.94531L2.1899 9.94529C2.12949 9.88487 2.05776 9.83695 1.97882 9.80425C1.89989 9.77155 1.81528 9.75472 1.72984 9.75472C1.6444 9.75472 1.55979 9.77155 1.48085 9.80425C1.40191 9.83695 1.33019 9.88487 1.26977 9.94529C1.20936 10.0057 1.16143 10.0774 1.12873 10.1564C1.09604 10.2353 1.07921 10.3199 1.07921 10.4054C1.07921 10.4908 1.09604 10.5754 1.12873 10.6543C1.16143 10.7333 1.20936 10.805 1.26977 10.8654L5.26964 14.8653L5.07984 12.8361ZM5.07984 12.8361L5.07984 1.40536C5.07984 1.23297 5.14832 1.06764 5.27022 0.945738C5.39212 0.823839 5.55745 0.755358 5.72984 0.755358C5.90223 0.755358 6.06756 0.823839 6.18946 0.945738C6.31136 1.06764 6.37984 1.23297 6.37984 1.40536L6.37984 12.8361L9.26975 9.94531L9.26977 9.94529C9.33019 9.88487 9.40191 9.83695 9.48085 9.80425C9.55979 9.77155 9.6444 9.75472 9.72984 9.75472C9.81528 9.75472 9.89988 9.77155 9.97882 9.80425C10.0578 9.83695 10.1295 9.88487 10.1899 9.94529C10.2503 10.0057 10.2982 10.0774 10.3309 10.1564C10.3636 10.2353 10.3805 10.3199 10.3805 10.4054C10.3805 10.4908 10.3636 10.5754 10.3309 10.6543C10.2982 10.7333 10.2503 10.805 10.1899 10.8654L10.0838 10.7594L10.1899 10.8654L6.19004 14.8653L5.07984 12.8361ZM5.97896 15.0066C6.05787 14.9739 6.12955 14.9259 6.1899 14.8654L5.97896 15.0066ZM5.97896 15.0066C5.89999 15.0394 5.81534 15.0562 5.72984 15.0562M5.97896 15.0066L5.72984 15.0562M5.72984 15.0562C5.64434 15.0562 5.55968 15.0394 5.48071 15.0066M5.72984 15.0562L5.48071 15.0066M5.48071 15.0066C5.4018 14.9739 5.33012 14.9259 5.26977 14.8654L5.48071 15.0066Z" fill="white" stroke="white" stroke-width="0.3"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.accordion-item.active h2::before {
  content: "";
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #ec1e2f !important;
  color: #fff;
  text-align: center;
  font-size: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg width="11" height="16" viewBox="0 0 11 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.92407 3.16386L8.81399 6.05469L8.814 6.05471C8.87442 6.11513 8.94614 6.16305 9.02508 6.19575C9.10402 6.22845 9.18863 6.24528 9.27407 6.24528C9.35951 6.24528 9.44412 6.22845 9.52305 6.19575C9.60199 6.16305 9.67372 6.11513 9.73413 6.05471C9.79455 5.99429 9.84248 5.92257 9.87517 5.84363C9.90787 5.76469 9.9247 5.68008 9.9247 5.59464C9.9247 5.5092 9.90787 5.4246 9.87517 5.34566C9.84248 5.26672 9.79455 5.19499 9.73413 5.13458L5.73427 1.13471L5.92407 3.16386ZM5.92407 3.16386L5.92407 14.5946C5.92407 14.767 5.85559 14.9324 5.73369 15.0543C5.61179 15.1762 5.44646 15.2446 5.27407 15.2446C5.10168 15.2446 4.93635 15.1762 4.81445 15.0543C4.69255 14.9324 4.62407 14.767 4.62407 14.5946L4.62407 3.16386L1.73415 6.05469L1.73414 6.05471C1.67372 6.11513 1.60199 6.16305 1.52305 6.19575C1.44412 6.22845 1.35951 6.24528 1.27407 6.24528C1.18863 6.24528 1.10402 6.22845 1.02508 6.19575C0.946145 6.16305 0.87442 6.11513 0.814003 6.05471C0.753586 5.99429 0.705661 5.92257 0.672964 5.84363C0.640266 5.76469 0.623437 5.68009 0.623437 5.59464C0.623437 5.5092 0.640267 5.4246 0.672964 5.34566C0.705661 5.26672 0.753586 5.19499 0.814003 5.13458L0.920069 5.24064L0.814003 5.13458L4.81387 1.13471L5.92407 3.16386ZM5.02495 0.993386C4.94603 1.02613 4.87435 1.07411 4.814 1.13458L5.02495 0.993386ZM5.02495 0.993386C5.10391 0.960617 5.18857 0.94375 5.27407 0.94375M5.02495 0.993386L5.27407 0.94375M5.27407 0.94375C5.35957 0.94375 5.44422 0.960617 5.52319 0.993386M5.27407 0.94375L5.52319 0.993386M5.52319 0.993386C5.6021 1.02613 5.67378 1.07411 5.73414 1.13458L5.52319 0.993386Z" fill="white" stroke="white" stroke-width="0.3"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}


.accordion-content-active h2:before {
  background: #ec1e2f;
}
.site-header .current_page_item, .site-header .current-menu-item {
  color: #fff !important;
  background: rgb(0, 0, 0, 0.15);
  border-radius: 30px;
  padding: 5px 15px;
  border: none;
  margin: -5px -5px;
}
.site-header .current_page_item a, .site-header .current-menu-item a {
    color: #fff !important;
}
/* For mobile screens */
@media (max-width: 767px) {
  .accordion {
    max-width: 100vw;
    margin: 0 auto;
  }

  ul#menu-footer-menu-1 li a,
  ul#menu-footer-menu-2 li a,
  ul#menu-footer-menu-3 li a,
  ul#menu-footer-menu-4 li a {
    font-size: 1rem;
  }

  .mobile-search-icon {
    background: #ec1e2f;
    border-radius: 50%;
    padding: 12px;
    color: #fff;
    margin: -7px 0px;
  }
}

.mobile-search-icon {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

/* sliders */
.sustainability-slider .slider-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Initially hide the image and apply transition */
.sustainability-slider .slider-item img {
  transition: transform 0.3s ease;
}

/* Define zoom effect on hover */
.sustainability-slider .slider-item:hover img {
  transform: scale(1.1); /* Adjust the scale factor as needed */
}

/* product-inner-slider */
/* #product-inner-slider > .tns-item {
  width: calc(16.6687%);
}  */

.product-inner-slider .slider-item {
  position: relative;
}

.prouct-inner-slider-section .tns-nav {
  margin-top:2rem;
  display: flex !important;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 5%;
  right: 0;
  max-width: 30%;
}

@media only screen and (max-width: 1200px) and (min-width: 1400px){
  .prouct-inner-slider-section .tns-nav {
    left: 6%;
  }
}

@media (min-width: 1920px) {
  .prouct-inner-slider-section .tns-nav {
    left: 4%;
  }
}

.prouct-inner-slider-section .tns-nav button {
  background-color: #ffffff4d;
  border: none;
  border-radius: 2px;
  width: 55px;
  height: 2px;
  margin: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.prouct-inner-slider-section .tns-nav button.tns-nav-active {
  background-color: #fff;
}

@media (max-width: 820px) {
  .product-inner-mobile-slider .customize-controls svg {
    width: 25px; /* Adjust the desired width for mobile */
    height: 25px; /* Adjust the desired height for mobile */
  }

  .prouct-inner-slider-section .tns-nav button {
    width: 20px;
  }

  .prouct-inner-slider-section .tns-nav {
    left: 2%;
    top: 87%;
  }

  .prouct-inner-slider-section .tns-nav button {
    width: 30px;
  }
}

@media (max-width: 720px) {
  .product-inner-mobile-slider .customize-controls svg {
    width: 16px; /* Adjust the desired width for mobile */
    height: 16px; /* Adjust the desired height for mobile */
  }

  .prouct-inner-slider-section .tns-nav button {
    width: 20px;
  }

  .prouct-inner-slider-section .tns-nav {
    left: 3%;
  }
}

.product-mobile-slider .tns-nav {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 90%;
  bottom: 0;
  left: 6%;
  right: 0;
}

.product-mobile-slider .tns-nav button {
  background-color: #ffffff4d;
  border: none;
  border-radius: 2px;
  width: 27px;
  height: 2px;
  margin: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.product-mobile-slider .tns-nav button.tns-nav-active {
  background-color: #fff;
}

@media (max-width: 720px) {
  .product-mobile-slider .tns-nav {
    display: none;
  }

  .slider-contents {
    position: relative;
    top: -7rem;
  }

  .product-mobile-gallery {
    position: relative;
    left: 1.5rem;
  }
}

.rotation-arrow {
  transform: rotate(270deg) !important;
}

.sec-nav-active {
  color: white !important;
}

.sec-nav-active svg {
  fill: #fff !important; /* Set your desired SVG fill color */
  transform: rotate(90deg) !important;
}

.sec-nav-active svg path {
  fill: #000 !important; /* Set your desired arrow color */
}

.hover-effect:hover {
  color: white !important; /* Set the text color to white on hover */
}

.hover-effect:hover svg {
  fill: #fff; /* Set the arrow's fill color to black on hover */
}

.hover-effect:hover svg path {
  fill: #000 !important; /* Set your desired arrow color */
}

.sec-nav-section {
  color: rgb(203 213 225 / 0.4);
}

@media (min-width: 1024px) {
  .lg\:w-55 {
    width: 55%;
  }
}

/* Footer */
ul#menu-footer-menu-1 li a,
ul#menu-footer-menu-2 li a,
ul#menu-footer-menu-3 li a,
ul#menu-footer-menu-4 li a,
ul#menu-footer-menu-5,
ul#menu-footer-menu-6,
ul#menu-footer-menu-7,
ul#menu-footer-menu-8 {
  color: #fff;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 200.5%;
  letter-spacing: -0.4px;
}
.footer-gray-text:hover {
  color: white !important;
  opacity: 1 !important;
}
.footer-section-heading:hover {
  background-color: #606061 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
.footer-menu-section a:hover,
.footer-menu-section a:hover {
  opacity: 0.5;
}
.footer-menu-section p:hover,
.footer-menu-section a:hover {
  opacity: 0.5;
}
ul#menu-footer-menu-1,
ul#menu-footer-menu-2 {
  margin-top: 18px;
}

/* Cms heading styles */
.mulicolor-heading {
  color: #ec1e2f;
}
.light-blue-heading {
  color: #00c7ee;
}

/* for animations */
.text-animation {
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.35s cubic-bezier(0.5, 1, 0.89, 1),
              opacity 0.2s cubic-bezier(0.5, 1, 0.89, 1);
}

.text-animation.show {
  transform: translateY(0);
  opacity: 1;
}

/* cards */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@media (prefers-reduced-motion) {
  [data-animation] {
    animation: none;
  }
}

[data-animation] {
  opacity: 0;
  transition: background 0.15s ease, box-shadow 0.15s ease;

  &.animate { opacity: 1; }
  &:nth-child(1) { animation-delay: calc(var(--animate-delay) + 15ms); }
  &:nth-child(2) { animation-delay: calc(var(--animate-delay) + 45ms); }
  &:nth-child(3) { animation-delay: calc(var(--animate-delay) + 75ms); }
  &:nth-child(4) { animation-delay: calc(var(--animate-delay) + 105ms); }
  &:nth-child(5) { animation-delay: calc(var(--animate-delay) + 135ms); }
  &:nth-child(6) { animation-delay: calc(var(--animate-delay) + 165ms); }
  &:nth-child(7) { animation-delay: calc(var(--animate-delay) + 195ms); }
  &:nth-child(8) { animation-delay: calc(var(--animate-delay) + 225ms); }
  &:nth-child(9) { animation-delay: calc(var(--animate-delay) + 255ms); }
  &:nth-child(10) { animation-delay: calc(var(--animate-delay) + 285ms); }
  &:nth-child(11) { animation-delay: calc(var(--animate-delay) + 315ms); }
  &:nth-child(12) { animation-delay: calc(var(--animate-delay) + 345ms); }
  &:nth-child(13) { animation-delay: calc(var(--animate-delay) + 375ms); }
  &:nth-child(14) { animation-delay: calc(var(--animate-delay) + 405ms); }
  &:nth-child(15) { animation-delay: calc(var(--animate-delay) + 435ms); }
}

/* Animations */
:root {
  --animate-duration: 0.5s;
  --animate-delay: 0.5s;
  --animate-repeat: 1;
}

.animated {
  animation-duration: 0.5s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.svg-hover:hover svg path {
  fill: #cc1f2d;
}
.svg-hover-green:hover svg path {
  fill: #4f876b;
}
.green-title {
  color: #67A687;
}
.font-medium-text {
  font-weight: 500;
}
.news-single-wrapper img {
  margin-top: 4rem;
  margin-bottom: 4rem;
  width: 100%;
  border-radius:10px;
}
.news-single-wrapper h3 {
  color: #333;
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
  padding-bottom: 20px;
}
.news-single-wrapper a {
  text-decoration: underline;
}
.news-single-wrapper ol li {
  list-style: outside;
  padding-bottom: 10px;
  color: #333;
  font-size: 22px;
  font-weight: 400;
}
.news-single-wrapper ul li {
  list-style: outside;
  padding-bottom: 10px;
  color: #333;
  font-size: 22px;
  font-weight: 400;
}

/* tailwind default class need to built */
.mr-2 {
  margin-right: 0.5rem; /* 8px */
}

/* ------------------Deane -------------------*/

.w-80p{width:80% !important;}
.leading-121 {line-height:1.2 !important;}

.red-dashed-border-bottom {
  border-bottom-width: 4px; /* Set border bottom width */
  border-bottom-style: solid; /* Set border bottom style */
  border-image-source: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23EC1E2F' stroke-width='1' stroke-dasharray='7%2c14' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e"); /* Specify the custom border image */
  border-image-slice: 1; /* Ensure the entire image is used */
}
    
.gray-dashed-border-bottom {
      border-bottom-width: 4px;
      border-bottom-style: solid;
      border-image-source: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='rgba(51%2c 51%2c 51%2c 0.2)' stroke-width='1' stroke-dasharray='7%2c14' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e");
      border-image-slice: 1;
  }
  
.no-zoom {
    touch-action: manipulation; /* Disables double-tap gesture and pinch zoom */
    user-select: none; /* Prevents selection of the button text */
    -webkit-user-select: none; /* For Safari */
    -webkit-touch-callout: none; /* Prevents the default action when tapping and holding on the button */
  }

.hero-bottom-positioning {
  position: absolute;
  bottom: 9%;
} /* home hero */

.hero-bottom-positioning-sustainability {position:absolute; bottom:4%;}
@media (min-width: 1920px) {.hero-bottom-positioning-sustainability {position:absolute; bottom:8%;}}


@media (min-width: 1024px) { .hero-bottom-positioning {bottom:8%;} }

@media (min-width: 1024px) {
  /* responsive fonts for larger screens. To test in larger screens. */
  .responsive-title-64 {
    /* Calculate proportional font size between 36px and 64px */
    font-size: clamp(
      36px,
      calc(36px + (64 - 36) * ((100vw - 1024px) / (1920 - 1024))),
      64px
    );
    /* Set line height to 1.2 times font size */
    line-height: 1.2;
  }

  .lg\:h-28 {
      height: 28%;
  }
}

@media (min-width: 1536px){
  .\32xl\:h-70{
    height: 70%;
}
}

@media (min-width: 1920px){
  .\33xl\:h-70{
    height: 70%;
}



}

/* TAILWIND EMULATOR :  CLASS BUILD TEMP for WIDTHS */

@media (min-width: 1280px) {
  .max-width-emulator {
    max-width: 72rem !important;
  }
  h2 {line-height:1.2}
  .max-w-90 {max-width:90% !important;}
}

@media (min-width: 1536px) {
  .max-width-emulator {
    max-width: 80rem !important;
  }
}

@media (min-width: 1920px) {
  .max-width-emulator {max-width:103.75rem !important;}
  .home .hero-bottom-positioning .max-w-3xl {max-width:56rem !important;} /*temp*/
  .\33xl\:h-4\/6  {height:28rem !important;}
  .h-122-long{height:28rem !important;}
  .h-704-1920{height:44rem !important;}
  .max-w-80-1920{max-width:80% !important;}
  .min-h-42-1920 {min-height:42rem;}
}


.ml-auto {
  margin-left: auto;
}

.p-14 {
  padding:56px;
}

@media (min-width: 1280px) {
  .w-xl\:w-8\/12 {
    width: 66.6666667%;
  }

  /*NAV HOVER EFFECT */
  header nav .header-menu .menu-item a:hover {
    color: rgba(64, 64, 64, 0.7) !important;
  }

  /*NAV HOVER EFFECT for OVERLAY HEADERS */
  header.overlayheader nav .header-menu .menu-item a:hover {
    color: rgba(255, 255, 255, 0.7) !important;
  }  
}

@media only screen and (max-width: 1180px) and (min-width: 1270px){
  .careers-job-categories-section {
    display: none;
  }
}


@media (min-width: 768px) {
  .md\:mb-\[-6px\] {
      margin-bottom: -6px;
  }
}

.mb-\[-4px\] {
  margin-bottom: -4px;
}
.page-numbers {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #d6d6d6;
  display: flex;
  justify-content: center;
  align-items: center;
}
span.page-numbers.current {
  background: #ec1e2f;
  color: #fff;
  border: 1px solid #ec1e2f;
}

.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.userfeedback-widget__footer-actions .user-feedback-button-base:not(.is-link) {
  --tw-bg-opacity: 1;
  background-color: #ff0000 !important;
  font-weight: 400 !important;
}
userfeedback-widget__footer-actions .user-feedback-button-base {
	background-color: #ff0000 !important;
}
button.user-feedback-button-base.user-feedback-button.no-border {
  background: #ff0000 !important;
  border-radius: 9999px !important;
}