/*!
Theme Name: HZM Corporation Child
Theme URI: http://underscores.me/
Author: Invictus Studio
Author URI: http://invictusstudio.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hzm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

alpha is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
  overflow-x: hidden;
  line-height: 1.5;
  color: #000;
}
ul {
  padding: 0;
  margin: 0;
}
.section {
  padding: 50px 0;
}
a {
  text-decoration: none !important;
  transition: 0.5s ease !important;
}
a,
input,
button {
  outline: 0 !important;
}
.post,
.page {
  margin: 0;
}
body,
p {
  font-weight: 400;
  color: #000;
  font-family: "Poppins" !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  font-family: "Poppins" !important;
}
.home .entry-title {
  display: none;
}
ul li,
li {
  list-style: none;
}
.skip-link.screen-reader-text {
  display: none;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: inherit;
  opacity: 1;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: inherit;
  opacity: 1;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: inherit;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: inherit;
  opacity: 1;
}
#sidebar {
  display: none;
}
.entry-footer {
  clear: both;
}
#colophon {
  clear: both;
}

/* 404 - NOT FOUND PAGE */

.error-404.not-found {
  text-align: center;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  position: relative;
  background-image: url(/wp-content/uploads/2020/10/404.jpg);
  background-size: cover;
}
.not_found_inner {
  max-width: 69.5%;
}
.error404 #masthead,
.error404 #colophon {
  display: none;
}
.logo a {
  outline: 0 !important;
}
.error-404.not-found .logo {
  padding: 0;
  background-color: transparent;
}
.error-404.not-found h1 {
  font-size: 200px;
  line-height: 1;
  color: #404040;
  margin: 30px 0;
  font-weight: 800;
}
.error-404.not-found h1 span {
  color: #e01e26;
}
.page-header h3 {
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 40px;
}
.page-header p {
  font-size: 22px !important;
  color: #000;
  margin-bottom: 20px;
}
.page-content .return_home {
  background-color: #e01e26;
  color: #fff;
  padding: 20px 50px;
  display: inline-block;
  font-size: 20px;
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  border: 2px solid #e01e26;
}
.page-content .return_home:hover {
  transform: translateY(-3px);
  background-color: transparent;
  color: #000;
  transform: scale(1.1);
}

/* 404 - NOT FOUND PAGE ENDS */

/*SEARCH RESULTS - NO RESULTS CSS */

.search-results article.product,
.search-results article.page {
  display: none;
}
.search-results .page-title span::before,
.search-results .page-title span::after {
  content: '"';
}
.search-results .page-title {
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  margin-bottom: 30px;
}
.search-results .page-header {
  width: 100%;
}
.search-results #primary {
  display: flex;
  flex-wrap: wrap;
}
.search-results #primary article {
  width: 30%;
  margin: 0 1.5%;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  padding: 20px;
  padding-top: 0;
  margin-bottom: 35px;
  border-radius: 6px;
}
.search-results #primary article a.post-thumbnail {
  display: block;
  margin-left: -20px;
  margin-right: -20px;
}
.search-results #primary article a.post-thumbnail img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.search-results #primary article .entry-title a {
  display: block;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}
.no-results.not-found {
  text-align: center;
  margin-bottom: 50px;
}
.no-results.not-found .search-form input.search-field {
  height: 45px;
  padding-left: 10px;
  border: 1px solid #eee;
  background-color: #eee;
  color: #333;
  font-size: 14px;
  width: 250px;
}
.no-results.not-found .search-form .search-submit {
  height: 45px;
  padding: 0 30px;
  border: 0;
  background-color: #0b204d;
  color: #fff;
  cursor: pointer;
}
.no-results.not-found .search-form .search-submit:hover {
  background-color: #252525;
}
.no-results.not-found .search-form label span {
  display: none;
  width: 0;
}

/*SEARCH RESULTS - NO RESULTS CSS ENDS*/

/* Modal box CSS*/

.modal {
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-content {
  background-color: transparent !important;
  border: 0px solid rgba(0, 0, 0, 0.2) !important;
}
.modal-footer {
  display: none !important;
}
.modal-header {
  border-bottom: 0px !important;
}
.close {
  color: #000 !important;
  opacity: 1 !important;
  border: 1px solid #fff !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #fff !important;
  padding: 0 !important;
  float: left !important;
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.modal-dialog {
  max-width: 650px !important;
  margin: 50px auto !important;
}
.close span {
  display: block;
  color: #fff;
  position: absolute;
  left: 120%;
  top: 0;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  height: 50px !important;
}
.dgwt-wcas-no-submit
  .dgwt-wcas-sf-wrapp
  input[type="search"].dgwt-wcas-search-input {
  padding: 15px 15px 15px 40px !important;
}
.dgwt-wcas-details-main-image img {
  max-height: 200px !important;
}
.dgwt-wcas-suggestion-selected {
  background-color: #0b204d;
}
.dgwt-wcas-suggestion-selected .dgwt-wcas-st {
  color: #fff;
}
.dgwt-wcas-suggestion-selected .dgwt-wcas-sp {
  color: #fff;
}
.dgwt-wcas-pd-addtc .add_to_cart_inline {
  margin-left: 20px;
}
.asl_nores {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.results .asl_nores .asl_keyword {
  padding: 5px 0px !important;
  cursor: pointer;
  font-weight: bold;
  font-family: inherit;
  border-top: 1px solid #eee;
}
.asl_nores_header {
  margin-bottom: 10px !important;
}
/*  Modal CSS ENDS */

/*  Drop down menu CSS*/
#primary-menu {
  text-align: center;
  margin: 0;
}
#primary-menu li {
  display: inline-block;
  padding: 0 50px;
}
#primary-menu li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}
.menu-item-has-children {
  position: relative;
}
.menu-item-has-children::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 27px;
  top: 0px;
  display: block;
  color: #fff;
}
.menu-item-has-children .sub-menu {
  position: absolute;
  z-index: 99;
  background: #ffffff;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  top: calc(100% + 10px);
  left: 10px;
  width: 260px;
  opacity: 0;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  padding: 10px 15px;
}
.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

ul.sub-menu ul.sub-menu {
  top: -10px;
  left: 225px;
  opacity: 0 !important;
  transform: scaleY(0) !important;
  transform-origin: top left;
  transition: all 0.4s ease;
  background-color: #fff;
}
ul.sub-menu li:hover ul.sub-menu {
  opacity: 1 !important;
  transform: scaleY(1) !important;
  pointer-events: auto;
}

ul.sub-menu .menu-item-has-children::after {
  top: 0px;
  bottom: 0px;
  margin: auto;
  line-height: 1;
  height: 20px;
  right: 2px;
  rotate: -90deg;
  color: #000;
}

#primary-menu .sub-menu li {
  display: block;
  padding: 0;
}
#primary-menu .sub-menu li:not(:last-child) {
  margin-bottom: 10px;
}
#primary-menu .sub-menu li a {
  display: block;
  text-align: left;
  border-bottom: 1px solid #eee;
  position: relative;
  z-index: 9;
  transition: all 0.5s ease-in-out;
  font-weight: 400;
  font-size: 14px;
  line-height: 35px;
  color: #2c2c2c;
}

#primary-menu .sub-menu li:last-child a {
  border-bottom: 0;
}

#primary-menu li a:hover,
#primary-menu li.current-menu-item > a,
#primary-menu li.current-menu-parent > a,
#primary-menu li.current-menu-ancestor > a,
#primary-menu li.current-menu-parent ul li.current-menu-item > a,
#primary-menu li.current-menu-ancestor ul li.current-menu-ancestor > a {
  color: #828282;
}
.menu-toggle {
  display: none;
}

/*  Drop down menu CSS ENDS */

/*
Nav bar
*/
#mm #primary-menu ul.sub-menu li a {
  padding-left: 35px;
}
#mm #primary-menu .sub-menu li a::before {
  content: unset;
}
#mm ul.sub-menu {
  position: relative;
  visibility: visible;
  opacity: 1;
  transform: translate(0);
  display: block !important;
  height: auto !important;
}
#mml {
  padding: 0 15px;
  color: #ffffff;
}
#mml h4 {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 12px;
}
.mm {
  position: relative;
  background-color: #000;
  min-height: 49px;
}

#mmb {
  position: absolute;
  width: 40px;
  height: 50px;
  margin-right: 15px;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

#mmb span {
  display: block;
  position: absolute;
  height: 1.5px;
  width: 100%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#mmb span:nth-child(1) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#mmb span:nth-child(2) {
  top: 26px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#mmb span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#mmb.on span {
  height: 2px;
}
#mmb.on span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 11px;
  left: 8px;
}

#mmb.on span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#mmb.on span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

#mm ul {
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
}

#mm li {
  display: block;
  position: relative;
  padding: 0;
}
#mm #primary-menu a {
  display: block;
  padding: 16px 26px 15px 17px;
  border-bottom: #dedede 1px solid;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 25px;
  background-color: #000;
  word-wrap: break-word;
  text-align: left;
}
#mm #primary-menu a:hover {
  background-color: #0b204d;
}
.mm,
#mm {
  display: none;
}
/* 
 * NAVBAR CSS ENDS
 */

@media (min-width: 1200px) {
  .container {
    max-width: 1170px !important;
  }
}

@media (min-width: 1250px) {
  .container {
    max-width: 1240px !important;
  }
}

@media (min-width: 1651px) {
  .container {
    max-width: 1620px !important;
  }
}

header#masthead {
  position: fixed;
  top: 10px;
  width: 100%;
  z-index: 10;
}
header#masthead .nav_box {
  background: rgba(44, 44, 44, 0.9);
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 30px;
}
.head_btn a {
  background: #828282;
  border-radius: 40px;
  padding: 15.5px 50px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2c2c2c !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

.head_btn a:hover {
  background: #fff;
}

/*Footer*/

footer#colophon {
  background: #2c2c2c;
}
footer#colophon .footer {
  padding-top: 60px;
  padding-bottom: 15px;
}
.footer5 .textwidget.custom-html-widget {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
}
h2.widget-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 20px;
}
.footer_box {
  display: flex;
  justify-content: space-between;
}
.footer_box a {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
}
footer ul.menu {
  margin: 0;
}
footer ul.menu li:not(:last-child) {
  margin-bottom: 8px;
}
.cont_info h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  margin-bottom: 5px;
}
.footer4 .cont_info {
  margin-bottom: 15px;
}
.foot_socials {
  margin-top: 20px;
}
.foot_socials ul {
  display: flex;
  gap: 40px;
  align-items: center;
}
.foot_socials ul li {
  position: relative;
}
.foot_socials ul li:not(:last-child):before {
  content: "";
  position: absolute;
  right: -22px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #828282;
}
.foot_socials ul li a {
  display: flex;
  align-items: center;
}
.foot_socials ul li a svg {
  transition: 0.4s all ease;
}
.foot_socials ul li a:hover svg {
  transform: rotate(360deg);
}
.copyrights ul {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 30px;
}
.copyrights ul li {
  margin: 0 !important;
  position: relative;
}
.copyrights ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
}
.copyrights ul li:not(:last-child):before {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #828282;
}
p.copyright {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
}
.copyrights .row {
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #464646;
}
p.copyright a {
  color: #fff;
}
.footer_box a:hover,
p.copyright a:hover,
.copyrights ul li a:hover {
  color: #828282;
}
/*Footer End*/

section.hero_sec {
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.hero_sec video {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  z-index: -1;
}
section.hero_sec:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(
    180deg,
    rgba(44, 44, 44, 0) -4.97%,
    #2c2c2c 97.39%
  );
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
section.hero_sec .content {
  position: relative;
  text-align: center;
}
section.hero_sec .content h2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  padding: 12px 24px;
  display: inline-block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 25px;
  border: 1px solid #cccccc4d;
}
section.hero_sec .content h2:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  bottom: 0;
  margin: auto;
}
section.hero_sec .content h1 {
  font-weight: 300;
  font-size: 90px;
  line-height: 100px;
  color: #ffffff;
  margin-bottom: 15px;
}
section.hero_sec .content h1 strong {
  font-weight: 500;
}

section.hero_sec .content p {
  margin: 0;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
}
.flex_button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  margin-top: 40px;
}

.flex_button a {
  background: #ffffff;
  width: 238px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #2c2c2c;
  position: relative;
  border: 1px solid transparent;
}
.flex_button a span {
  position: relative;
  padding-right: 20px;
}
.flex_button a span:before {
  content: "";
  position: absolute;
  right: 0px;
  width: 11px;
  height: 11px;
  background: url(/wp-content/uploads/2026/02/black_arrow.svg);
  bottom: 0;
  top: 0;
  margin: auto;
  transition: 0.5s all ease;
}
.flex_button a.blur_btn,
.flex_button a:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12px);
  color: #fff;
}
.flex_button a:hover span::before {
  filter: brightness(10);
}
.flex_button a.blur_btn:hover {
  color: #2c2c2c;
  background: #ffffff;
}
.flex_button a.blur_btn span:before {
  display: none;
}
.flex_button a.blur_btn span {
  padding: 0;
}
section.stip_slides {
  background: #c0c0c0;
}
section.stip_slides .box {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 0;
  justify-content: center;
}
section.stip_slides .box h2 {
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}
section.stip_slides .box h2 strong {
  color: rgba(44, 44, 44, 1);
}
section.companies_sec {
  padding: 100px 0;
  overflow: hidden;
}
.content_box {
  margin-bottom: 50px;
  text-align: center;
}
.heading h3 {
  font-weight: 800;
  font-size: 160px;
  line-height: 160px;
  text-transform: uppercase;
  background: linear-gradient(
    180deg,
    #717182 -28.56%,
    rgba(221, 221, 221, 0) 145.5%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.2;
  margin-bottom: -80px;
}
.heading h2 {
  font-weight: 600;
  font-size: 60px;
  line-height: 72px;
  text-transform: capitalize;
  color: #828282;
  margin-bottom: 25px;
}
.heading h2 strong {
  color: #2c2c2c;
  font-weight: 600;
}
.para p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #717182;
}
section.companies_sec .box {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

section.companies_sec .box .img img {
  width: 100%;
  object-fit: cover;
  height: 425px;
}

section.companies_sec .box .contnet {
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
  padding: 50px;
}

section.companies_sec .box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}

section.companies_sec .box .contnet .icon {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

section.companies_sec .box .contnet .icon img {
  width: 36px;
}

section.companies_sec .box .contnet h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-transform: capitalize;
  color: #ffffff;
  margin: 0;
}

section.companies_sec .box .contnet .para p {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  height: 52px;
}

section.companies_sec .box .contnet .count_box {
  display: flex;
  align-items: center;
  gap: 50px;
}

section.companies_sec .box .contnet .count_box h3 {
  font-weight: 500;
  font-size: 42px;
  line-height: 40px;
  color: #ffffff;
  margin-bottom: 8px;
}

section.companies_sec .box .contnet .count_box span {
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #ffffff;
}

section.companies_sec .box .contnet .count_box .inn {
  padding-left: 24px;
  position: relative;
}

section.companies_sec .box .contnet .count_box .inn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}

section.companies_sec .box .contnet .flex_button {
  justify-content: start;
  margin-top: 15px;
}
section.companies_sec .box .contnet .flex_button a {
  width: 195px;
}
.companies_sec .inner_box .slick-list {
  width: 100%;
  overflow: visible;
  margin: 0 -15px;
}
.companies_sec .inner_box .slick-list .box {
  margin: 0 15px;
}
.box_head3 h3 {
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  padding: 13px 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #2c2c2c;
  display: inline-block;
  margin-bottom: 25px;
}
section.home_about_sec {
  padding-bottom: 100px;
}
.home_about_sec .right .heading h2 {
  margin-bottom: 15px;
}
.home_about_sec .right .para {
  margin-bottom: 25px;
}
.home_about_sec .right .inner {
  column-count: 2;
}
.home_about_sec .right .inner .box {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 15px;
  padding: 12px 0;
  width: 95%;
}
.home_about_sec .right .inner .box .icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home_about_sec .right .inner .box .text h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #2c2c2c;
}
.home_about_sec .right .inner .box .text p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #717182;
}
.home_about_sec .content_btn {
  margin-top: 50px;
}
.content_btn a {
  background: #2c2c2c;
  border-radius: 100px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  position: relative;
  border: 1px solid transparent;
  padding: 18px 32px;
  display: inline-flex;
  gap: 10px;
  border: 1px solid #2c2c2c;
}
.content_btn a:after {
  content: "";
  position: relative;
  background: url(/wp-content/uploads/2026/02/white_arrow.svg);
  width: 24px;
  height: 24px;
  display: block;
  right: 0;
  transition: 0.5s all ease;
}
.content_btn a:hover {
  background: #fff;
  color: #2c2c2c;
}
.content_btn a:hover:after {
  filter: brightness(0);
}
.home_about_sec .left {
  position: relative;
}
.home_about_sec .left .about_slides img {
  width: 100%;
  height: 725px;
  object-fit: cover;
  border-radius: 24px;
}
.about_slides {
  width: 90%;
  margin-bottom: 50px !important;
}
.about_slides ul.slick-dots {
  bottom: 0px;
  text-align: left;
  left: 0px;
  padding-left: 30px;
  padding-bottom: 30px;
}
.about_slides ul.slick-dots li button:before {
  height: 10px;
  width: 10px;
  background: #fff;
  opacity: 1;
  color: transparent;
}
.about_slides ul.slick-dots li,
.about_slides ul.slick-dots li button {
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  overflow: hidden;
}
.about_slides ul.slick-dots li.slick-active,
.about_slides ul.slick-dots li.slick-active button:before {
  width: 30px;
}
.home_about_sec .left .content {
  position: absolute;
  bottom: -50px;
  right: 0;
  background: #ffffff;
  box-shadow: 0px 20px 40px -15.0196px rgba(0, 31, 170, 0.1);
  border-radius: 24px;
  padding: 24px;
}
.home_about_sec .left .content span {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: #717182;
  margin-bottom: 5px;
  display: inline-block;
}
.home_about_sec .left .content h2 {
  font-weight: 600;
  font-size: 44px;
  line-height: 50px;
  color: #2c2c2c;
}
.home_about_sec .left .content .para p {
  line-height: 18px;
  margin: 0;
}
.home_commitment_sec {
  padding: 100px 0;
  background: #f6f6f6;
}
.home_commitment_sec .box {
  background: #ffffff;
  box-shadow: 0px 12px 60px -2px rgba(0, 31, 170, 0.1);
  border-radius: 24px;
  padding: 20px;
  gap: 24px;
  display: flex;
  flex-direction: column;
  transition: 0.5s all ease;
}
.home_commitment_sec .box .icon {
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  transition: 0.5s all ease;
}
.home_commitment_sec .box .icon img {
  width: 24px;
}
.home_commitment_sec .box h2 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #2c2c2c;
  letter-spacing: 0;
  transition: 0.5s all ease;
}
.home_commitment_sec .box h3 {
  font-weight: 500;
  font-size: 42px;
  line-height: 45px;
  color: #2c2c2c;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  transition: 0.5s all ease;
}
.home_commitment_sec .box h3 span {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  transition: 0.5s all ease;
}
.home_commitment_sec .box p {
  margin: 0;
  transition: 0.5s all ease;
  height: 84px;
}
.home_commitment_sec .col-md-3 {
  padding-left: 12px;
  padding-right: 12px;
}
.home_commitment_sec .box:hover {
  background: #2c2c2c;
}
.home_commitment_sec .box:hover .icon {
  background: #fff;
}
.home_commitment_sec .box:hover h2,
.home_commitment_sec .box:hover h3,
.home_commitment_sec .box:hover span,
.home_commitment_sec .box:hover p {
  color: #fff;
}
section.home_about_sec.home_operations_sec {
  padding-top: 100px;
  padding-bottom: 0;
}
.home_operations_sec.home_about_sec .right .inner .box .icon {
  width: auto;
  height: auto;
}
.home_operations_sec.home_about_sec .right .inner .box .text h2 {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}
.home_operations_sec.home_about_sec .right .inner .box {
  width: 98%;
  gap: 15px;
}
.home_operations_sec .img img {
  width: 95%;
  height: 530px;
  object-fit: cover;
  border-radius: 24px;
}
.home_about_sec.home_operations_sec .content_btn {
  margin-top: 10px;
}

/* ================================================================
   ABOUT PAGE STYLES
   ================================================================ */

/* ---- Hero Section ---- */
.about_hero_sec {
  position: relative;
  height: 750px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.about_hero_bg {
  position: absolute;
  inset: 0;
}
.about_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.about_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(44, 44, 44, 0.6);
}
.about_hero_content {
  position: relative;
  z-index: 2;
}
.about_hero_content h1 {
  font-size: 100px;
  line-height: 120px;
  color: #fff;
  margin: 0;
}
.about_hero_light {
  font-weight: 300;
}
.about_hero_medium {
  font-weight: 500;
}

/* ---- Shared: Badge ---- */
.about_badge {
  display: inline-block;
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

/* ---- Shared: Section Header with Watermark ---- */
.about_section_header {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
  /* min-height: 193px;
  display: flex;
  align-items: center;
  justify-content: center; */
}

.about_values_sec_header {
  margin-bottom: 0px;
}
.about_watermark {
  font-size: 140px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  background: linear-gradient(
    180deg,
    #717182 28.557%,
    rgba(221, 221, 221, 0) 145.5%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: 0.14;
  white-space: nowrap;
  /* pointer-events: none;
  user-select: none; */
}
.about_section_header_inner {
  position: relative;
  z-index: 2;
  padding-top: 10px;
  margin-top: -80px;
}
.about_section_header_inner h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 24px;
  text-transform: capitalize;
}
.about_section_header_inner h2 .gray {
  color: #828282;
}
.about_section_header_inner h2 .dark {
  color: #2c2c2c;
}
.about_section_header_inner p {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  max-width: 80%;
  margin: 0 auto 12px;
}

/* ---- About / Intro Section ---- */
.about_intro_sec {
  padding: 100px 0;
}
.about_intro_images {
  display: flex;
  gap: 20px;
  height: 570px;
}
.about_intro_img_wrap {
  flex: 1;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.about_intro_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}
.about_intro_text {
  padding-left: 30px;
}
.about_intro_heading h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 30px;
}
.about_intro_heading h2 span {
  color: #828282;
}
.about_intro_desc p {
  font-size: 24px;
  line-height: 40px;
  color: #717182;
  font-weight: 400;
  margin: 0;
}

/* ---- Mission & Vision Section ---- */
.about_mv_sec {
  padding: 80px 0 100px;
}
.about_mv_cards_row {
  margin-top: 10px;
}
.about_mv_card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  min-height: 425px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
  height: 100%;
}
.about_mv_card_bg {
  position: absolute;
  inset: 0;
}
.about_mv_card_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_mv_card_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 24px;
}
.about_mv_card_content {
  position: relative;
  z-index: 2;
  color: #fff;
}
.about_mv_card_content h3 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
}
.about_mv_card_content p {
  font-size: 16px;
  line-height: 26px;
  color: #eff6ff;
  margin: 0;
}

/* ---- Our Values Section (Slick Slider) ---- */
.about_values_sec {
  padding: 80px 0 100px;
  overflow: hidden;
}
.about_values_slider_outer {
  padding: 20px 0 10px;
}
.about_values_slider {
  margin: 0;
}
.about_values_slider .slick-list {
  padding: 15px 0 20px;
  overflow: visible;
}
.about_value_card {
  background: #fff;
  box-shadow: 0px 12px 40px 0px rgba(0, 31, 170, 0.1);
  border-radius: 24px;
  padding: 24px;
  display: flex !important;
  align-items: center;
  gap: 20px;
  min-height: 160px;
  margin: 0 10px 10px;
  height: 150px !important;
  transition: all ease 0.3s;
}

.about_value_card:hover {
  background-color: #2c2c2c;
}

.about_value_card:hover .about_value_card_text h3 {
  color: #fff;
}

.about_value_card:hover .about_value_card_text p {
  color: #fff;
}

.about_value_card:hover .about_value_icon_wrap {
  background: #fff;
}

.about_value_card:hover .about_value_icon_wrap img {
  filter: brightness(0) saturate(100%) invert(55%) sepia(0%) saturate(0%)
    hue-rotate(180deg) brightness(95%) contrast(90%);
}

.about_value_icon_wrap {
  background: #828282;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  padding: 16px;
  transition: all ease 0.3s;
}

.about_value_icon_wrap img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  /* filter: brightness(0) invert(1); */
  transition: all ease 0.3s;
}
.about_value_card_text h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 10px;
  transition: all ease 0.3s;
}
.about_value_card_text p {
  font-size: 16px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: all ease 0.3s;
}
.about_values_slider .slick-prev,
.about_values_slider .slick-next {
  width: 44px;
  height: 44px;
  background: #2c2c2c;
  border-radius: 50%;
  z-index: 5;
}
.about_values_slider .slick-prev {
  left: 0;
}
.about_values_slider .slick-next {
  right: 0;
}
.about_values_slider .slick-prev:before,
.about_values_slider .slick-next:before {
  color: #fff;
  font-size: 18px;
  opacity: 1;
}

/* ---- Policies Section ---- */
.about_policies_sec {
  padding: 80px 0;
}
.about_policies_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.about_policies_img_wrap img {
  width: 100%;
  height: 100%;
  min-height: 540px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.about_policies_text {
  padding-left: 40px;
}
.about_policies_heading h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #828282;
  text-transform: capitalize;
  margin-bottom: 12px;
}
.about_policies_heading h2 .dark {
  color: #2c2c2c;
}
.about_policies_desc p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 20px;
}

/* ---- Management Team Section ---- */
.about_team_sec {
  padding: 80px 0 100px;
}

/* CEO Block */
.about_ceo_block {
  margin-top: 60px;
  margin-bottom: 60px;
}
.about_ceo_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.about_ceo_img_wrap img {
  width: 100%;
  height: 100%;
  min-height: 580px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
/* CEO Slick Fade Slider */
.about_ceo_img_slider {
  height: 100%;
}
.about_ceo_img_slider .slick-list,
.about_ceo_img_slider .slick-track {
  height: 100%;
}
.about_ceo_img_slide {
  height: 100%;
}
.about_ceo_img_slide img {
  width: 100%;
  height: 100%;
  min-height: 580px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.about_ceo_content {
  padding-left: 30px;
}
.about_ceo_name {
  font-size: 54px;
  line-height: 66px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 12px;
}
.about_ceo_title_text {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #2c2c2c;
  margin-bottom: 24px;
}
.about_ceo_bio {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 30px;
}
.about_ceo_bio p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 10px;
}
.about_quote_block {
  background: #f6f6f6;
  border-radius: 12px;
  padding: 40px;
  margin-top: 24px;
}
.about_quote_text {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  font-style: italic;
  margin-bottom: 12px;
}
.about_quote_author {
  font-size: 18px;
  line-height: 32px;
  color: #2c2c2c;
  font-weight: 400;
  margin: 0;
}

/* Team Member Cards */
.about_team_members_row {
  margin-top: 60px;
}
.about_team_card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 471px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  margin-bottom: 24px;
}
.about_team_card_bg {
  position: absolute;
  inset: 0;
}
.about_team_card_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_team_card_info {
  position: relative;
  z-index: 2;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 16px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  transition:
    transform 0.4s ease,
    background 0.3s ease;
}
.about_team_card_info h3 {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 0;
}
.about_team_card_desg {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.about_team_dot {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  flex-shrink: 0;
}
.about_team_link_dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.about_team_card_desg p {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.8px;
  margin: 0;
}
/* Team card hover description */
.about_team_card_desc {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.45s ease,
    opacity 0.35s ease;
  text-align: center;
  width: 90%;
}
.about_team_card_desc p {
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.82);
  margin: 0;
  padding-top: 4px;
}
.about_team_card:hover .about_team_card_desc {
  max-height: 140px;
  opacity: 1;
}
.about_team_card:hover .about_team_card_info {
  background: rgba(0, 0, 0, 0.65);
}

/* ================================================================
   ABOUT PAGE – RESPONSIVE
   ================================================================ */

@media (max-width: 1400px) {
  .about_hero_content h1 {
    font-size: 80px;
    line-height: 100px;
  }
  .about_watermark {
    font-size: 110px;
  }
  .about_section_header_inner h2,
  .about_intro_heading h2,
  .about_policies_heading h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .about_ceo_name {
    font-size: 44px;
    line-height: 56px;
  }
}

@media (max-width: 1199px) {
  .about_hero_sec {
    height: 580px;
  }
  .about_hero_content h1 {
    font-size: 64px;
    line-height: 80px;
  }
  .about_watermark {
    font-size: 80px;
  }
  .about_intro_images {
    height: 440px;
  }
  .about_section_header_inner h2,
  .about_intro_heading h2,
  .about_policies_heading h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .about_ceo_name {
    font-size: 36px;
    line-height: 46px;
  }
  .about_intro_desc p {
    font-size: 18px;
    line-height: 32px;
  }
}

@media (max-width: 991px) {
  .about_hero_sec {
    height: 480px;
  }
  .about_hero_content h1 {
    font-size: 48px;
    line-height: 64px;
  }
  .about_watermark {
    font-size: 56px;
  }
  .about_intro_sec {
    padding: 60px 0;
  }
  .about_intro_images {
    height: 350px;
    margin-bottom: 40px;
  }
  .about_intro_text {
    padding-left: 0;
    margin-top: 30px;
  }
  .about_policies_text {
    padding-left: 0;
    margin-top: 30px;
  }
  .about_policies_img_wrap img {
    min-height: 350px;
  }
  .about_mv_card {
    min-height: 320px;
    margin-bottom: 20px;
  }
  .about_ceo_img_wrap img {
    min-height: 400px;
  }
  .about_ceo_content {
    padding-left: 0;
    margin-top: 30px;
  }
  .about_section_header {
    min-height: 140px;
  }
}

@media (max-width: 767px) {
  .about_hero_sec {
    height: 380px;
  }
  .about_hero_content h1 {
    font-size: 36px;
    line-height: 50px;
  }
  .about_watermark {
    font-size: 40px;
  }
  .about_intro_images {
    flex-direction: column;
    height: auto;
  }
  .about_intro_img_wrap {
    height: 220px;
    flex: none;
  }
  .about_section_header_inner h2,
  .about_intro_heading h2,
  .about_policies_heading h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .about_ceo_name {
    font-size: 28px;
    line-height: 38px;
  }
  .about_intro_desc p {
    font-size: 16px;
    line-height: 28px;
  }
  .about_ceo_title_text {
    font-size: 18px;
  }
  .about_ceo_bio,
  .about_ceo_bio p {
    font-size: 15px;
    line-height: 26px;
  }
  .about_quote_block {
    padding: 24px;
  }
  .about_team_card {
    height: 380px;
  }
  .about_section_header {
    min-height: 100px;
  }
  .about_policies_sec {
    padding: 50px 0;
  }
  .about_mv_sec,
  .about_values_sec,
  .about_team_sec {
    padding: 50px 0;
  }
}

/* =============================================================
   CORPORATE SOCIAL RESPONSIBILITY PAGE  (csr_* prefix)
   ============================================================= */

/* ── Shared section wrapper ── */
.csr_sec_container {

  position: relative;
  /* overflow: hidden; */
}

/* ── Shared section heading / subtitle ── */
.csr_sec_heading {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 60px;
  line-height: 72px;
  color: #2c2c2c;
  margin-bottom: 16px;
}

.csr_emp_sec .csr_watermark_wrap {
  text-align: center;
  margin-bottom: -50px;
}

.csr_sec_sub {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  max-width: 820px;
}

.csr_sec_header_center {
  text-align: center;
}
.csr_sec_header_center .csr_sec_sub {
  margin: 0 auto;
  max-width: 80%;
}

/* ── Watermark ── */

.csr_watermark_wrap_center {
  white-space: nowrap;
}
.csr_watermark {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 140px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #717182 -28.56%, rgba(221, 221, 221, 0) 145.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.2;
  display: block;
}

/* =============================================================
   HERO
   ============================================================= */
.csr_hero_sec {
  position: relative;
  min-height: 750px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #1a1a2e;
}

.csr_hero_bg {
  position: absolute;
  inset: 0;
}
.csr_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.csr_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  /* z-index: 1; */
}

.csr_hero_content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 60px 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.csr_hero_content h1 {
  font-family: "Poppins", sans-serif;
  font-size: 100px;
  line-height: 1.05;
  margin-bottom: 32px;
}

.csr_hero_light {
  font-weight: 300;
  color: #ffffff;
}
.csr_hero_medium {
  font-weight: 600;
  color: #ffffff;
}

.csr_hero_subtitle {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.85);
  max-width: 1000px;
  margin: 0 auto;
}

/* =============================================================
   EMPLOYEES
   ============================================================= */


   .csr_emp_sec {
    padding: 100px 0 0 0;
}

.csr_emp_sec .left-col {
  padding-right: 50px;
}

.csr_emp_sec .right-col {
  padding-left: 50px;
}

.csr_emp_sec {
  background: #ffffff;
  position: relative;
}

.csr_emp_img_wrap {
  position: relative;
  border-radius: 24px;
  /* overflow: hidden; */
  min-height: 520px;
}

.csr_emp_img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}

.csr_emp_img_top {
  z-index: 1;
}
.csr_emp_img_bottom {
  z-index: 2;
  width: 56%;
  height: 56%;
  top: auto;
  bottom: -20px;
  right: -20px;
  left: auto;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.csr_emp_badge_card {
  position: absolute;
  bottom: 28px;
  right: -60px;
  z-index: 3;
  background: #ffffff;
  border-radius: 20px;
  padding: 18px 24px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.csr_emp_badge_icon {
  font-size: 28px;
}

.csr_emp_badge_text {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 20px;
  color: #2c2c2c;
  margin: 0;
  white-space: pre-line;
}

.csr_emp_badge_text .green-txt {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #10ee17;
}

.csr_emp_items {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-left: 20px;
}

.csr_emp_item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.csr_emp_item_icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.csr_emp_item_icon_fallback {
  background: rgba(16, 238, 23, 0.08);
}

.csr_emp_item_title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #2c2c2c;
  margin-bottom: 6px;
}

.csr_emp_item_desc {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  margin-left: -39px;
  margin-top: 20px;
}

/* =============================================================
   COMMUNITY
   ============================================================= */
.csr_com_sec {
  background: #ffffff;
  position: relative;
}

.csr_com_sec {
    padding: 100px 0 0 0;
}

.csr_com_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 240px;
}

.csr_com_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}

.csr_com_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}

.csr_com_stat_box {
  border-left: 1px solid #828282;
  padding: 0 0px 0 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.csr_com_stat_icon {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.csr_com_stat_value {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 70px;
  line-height: 140px;
  color: #2c2c2c;
  margin: 0;
}

.csr_com_stat_label {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #2c2c2c;
  margin: 0;
}

.csr_com_stat_desc {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}

.csr_com_stat_label_wrap {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* =============================================================
   ENVIRONMENT
   ============================================================= */
.csr_env_sec {
  background: #ffffff;
  position: relative;
}

.csr_env_sec {
  padding: 100px 0 100px 0;
}

.csr_env_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 32px;
}

.csr_env_item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.csr_env_item_icon_wrap {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.csr_env_item_icon_wrap img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.csr_env_item_body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.csr_env_item_top {
  display: flex;
  align-items: flex-end;
  gap: 9px;
}

.csr_env_item_value {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #2c2c2c;
}

.csr_env_item_timeframe {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #717182;
  padding-bottom: 4px;
}

.csr_env_item_label {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #2c2c2c;
  margin: 0;
}

.csr_env_item_desc {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #717182;
  margin: 0;
}

.csr_env_progress_track {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
  margin-top: 4px;
}

.csr_env_progress_fill {
  height: 100%;
  border-radius: 999px;
  transition: width 0.6s ease;
}

.csr_env_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 400px;
}

.csr_env_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}

.csr_env_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}

/* =============================================================
   GOVERNANCE & ETHICS
   ============================================================= */
.csr_gov_sec {
  background: #f6f6f6;
  position: relative;
}

.csr_gov_sec {
  padding: 100px 0 100px 0;
}

.csr_gov_sec .csr_watermark {
  font-size: 128px;
}

.csr_gov_sec .csr_watermark_wrap {
  text-align: center;
  margin-bottom: -50px;
}

.csr_gov_cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.csr_gov_card {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 24px;
  padding: 24px 24px;
  min-height: 88px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
}

.csr_gov_card_icon_wrap {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  background: rgba(16, 238, 23, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.csr_gov_card_icon_wrap img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.csr_gov_card_body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.csr_gov_card_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.csr_gov_card_title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: #2c2c2c;
  margin: 0;
}

.csr_gov_card_badge {
  background: rgba(16, 238, 23, 0.1);
  border-radius: 20px;
  padding: 4px 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #10ee17;
  white-space: nowrap;
}

.csr_gov_card_desc {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #717182;
  margin: 0;
}

/* Right side */
.csr_gov_right {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
}

.csr_gov_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  height: 380px;
}

.csr_gov_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}

.csr_gov_stat_badge {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 24px;
  padding: 24px 24px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
}

.csr_gov_stat_value {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 46px;
  line-height: 1;
  color: #10ee17;
  margin: 0;
}

.csr_gov_stat_label {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #717182;
  margin: 0;
}

.csr_gov_cert_row {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 24px;
  padding: 30px 24px;
  min-height: 88px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
}

.csr_gov_cert_icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

.csr_gov_cert_title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #2c2c2c;
  margin: 0;
}

.csr_gov_cert_desc {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #717182;
  margin: 0;
}

.csr_gov_cert_desc:last-child {
  margin-left: -40px;
}

/* =============================================================
   CUSTOMERS
   ============================================================= */
.csr_cus_sec {
  background: #ffffff;
  position: relative;
}

.csr_cus_sec {
  padding: 100px 0 100px 0;
}

.csr_cus_sec .csr_watermark_wrap {
  text-align: center;
  margin-bottom: -50px;
}

.csr_cus_hero_card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 500px;
}

.csr_cus_hero_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.csr_cus_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.csr_cus_hero_content {
  position: relative;
  z-index: 2;
  padding: 48px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.csr_cus_hero_heading {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  color: #ffffff;
  margin-bottom: 16px;
}

.csr_cus_hero_desc {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  max-width: 760px;
}

.csr_cus_card {
  background: #ffffff;
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: all ease 0.3s;
}

.csr_cus_card_icon_wrap {
  width: 80px;
  height: 80px;
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all ease 0.3s;
}

.csr_cus_card_icon_wrap img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  transition: all ease 0.3s;
}

.csr_cus_card_title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #2c2c2c;
  margin: 0;
  transition: all ease 0.3s;
}

.csr_cus_card_desc {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #717182;
  margin: 0;
  transition: all ease 0.3s;
}

.csr_cus_card:hover {
  background-color: #2c2c2c;
}

.csr_cus_card:hover .csr_cus_card_icon_wrap {
  background-color: #fff !important;
  border-color: #fff;
}

.csr_cus_card:hover .csr_cus_card_title {
  color: #fff;
}

.csr_cus_card:hover .csr_cus_card_desc {
  color: #fff;
}

/* =============================================================
   CSR RESPONSIVE
   ============================================================= */
@media (max-width: 1200px) {
  .csr_sec_heading {
    font-size: 48px;
    line-height: 60px;
  }
  .csr_hero_content h1 {
    font-size: 72px;
  }
  .csr_com_stat_value {
    font-size: 54px;
  }
  .csr_watermark {
    font-size: 100px;
  }
  .csr_env_grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {

  .csr_sec_heading {
    font-size: 36px;
    line-height: 48px;
  }
  .csr_hero_content h1 {
    font-size: 48px;
  }
  .csr_hero_subtitle {
    font-size: 16px;
  }
  .csr_emp_img_bottom {
    display: none;
  }
  .csr_emp_img_top {
    position: relative;
    height: 280px;
    width: 100%;
  }
  .csr_emp_img_wrap {
    min-height: 280px;
  }
  .csr_emp_items {
    padding-left: 0;
    margin-top: 32px;
  }
  .csr_com_stat_box {
    padding: 0 14px;
  }
  .csr_com_stat_value {
    font-size: 40px;
  }
  .csr_env_grid {
    grid-template-columns: 1fr;
  }
  .csr_gov_cards {
    gap: 14px;
  }
  .csr_cus_hero_card {
    height: 340px;
  }
  .csr_cus_hero_heading {
    font-size: 28px;
  }
  .csr_watermark {
    font-size: 64px;
  }
}

/* =============================================================
   NEWS PAGE  (archive-news.php)
   All selectors prefixed with  news_  – zero risk of clash.
   ============================================================= */

/* ---- Hidden state (toggled via JS for load-more) ----------- */
.news_card_hidden {
  display: none !important;
}

/* ---- Hero Section ------------------------------------------ */
.news_hero_sec {
  position: relative;
  height: 750px;
  background-color: #1a1a1a;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

.news_hero_sec {
  background-image: url(/wp-content/uploads/2026/03/News-banner.png);
}
.news_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.news_hero_content {
  position: relative;
  z-index: 2;
  max-width: 976px;
  padding: 0 20px;
}
.news_hero_content h1 {
  font-size: 100px;
  line-height: 120px;
  font-weight: 300;
  color: #fff;
  margin: 0 0 24px;
}
.news_hero_subtitle {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: #fff;
  margin: 0;
}

/* ---- Latest News Section ----------------------------------- */
.news_latest_sec {
  padding: 80px 0 100px;
}

/* Watermark-style section header (mirrors About page pattern) */
.news_section_header {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}
.news_watermark {
  font-size: 160px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  background: linear-gradient(
    180deg,
    #717182 28.557%,
    rgba(221, 221, 221, 0) 145.5%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: 0.14;
  white-space: nowrap;
}
.news_section_header_inner {
  position: relative;
  z-index: 2;
  margin-top: -80px;
  padding-top: 10px;
}
.news_section_header_inner h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin: 0;
}

/* ---- Common: meta row (date + read-time) ------------------- */
.news_meta {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.news_meta_item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  font-weight: 400;
}
.news_svg_icon {
  flex-shrink: 0;
  display: block;
}

/* ---- Common: "Read Full Story →" link --------------------- */
.news_read_more {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #2c2c2c;
  text-decoration: none !important;
  transition: opacity 0.3s ease;
}
.news_read_more:hover {
  opacity: 0.65;
  color: #2c2c2c;
}

/* ---- News posts custom grid (1-left + up-to-3-right per batch) - */
.news_batch {
  margin-bottom: 0;
}
.news_batch + .news_batch {
  margin-top: 60px;
}
.news_batch_hidden {
  display: none !important;
}
.news_grid_inner {
  display: grid;
  grid-template-columns: 1fr 0.714fr; /* ~58% / ~42% matching Figma ratio 935:655 */
  gap: 30px;
  align-items: start;
}
.news_grid_right {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* ---- Main Card (left large column) ------------------------- */
.news_main_card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0px 12px 60px -2px rgba(0, 31, 170, 0.1);
}
.news_main_card_img {
  width: 100%;
  height: 460px;
  overflow: hidden;
  flex-shrink: 0;
}
.news_main_card_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.news_main_card:hover .news_main_card_img img {
  transform: scale(1.04);
}
.news_main_card_body {
  padding: 24px 24px 34px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.news_main_card_title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
}
.news_main_card_excerpt {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
}

/* ---- Side Cards (right column – horizontal thumbnail cards) - */
.news_side_card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0px 12px 60px -2px rgba(0, 31, 170, 0.1);
  transition: box-shadow 0.3s ease;
}
.news_side_card:hover {
  box-shadow: 0px 16px 70px -2px rgba(0, 31, 170, 0.18);
}
.news_side_card_inner {
  display: flex;
  align-items: stretch;
  text-decoration: none !important;
  color: inherit;
}
.news_side_card_thumb {
  width: 246px;
  flex-shrink: 0;
  overflow: hidden;
}
.news_side_card_thumb img {
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.news_side_card:hover .news_side_card_thumb img {
  transform: scale(1.04);
}
.news_side_card_content {
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  min-width: 0;
}
.news_side_card_title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
  transition: color 0.3s ease;
}
.news_side_card_inner:hover .news_side_card_title {
  color: #828282;
}

/* ---- Load More button (shared on both sections) ------------ */
.news_btn_wrap {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.news_load_more_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #2c2c2c;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 24px;
  padding: 18px 30px;
  border-radius: 40px;
  border: none;
  cursor: pointer;
  min-width: 207px;
  height: 60px;
  transition: background 0.3s ease;
}
.news_load_more_btn:hover {
  background: #828282;
}

/* ---- Latest-News grid spacer (no Bootstrap columns used) -- */

/* ---- Socials Section --------------------------------------- */
.news_socials_sec {
  padding: 60px 0 100px;
}
.news_socials_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin: 0 0 40px;
}
.news_socials_row {
  row-gap: 30px;
}

/* ---- Social Card ------------------------------------------ */
.news_social_card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0px 12px 60px -2px rgba(0, 31, 170, 0.1);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: box-shadow 0.3s ease;
}
.news_social_card:hover {
  box-shadow: 0px 16px 70px -2px rgba(0, 31, 170, 0.18);
}
.news_social_card_img_wrap {
  position: relative;
  display: block;
  height: 286px;
  overflow: hidden;
  flex-shrink: 0;
  text-decoration: none !important;
}
.news_social_card_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.news_social_card:hover .news_social_card_img_wrap img {
  transform: scale(1.04);
}
.news_social_card_img_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(15, 23, 43, 0.6) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  pointer-events: none;
}
.news_social_card_body {
  padding: 24px 24px 34px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.news_social_card_title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
}
.news_social_card_title a {
  color: inherit;
  text-decoration: none !important;
  transition: color 0.3s ease;
}
.news_social_card_title a:hover {
  color: #828282;
}
.news_social_card_excerpt {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  flex: 1;
}
.news_social_icon_wrap {
  margin-top: 8px;
}
.news_social_platform_icon {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

/* =============================================================
   NEWS PAGE – RESPONSIVE
   ============================================================= */
@media (max-width: 1400px) {
  .news_hero_content h1 {
    font-size: 80px;
    line-height: 100px;
  }
  .news_watermark {
    font-size: 110px;
  }
  .news_section_header_inner h2,
  .news_socials_heading {
    font-size: 48px;
    line-height: 60px;
  }
  .news_main_card_title {
    font-size: 22px;
    line-height: 32px;
  }
  .news_side_card_title {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 1200px) {
  .news_hero_content h1 {
    font-size: 72px;
    line-height: 90px;
  }
  .news_watermark {
    font-size: 90px;
  }
  .news_section_header_inner h2,
  .news_socials_heading {
    font-size: 42px;
    line-height: 52px;
  }
  .news_side_card_thumb {
    width: 200px;
  }
}

@media (max-width: 992px) {
  .news_hero_sec {
    height: 580px;
  }
  .news_hero_content h1 {
    font-size: 60px;
    line-height: 72px;
  }
  .news_watermark {
    font-size: 70px;
  }
  .news_section_header_inner {
    margin-top: -50px;
  }
  .news_section_header_inner h2,
  .news_socials_heading {
    font-size: 36px;
    line-height: 48px;
  }
  .news_main_card_img {
    height: 340px;
  }
  .news_grid_inner {
    grid-template-columns: 1fr;
  }
  .news_meta_item {
    font-size: 16px;
  }
  .news_meta {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .news_hero_sec {
    height: 480px;
  }
  .news_hero_content h1 {
    font-size: 48px;
    line-height: 60px;
  }
  .news_hero_subtitle {
    font-size: 16px;
    line-height: 28px;
  }
  .news_latest_sec {
    padding: 60px 0;
  }
  .news_socials_sec {
    padding: 40px 0 60px;
  }
  .news_watermark {
    font-size: 50px;
  }
  .news_section_header_inner {
    margin-top: -40px;
  }
  .news_main_card_img {
    height: 260px;
  }
  .news_main_card_title,
  .news_side_card_title,
  .news_social_card_title {
    font-size: 18px;
    line-height: 28px;
  }
  .news_main_card_excerpt,
  .news_social_card_excerpt,
  .news_meta_item,
  .news_read_more {
    font-size: 16px;
  }
  .news_social_card_img_wrap {
    height: 220px;
  }
  .news_side_card_thumb {
    width: 150px;
  }
}

@media (max-width: 576px) {
  .news_hero_content h1 {
    font-size: 36px;
    line-height: 48px;
  }
  .news_socials_heading {
    font-size: 28px;
    line-height: 36px;
  }
  .news_side_card_inner {
    flex-direction: column;
  }
  .news_side_card_thumb {
    width: 100%;
    height: 200px;
  }
}

/* =============================================================
   CAREERS PAGE
   ============================================================= */

/* ---- Hero Section ---- */
.careers_hero_sec {
  position: relative;
  height: 750px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.careers_hero_bg {
  position: absolute;
  inset: 0;
}
.careers_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.careers_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.careers_hero_content {
  position: relative;
  z-index: 2;
  max-width: 980px;
  padding: 0 20px;
}
.careers_hero_content h1 {
  font-size: 100px;
  line-height: 120px;
  font-weight: 300;
  color: #fff;
  margin: 0 0 24px;
}
.careers_hero_subtitle {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: #fff;
  margin: 0;
}

/* ---- Intro Section ---- */
.careers_intro_sec {
  padding: 100px 0;
}
.careers_intro_top_row {
  margin-bottom: 40px;
}
.careers_intro_heading h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin: 0;
}
.careers_intro_desc p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
  padding-left: 20px;
}
.careers_intro_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 560px;
}
.careers_intro_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 24px;
}

/* ---- Working With Us Section ---- */
.careers_wwu_sec {
  padding: 80px 0 100px;
}
.careers_wwu_header {
  margin-bottom: 40px;
}
.careers_wwu_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin: 0 0 16px;
}
.careers_wwu_subtitle {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  max-width: 669px;
  margin: 0;
}
.careers_wwu_cards_row {
  margin-top: 10px;
}
.careers_wwu_card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
  padding: 24px 24px 34px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  transition: background 0.3s ease;
  margin-bottom: 24px;
}
.careers_wwu_card_icon_wrap {
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 19px;
}
.careers_wwu_card_icon_wrap img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.careers_wwu_card_title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
  transition: color 0.3s ease;
}
.careers_wwu_card_desc {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: color 0.3s ease;
}
.careers_wwu_card:hover {
  background: #2c2c2c;
}
.careers_wwu_card:hover .careers_wwu_card_icon_wrap {
  background: #fff;
  border-color: #fff;
}
.careers_wwu_card:hover .careers_wwu_card_title {
  color: #fff;
}
.careers_wwu_card:hover .careers_wwu_card_desc {
  color: rgba(255, 255, 255, 0.8);
}

/* ---- Apply Here Section ---- */
.careers_apply_sec {
  padding: 80px 0 100px;
}
.careers_apply_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 500px;
}
.careers_apply_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  display: block;
}
.careers_apply_content {
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.careers_apply_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  text-align: left;
  margin: 0;
}
.careers_apply_form {
  width: 100%;
}

/* Gravity Forms override – pill-shaped inputs to match design */
.careers_apply_form .gform_wrapper input[type="text"],
.careers_apply_form .gform_wrapper input[type="email"],
.careers_apply_form .gform_wrapper input[type="tel"],
.careers_apply_form .gform_wrapper input[type="number"],
.careers_apply_form .gform_wrapper select {
  border: 1px solid rgba(141, 141, 141, 0.4);
  border-radius: 40px;
  padding: 16px 24px;
  font-size: 16px;
  color: #717182;
  background-color: rgba(255, 255, 255, 0.05);
  width: 100%;
  outline: none;
  box-shadow: none;
  height: 64px;
}

.careers_apply_form .gform_wrapper .name input[type="text"] {
  background-image: url(/wp-content/uploads/2026/03/user-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.careers_apply_form .gform_wrapper .phone input[type="tel"] {
  background-image: url(/wp-content/uploads/2026/03/tell-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.careers_apply_form .gform_wrapper .company input[type="text"] {
  background-image: url(/wp-content/uploads/2026/03/email-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.careers_apply_form .gform_wrapper .email input[type="email"] {
  background-image: url(/wp-content/uploads/2026/03/email-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.careers_apply_form .gform_wrapper .message textarea {
  background-image: url(/wp-content/uploads/2026/03/comment-icon.svg);
  background-repeat: no-repeat;
  background-position: top 19% left 15px;
  padding-left: 40px;
}

.careers_apply_form .gform_wrapper textarea {
  border: 1px solid rgba(141, 141, 141, 0.4);
  border-radius: 24px;
  padding: 16px 24px;
  font-size: 16px;
  color: #717182;
  background: rgba(255, 255, 255, 0.05);
  width: 100%;
  outline: none;
  box-shadow: none;
  min-height: 100px;
}
.careers_apply_form .gform_wrapper input[type="submit"],
.careers_apply_form .gform_wrapper button[type="submit"] {
  background: #2c2c2c !important;
  color: #fff;
  border: 1px solid #2c2c2c !important;
  border-radius: 40px !important;
  padding: 18px 32px !important;
  font-size: 16px;
  font-weight: 500;
  width: 100% !important;
  cursor: pointer;
  transition: background 0.3s ease;
  height: 60px !important;
}
.careers_apply_form .gform_wrapper input[type="submit"]:hover,
.careers_apply_form .gform_wrapper button[type="submit"]:hover {
  background: #fff !important;
  color: #2c2c2c !important;
}

.careers_apply_form .gform_wrapper input[type="submit"]:focus,
.careers_apply_form .gform_wrapper button[type="submit"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

.careers_apply_form .gform_wrapper .gfield_error input {
  border-color: red !important;
}

.careers_apply_form .gform_wrapper .gfield_validation_message {
  display: none !important;
}
.careers_apply_form .gform_wrapper .gform_validation_errors {
  display: none !important;
}

.careers_apply_form .gform_wrapper .gform-loader {
  display: none !important;
}

/* =============================================================
   CAREERS PAGE – RESPONSIVE
   ============================================================= */
@media (max-width: 1400px) {
  .careers_hero_content h1 {
    font-size: 80px;
    line-height: 100px;
  }
  .careers_intro_heading h2,
  .careers_wwu_heading,
  .careers_apply_heading {
    font-size: 48px;
    line-height: 60px;
  }
}

@media (max-width: 1200px) {
  .careers_hero_content h1 {
    font-size: 72px;
    line-height: 90px;
  }
  .careers_intro_heading h2,
  .careers_wwu_heading,
  .careers_apply_heading {
    font-size: 42px;
    line-height: 54px;
  }
}

@media (max-width: 992px) {
  .careers_hero_sec {
    height: 580px;
  }
  .careers_hero_content h1 {
    font-size: 60px;
    line-height: 72px;
  }
  .careers_intro_heading h2,
  .careers_wwu_heading,
  .careers_apply_heading {
    font-size: 36px;
    line-height: 48px;
  }
  .careers_intro_desc p {
    padding-left: 0;
    margin-top: 20px;
  }
  .careers_apply_content {
    padding-left: 0;
    margin-top: 40px;
  }
  .careers_apply_img_wrap {
    min-height: 360px;
  }
  .careers_intro_img_wrap {
    height: 420px;
  }
}

@media (max-width: 768px) {
  .careers_hero_sec {
    height: 480px;
  }
  .careers_hero_content h1 {
    font-size: 48px;
    line-height: 60px;
  }
  .careers_hero_subtitle {
    font-size: 16px;
    line-height: 28px;
  }
  .careers_intro_sec {
    padding: 60px 0;
  }
  .careers_wwu_sec {
    padding: 60px 0;
  }
  .careers_apply_sec {
    padding: 60px 0;
  }
  .careers_intro_img_wrap {
    height: 300px;
  }
  .careers_apply_img_wrap {
    min-height: 280px;
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .careers_hero_content h1 {
    font-size: 36px;
    line-height: 48px;
  }
  .careers_wwu_heading,
  .careers_apply_heading {
    font-size: 28px;
    line-height: 36px;
  }
}

/* =============================================================
   SINGLE NEWS PAGE  (single-news.php)
   All selectors prefixed with "snews_" to avoid collisions.
   ============================================================= */

/* ---- Utility: hidden card state ---------------------------- */
.snews_card_hidden {
  display: none !important;
}

/* ---- Hero Section ------------------------------------------ */
.snews_hero_sec {
  position: relative;
  width: 100%;
  height: 750px;
  background-color: #2c2c2c;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.snews_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.snews_hero_content {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.snews_hero_content h1 {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.3;
  color: #ffffff;
  margin: 0 auto;
  max-width: 1000px;
}

/* ---- Article Section --------------------------------------- */
.snews_article_sec {
  padding: 80px 0 100px;
}
.snews_article_wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ---- Meta row (date + reading time) ----------------------- */
.snews_meta {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.snews_meta_item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #717182;
}
.snews_icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

/* ---- Article Title ----------------------------------------- */
.snews_article_title {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  color: #2c2c2c;
  margin: 0;
}

/* ---- Content Body (the_content output) -------------------- */
.snews_content_body {
  font-family: "Poppins", sans-serif;
}
.snews_content_body > * + * {
  margin-top: 24px;
}
.snews_content_body h1,
.snews_content_body h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  color: #2c2c2c;
  margin: 0;
}
.snews_content_body h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  color: #2c2c2c;
  margin: 0;
}
.snews_content_body h4,
.snews_content_body h5,
.snews_content_body h6 {
  font-size: 20px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
}
.snews_content_body p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #717182;
  margin: 0;
}
.snews_content_body ul,
.snews_content_body ol {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  padding-left: 24px;
  margin: 0;
}
.snews_content_body a {
  color: #2c2c2c;
  text-decoration: underline;
}
.snews_content_body a:hover {
  opacity: 0.7;
}
.snews_content_body img {
  max-width: 100%;
  height: auto;
  border-radius: 14px;
  display: block;
}
.snews_content_body blockquote {
  border-left: 4px solid #2c2c2c;
  padding-left: 24px;
  margin: 0;
  color: #717182;
  font-size: 18px;
  line-height: 28px;
  font-style: italic;
}

/* ---- More Related News Section ----------------------------- */
.snews_related_sec {
  padding: 0 0 100px;
}
.snews_related_heading {
  font-family: "Montserrat", "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #2c2c2c;
  margin: 0 0 40px;
}

/* ---- Related Card ------------------------------------------ */
.snews_related_card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0px 12px 60px -2px rgba(0, 31, 170, 0.1);
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.3s ease;
  height: 100%;
}
.snews_related_card:hover {
  box-shadow: 0px 16px 70px -2px rgba(0, 31, 170, 0.18);
  text-decoration: none;
  color: inherit;
}
.snews_related_card_img_wrap {
  position: relative;
  width: 100%;
  height: 286px;
  overflow: hidden;
  flex-shrink: 0;
}
.snews_related_card_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.snews_related_card:hover .snews_related_card_img_wrap img {
  transform: scale(1.04);
}
.snews_related_card_img_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15, 23, 43, 0.6), transparent);
  pointer-events: none;
}
.snews_related_card_body {
  padding: 24px 24px 34px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.snews_related_card_title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #2c2c2c;
  margin: 0;
}
.snews_related_card_excerpt {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #717182;
  margin: 0;
}

/* Related cards row bottom gap */
.snews_related_row {
  margin-bottom: 50px;
}
.snews_related_row .snews_related_col {
  margin-bottom: 30px;
}

/* ---- Load More Button -------------------------------------- */
.snews_btn_wrap {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.snews_load_more_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 60px;
  padding: 0 40px;
  background: #2c2c2c;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  transition: opacity 0.25s ease;
}
.snews_load_more_btn:hover {
  opacity: 0.8;
}
.snews_load_more_btn svg {
  flex-shrink: 0;
}

/* =============================================================
   SINGLE NEWS PAGE – RESPONSIVE
   ============================================================= */

@media (max-width: 1400px) {
  .snews_hero_content h1 {
    font-size: 52px;
  }
  .snews_related_heading {
    font-size: 48px;
    line-height: 60px;
  }
  .snews_article_title {
    font-size: 36px;
  }
}

@media (max-width: 1200px) {
  .snews_hero_content h1 {
    font-size: 44px;
  }
  .snews_related_heading {
    font-size: 42px;
    line-height: 54px;
  }
  .snews_article_title {
    font-size: 32px;
  }
  .snews_content_body h1,
  .snews_content_body h2 {
    font-size: 28px;
  }
}

@media (max-width: 992px) {
  .snews_hero_sec {
    height: 580px;
  }
  .snews_hero_content h1 {
    font-size: 36px;
    line-height: 1.3;
  }
  .snews_article_sec {
    padding: 60px 0 80px;
  }
  .snews_related_sec {
    padding: 0 0 80px;
  }
  .snews_related_heading {
    font-size: 36px;
    line-height: 48px;
  }
  .snews_article_title {
    font-size: 28px;
  }
  .snews_content_body h1,
  .snews_content_body h2 {
    font-size: 24px;
  }
  .snews_related_card_img_wrap {
    height: 240px;
  }
}

@media (max-width: 768px) {
  .snews_hero_sec {
    height: 480px;
  }
  .snews_hero_content h1 {
    font-size: 28px;
    line-height: 1.4;
  }
  .snews_article_sec {
    padding: 40px 0 60px;
  }
  .snews_related_sec {
    padding: 0 0 60px;
  }
  .snews_article_wrap {
    gap: 28px;
  }
  .snews_related_heading {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .snews_article_title {
    font-size: 24px;
  }
  .snews_content_body h1,
  .snews_content_body h2 {
    font-size: 20px;
  }
  .snews_content_body p,
  .snews_content_body ul,
  .snews_content_body ol {
    font-size: 16px;
  }
  .snews_meta_item {
    font-size: 16px;
  }
  .snews_related_card_title {
    font-size: 20px;
    line-height: 28px;
  }
  .snews_related_card_excerpt {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .snews_hero_content h1 {
    font-size: 22px;
  }
  .snews_related_heading {
    font-size: 24px;
    line-height: 32px;
  }
  .snews_article_title {
    font-size: 20px;
  }
}

/* =============================================================
   LOCATIONS PAGE  (locations-page.php)
   All selectors prefixed with "loc_" to avoid collisions.
   ============================================================= */

/* ---- Hero Section ------------------------------------------ */
.loc_hero_sec {
  position: relative;
  width: 100%;
  height: 750px;
  background-color: #2c2c2c;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.loc_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  /* z-index: 1; */
}
.loc_hero_content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1188px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.loc_hero_icon_wrap {
  width: auto;
  max-height: 120px;
}
.loc_hero_icon_wrap img {
  height: 120px;
  width: auto;
  display: block;
  margin: 0 auto;
}
.loc_hero_content h1 {
  font-family: "Poppins", sans-serif;
  font-size: 100px;
  font-weight: 300;
  line-height: 120px;
  color: #ffffff;
  margin: 0;
}
.loc_hero_subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32.5px;
  color: #ffffff;
  max-width: 976px;
  margin: 0;
}
.loc_hero_subtitle p {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32.5px;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

/* ---- Global Presence Section ------------------------------- */
.loc_presence_sec {
  padding: 100px 0 120px;
  background: #ffffff;
  overflow: hidden;
}

.loc_presence_sec .heading h3 {
  font-size: 155px;
}
.loc_presence_sec .para p {
  width: 60%;
  margin: auto;
}
/* ---- Slider Wrapper ---------------------------------------- */
.loc_slider_wrap {
  position: relative;
}

.loc_slider_wrap .slick-list.draggable {
  overflow: visible !important;
  margin: 0 -10px;
}

/* Let cards overflow the container slightly on the right */
.loc_slider .slick-list {
  overflow: visible;
}
.loc_slider_wrap .slick-list {
  overflow: hidden;
}

/* ---- Slide cards ------------------------------------------- */
.loc_slider_item {
  padding: 0 10px; /* 20px total gap between cards */
}
.loc_slide_card {
  position: relative;
  height: 500px;
  border-radius: 24px;
  overflow: hidden;
  background-color: #2c2c2c;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0px 12px 40px 0px rgba(0, 31, 170, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
}
.loc_slide_overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 24px;
  background: linear-gradient(
    180deg,
    rgba(44, 44, 44, 0) 0%,
    rgba(44, 44, 44, 0.8) 100%
  );
  box-shadow: 0 12px 40px 0 rgba(0, 31, 170, 0.1);
  transition: opacity 0.5s ease;
  z-index: 1;
}
.loc_slide_card:hover .loc_slide_overlay::before {
  opacity: 0;
}
.loc_slide_card .loc_slide_overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(44, 44, 44, 0.5) 0%, #2c2c2c 100%);
  transition: opacity 0.5s ease;
  opacity: 0;
  z-index: 1;
}
.loc_slide_card:hover .loc_slide_overlay::after {
  opacity: 1;
}
.loc_slide_overlay img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  object-fit: cover;
  transition: 0.5s all ease;
}
.loc_slide_card:hover .loc_slide_overlay img {
  transform: scale(1.2);
}
.loc_slide_content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.loc_slide_title {
  font-family: "Poppins", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
  color: #ffffff;
  margin: 0;
}
.loc_slide_desc {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #ffffff;
  margin: 0;
}

/* ---- Progress / Timeline indicator -------------------------- */
.loc_progress_wrap {
  position: relative;
  width: 100%;
  height: 4px;
  margin-top: 40px;
}
.loc_progress_track {
  position: absolute;
  top: 1px; /* vertically centre the 2px track within the 4px wrapper */
  left: 0;
  width: 100%;
  height: 2px;
  background: #2c2c2c;
  opacity: 0.2;
}
.loc_progress_fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background: #2c2c2c;
  width: 0%;
  transition:
    left 0.45s ease,
    width 0.45s ease;
}

/* =============================================================
   LOCATIONS PAGE – RESPONSIVE
   ============================================================= */

@media (max-width: 1400px) {
  .loc_hero_content h1 {
    font-size: 80px;
    line-height: 96px;
  }
  .loc_presence_watermark {
    font-size: 120px;
  }
  .loc_presence_heading {
    font-size: 48px;
    line-height: 60px;
  }
  .loc_slide_title {
    font-size: 28px;
  }
}

@media (max-width: 1200px) {
  .loc_hero_content h1 {
    font-size: 64px;
    line-height: 80px;
  }
  .loc_presence_watermark {
    font-size: 90px;
  }
  .loc_presence_heading {
    font-size: 42px;
    line-height: 54px;
  }
  .loc_slide_card {
    height: 440px;
  }
  .loc_slide_title {
    font-size: 24px;
    line-height: 30px;
  }
  .loc_slide_desc {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .loc_hero_sec {
    height: 580px;
  }
  .loc_hero_content h1 {
    font-size: 52px;
    line-height: 64px;
  }
  .loc_hero_subtitle {
    font-size: 18px;
  }
  .loc_presence_sec {
    padding: 70px 0 90px;
  }
  .loc_presence_watermark {
    font-size: 70px;
  }
  .loc_presence_header_content {
    padding-top: 30px;
  }
  .loc_presence_heading {
    font-size: 36px;
    line-height: 48px;
  }
  .loc_slide_card {
    height: 400px;
    padding: 24px;
  }
  .loc_slide_title {
    font-size: 22px;
    line-height: 28px;
  }
}

@media (max-width: 768px) {
  .loc_hero_sec {
    height: 480px;
  }
  .loc_hero_content h1 {
    font-size: 42px;
    line-height: 52px;
  }
  .loc_hero_subtitle {
    font-size: 16px;
    line-height: 28px;
  }
  .loc_hero_icon_wrap img {
    height: 80px;
  }
  .loc_presence_sec {
    padding: 50px 0 70px;
  }
  .loc_presence_heading {
    font-size: 30px;
    line-height: 40px;
  }
  .loc_presence_subtitle {
    font-size: 16px;
  }
  .loc_presence_watermark {
    font-size: 52px;
  }
  .loc_slide_card {
    height: 360px;
    padding: 20px;
  }
  .loc_slide_title {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .loc_hero_content h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .loc_hero_subtitle {
    font-size: 14px;
  }
  .loc_presence_heading {
    font-size: 24px;
    line-height: 34px;
  }
  .loc_presence_watermark {
    font-size: 40px;
  }
  .loc_slide_card {
    height: 320px;
  }
}

/* =============================================================
   CONTACT US PAGE  –  cu_ prefix
   ============================================================= */

/* ---- Hero Section ------------------------------------------ */
.cu_hero_sec {
  position: relative;
  height: 750px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cu_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.50);
   z-index: 0;
}
.cu_hero_content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #ffffff;
  max-width: 1188px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.cu_hero_title {
  font-family: "Poppins", sans-serif;
  font-size: 100px;
  font-weight: 300;
  line-height: 120px;
  color: #ffffff;
  margin: 0;
}
.cu_hero_subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32.5px;
  color: #ffffff;
  max-width: 1062px;
  margin: 0;
}
.cu_hero_subtitle p {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32.5px;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

/* ---- Contact Section --------------------------------------- */
.cu_contact_sec {
  padding: 100px 0 120px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

/* Section Header */
.cu_section_header {
  position: relative;
  text-align: center;
  margin-bottom: 80px;
  min-height: 191px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cu_section_watermark {
  font-family: "Poppins", sans-serif;
  font-size: 160px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  background: linear-gradient(
    180deg,
    #717182 28.557%,
    rgba(221, 221, 221, 0) 145.5%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  opacity: 0.2;
  white-space: nowrap;
  z-index: 0;
  margin: 0;
  margin-bottom: -50px;
}
.cu_section_header_inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.cu_section_heading {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #2c2c2c;
  text-transform: capitalize;
  margin: 0;
}
.cu_heading_hl {
  color: #828282;
}
.cu_section_subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #717182;
  max-width: 80%;
}
.cu_section_subtitle p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #717182;
  margin: 0;
  padding: 0;
}

/* Contact Row Layout */
.cu_contact_row {
  gap: 0;
}

/* Left image */
.cu_contact_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 380px;
}
.cu_contact_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}
.cu_form_wrap {
  width: 100%;
}

/* Gravity Forms override – pill-shaped inputs to match design */
.cu_form_wrap .gform_wrapper input[type="text"],
.cu_form_wrap .gform_wrapper input[type="email"],
.cu_form_wrap .gform_wrapper input[type="tel"],
.cu_form_wrap .gform_wrapper input[type="number"],
.cu_form_wrap .gform_wrapper select {
  border: 1px solid rgba(141, 141, 141, 0.4);
  border-radius: 40px;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 300px !important;
  color: #717182;
  background-color: rgba(255, 255, 255, 0.05);
  width: 100%;
  outline: none;
  box-shadow: none;
  height: 64px;
}

.cu_form_wrap .gform_wrapper .name input[type="text"] {
  background-image: url(/wp-content/uploads/2026/03/user-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.cu_form_wrap .gform_wrapper .phone input[type="tel"] {
  background-image: url(/wp-content/uploads/2026/03/tell-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.cu_form_wrap .gform_wrapper .company input[type="text"] {
  background-image: url(/wp-content/uploads/2026/03/email-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.cu_form_wrap .gform_wrapper .email input[type="email"] {
  background-image: url(/wp-content/uploads/2026/03/email-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.cu_form_wrap .gform_wrapper .massage textarea {
  background-image: url(/wp-content/uploads/2026/03/comment-icon.svg);
  background-repeat: no-repeat;
  background-position: top 19% left 15px;
  padding-left: 40px;
  resize: none;
}

.cu_form_wrap .gform_wrapper textarea {
  border: 1px solid rgba(141, 141, 141, 0.4);
  border-radius: 24px;
  padding: 16px 24px;
  font-size: 16px;
  color: #717182;
  background: rgba(255, 255, 255, 0.05);
  width: 100%;
  outline: none;
  box-shadow: none;
  min-height: 100px;
}
.cu_form_wrap .gform_wrapper input[type="submit"],
.cu_form_wrap .gform_wrapper button[type="submit"] {
  background: #2c2c2c !important;
  color: #fff;
  border: 1px solid #2c2c2c !important;
  border-radius: 40px !important;
  padding: 18px 32px !important;
  font-size: 16px;
  font-weight: 500;
  width: 100% !important;
  cursor: pointer;
  transition: background 0.3s ease;
  height: 60px !important;
}
.cu_form_wrap .gform_wrapper input[type="submit"]:hover,
.cu_form_wrap .gform_wrapper button[type="submit"]:hover {
  background: #fff !important;
  color: #2c2c2c !important;
}

.cu_form_wrap .gform_wrapper input[type="submit"]:focus,
.cu_form_wrap .gform_wrapper button[type="submit"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

.cu_form_wrap .gform_wrapper .gfield_error input {
  border-color: red !important;
}

.cu_form_wrap .gform_wrapper .gfield_validation_message {
  display: none !important;
}
.cu_form_wrap .gform_wrapper .gform_validation_errors {
  display: none !important;
}

.cu_form_wrap .gform_wrapper .gform-loader {
  display: none !important;
}

.cu_form_wrap .gform_wrapper .gfield_required_text {
  display: none !important;
}

.cu_form_wrap .gform_wrapper .gform_fields {
  row-gap: 20px !important;
}

.cu_form_wrap .gform_wrapper .gfield_radio {
  display: flex;
  flex-direction: row !important;
  gap: 30px !important;
}

.cu_form_wrap .gform_wrapper .gfield_radio label {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 20px !important;
  color: #717182 !important;
}

.cu_form_wrap .gform_wrapper .gfield--type-radio legend {
  font-style: normal;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 23px !important;
  color: #2c2c2c !important;
}

.cu_form_wrap .gform_wrapper .gfield-choice-input::before {
  background-color: #2c2c2c !important;
}

.cu_form_wrap .gform_wrapper .gfield-choice-input:focus {
  box-shadow: none !important;
  border-color: #2c2c2c !important;
}

/* =============================================================
   CONTACT US PAGE – RESPONSIVE
   ============================================================= */

@media (max-width: 1199px) {
  .cu_hero_title {
    font-size: 78px;
    line-height: 96px;
  }
  .cu_section_heading {
    font-size: 50px;
    line-height: 62px;
  }
  .cu_section_watermark {
    font-size: 120px;
  }
  .cu_form_wrap {
    padding-left: 50px;
  }
}

@media (max-width: 991px) {
  .cu_hero_title {
    font-size: 60px;
    line-height: 76px;
  }
  .cu_section_heading {
    font-size: 42px;
    line-height: 54px;
  }
  .cu_section_watermark {
    font-size: 90px;
  }
  .cu_contact_row {
    flex-direction: column;
    gap: 40px;
  }
  .cu_contact_img_wrap {
    min-height: 300px;
  }
  .cu_form_wrap {
    padding-left: 0;
    padding-top: 10px;
  }
}

@media (max-width: 768px) {
  .cu_hero_sec {
    height: 500px;
  }
  .cu_hero_title {
    font-size: 48px;
    line-height: 60px;
  }
  .cu_hero_subtitle {
    font-size: 16px;
    line-height: 28px;
  }
  .cu_contact_sec {
    padding: 60px 0 80px;
  }
  .cu_section_heading {
    font-size: 34px;
    line-height: 44px;
  }
  .cu_section_watermark {
    font-size: 66px;
    line-height: 150px;
  }
  .cu_section_header {
    margin-bottom: 50px;
  }
  .cu_form_wrap .gform-grid-row {
    flex-direction: column;
    gap: 0;
  }
}

@media (max-width: 576px) {
  .cu_hero_title {
    font-size: 36px;
    line-height: 48px;
  }
  .cu_hero_subtitle {
    font-size: 14px;
    line-height: 24px;
  }
  .cu_section_heading {
    font-size: 28px;
    line-height: 38px;
  }
  .cu_section_watermark {
    font-size: 48px;
    line-height: 120px;
  }
  .cu_contact_img_wrap {
    min-height: 240px;
  }
}

/* =============================================================
   MARMI E PIETRE (MeP) PAGE
   All selectors prefixed with  mep_  – zero risk of clash.
   ============================================================= */

/* ── Shared Colour Helpers ── */
.mep_dark {
  color: #2c2c2c;
}
.mep_gray {
  color: #828282;
}

/* ── Shared Section Header (watermark pattern) ── */
.mep_section_header {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}
.mep_watermark {
  display: block;
  font-size: 160px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  background: linear-gradient(
    180deg,
    #717182 28.557%,
    rgba(221, 221, 221, 0) 145.5%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: 0.14;
  white-space: nowrap;
  text-align: center;
}
.mep_section_header_inner {
  position: relative;
  z-index: 2;
  margin-top: -80px;
  padding-top: 10px;
}
.mep_section_header_inner h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.mep_section_header_inner p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  max-width: 80%;
  margin: 0 auto;
}

/* =============================================================
   HERO SECTION
   ============================================================= */
.mep_hero_sec {
  position: relative;
  height: 750px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #1a1a1a;
}
.mep_hero_bg {
  position: absolute;
  inset: 0;
}
.mep_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.mep_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.mep_hero_content {
  position: relative;
  padding: 0 20px;
}
.mep_hero_content h1 {
  font-size: 100px;
  line-height: 120px;
  margin: 0 0 24px;
  color: #fff;
  font-weight: 300;
}

.mep_hero_content h1 strong {

  font-weight: 500;
}



.mep_hero_subtitle {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  max-width: 1080px;
  margin: 0 auto;
}

/* =============================================================
   ABOUT SECTION
   ============================================================= */
.mep_about_sec {
  padding: 100px 0;
}
.mep_about_top_row {
  margin-bottom: 80px;
}
.mep_about_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  margin-bottom: 24px;
}
.mep_about_desc {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  max-width: 662px;
  margin: 0;
}
.mep_about_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 210px;
}
.mep_about_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.mep_about_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}

/* Stats Row */
.mep_stats_row {
  margin-top: 0;
}
.mep_stat_item {
  border-left: 1px solid #828282;
  padding: 0 0 0 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}
.mep_stat_label {
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
}
.mep_stat_value {
  font-size: 80px;
  line-height: 160px;
  font-weight: 400;
  color: #2c2c2c;
  margin: 0;
}
.mep_stat_desc {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   MINING EXCELLENCE SECTION
   ============================================================= */
.mep_mining_sec {
  padding: 80px 0 100px;
}
.mep_mining_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 560px;
}
.mep_mining_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.mep_mining_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 24px;
}
.mep_mining_text {
  padding-left: 60px;
}
.mep_mining_heading {
  font-size: 60px;
  font-family: 'Montserrat' !important;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.mep_mining_desc {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 40px;
}
.mep_mining_features {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.mep_mining_feature_item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mep_mining_feature_header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mep_mining_feature_icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.mep_mining_feature_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mep_mining_feature_item h3 {
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
}
.mep_mining_feature_item p {
  font-size: 16px;
  line-height: 24px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   OPERATIONAL SCOPE SECTION
   ============================================================= */
.mep_ops_sec {
  padding: 80px 0 120px;
}
.mep_ops_cards_row {
  margin-bottom: 50px;
}
.mep_ops_card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
  padding: 24px 24px 34px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
  transition: background 0.3s ease;
}
.mep_ops_card_icon_wrap {
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px;
  flex-shrink: 0;
  transition: background 0.3s ease;
}
.mep_ops_card_icon_wrap img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.mep_ops_card_title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
  transition: color 0.3s ease;
}
.mep_ops_card_desc {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: color 0.3s ease;
}
.mep_ops_card_features {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mep_ops_card_feature_item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mep_ops_card_feature_item .mep_tick_icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.mep_ops_card_feature_item p {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: color 0.3s ease;
}
.mep_ops_card:hover {
  background: #2c2c2c;
}
.mep_ops_card:hover .mep_ops_card_icon_wrap {
  background: #fff;
  border-color: #fff;
}
.mep_ops_card:hover .mep_ops_card_title {
  color: #fff;
}
.mep_ops_card:hover .mep_ops_card_desc,
.mep_ops_card:hover .mep_ops_card_feature_item p {
  color: rgba(255, 255, 255, 0.8);
}
/* .mep_ops_card:hover .mep_tick_icon svg path {
  fill: rgba(255, 255, 255, 0.8);
} */

/* Full-width image strip */
.mep_ops_full_img_wrap {
  position: relative;
  height: 600px;
  overflow: hidden;
  border-radius: 24px;
  /* margin: 0 15px; */
}
.mep_ops_full_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}
.mep_ops_full_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 24px;
}

/* =============================================================
   MANAGEMENT SYSTEMS & CERTIFICATIONS SECTION
   ============================================================= */
.mep_cert_sec {
  padding: 100px 0;
  background: #f6f6f6;
}
.mep_cert_header {
  text-align: center;
  margin-bottom: 50px;
}
.mep_cert_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.mep_cert_sub {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  max-width: 900px;
  margin: 0 auto;
}
.mep_cert_cards_wrap {
  margin-bottom: 30px;
}
.mep_cert_row {
  margin-bottom: 20px;
}
.mep_cert_row_center {
  justify-content: center;
}
.mep_cert_card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 12px 40px 0px rgba(0, 31, 170, 0.1);
  padding: 24px;
  height: 160px;
  display: flex;
  align-items: center;
  gap: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.mep_cert_card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 20px 50px 0px rgba(0, 31, 170, 0.15);
  background: #2c2c2c;
}

.mep_cert_card:hover .mep_cert_card_icon_wrap {
  background: #fff;
  border-color: #fff;
}

.mep_cert_card:hover .mep_cert_title {
  color: #fff;
}

.mep_cert_card:hover .mep_cert_standard {
  color: #fff;
}

.mep_cert_card_featured {
  background: #2c2c2c;
}
.mep_cert_card_icon_wrap {
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px;
  flex-shrink: 0;
}
.mep_cert_card_icon_featured {
  background: #fff;
  border-color: #fff;
}
.mep_cert_card_icon_wrap img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.mep_cert_card_body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.mep_cert_standard {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}
.mep_cert_card_featured .mep_cert_standard {
  color: rgba(255, 255, 255, 0.7);
}
.mep_cert_title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
}
.mep_cert_card_featured .mep_cert_title {
  color: #fff;
}
.mep_cert_note_box {
  background: #fff;
  border-radius: 16px;
  padding: 40px 50px;
  text-align: center;
}
.mep_cert_note_box p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}
.mep_cert_note_box p strong {
  color: #2c2c2c;
  font-weight: 500;
}

/* =============================================================
   SEAMLESS LOGISTICS SECTION
   ============================================================= */
.mep_logistics_sec {
  padding: 80px 0 100px;
}
.mep_logistics_text {
  padding-right: 30px;
}
.mep_logistics_heading {
  font-size: 60px;
  font-family: 'Montserrat' !important;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.mep_logistics_desc {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 40px;
}
.mep_logistics_features_row {
  margin-bottom: 30px;
}
.mep_logistics_feature_item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 30px;
}
.mep_logistics_feature_icon_wrap {
  background: #f1f5f9;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mep_logistics_feature_icon_wrap img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.mep_logistics_feature_body {
  flex: 1;
}
.mep_logistics_feature_body h3 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 8px;
}
.mep_logistics_feature_body p {
  font-size: 16px;
  line-height: 1.5;
  color: #717182;
  margin: 0;
}
.mep_logistics_cap_box {
  background: #f6f6f6;
  border-radius: 14px;
  padding: 24px 30px;
}
.mep_logistics_cap_box h4 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 16px;
}
.mep_logistics_cap_box ul {
  padding: 0;
  margin: 0;
}
.mep_logistics_cap_box ul li {
  list-style: disc;
  margin-left: 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #717182;
  margin-bottom: 8px;
}

/* Image side */
.mep_logistics_img_outer {
  position: relative;
}
.mep_logistics_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 686px;
}
.mep_logistics_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}
.mep_logistics_badge_card {
  position: absolute;
  bottom: -14px;
  left: -14px;
  background: #fff;
  border-radius: 14px;
  box-shadow:
    0px 20px 25px 0px rgba(0, 0, 0, 0.1),
    0px 8px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 18px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 200px;
  z-index: 2;
}
.mep_logistics_badge_icon_wrap {
  background: linear-gradient(135deg, #2b7fff 0%, #155dfc 100%);
  border-radius: 10px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mep_logistics_badge_value {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #0f172b;
  margin: 0;
}
.mep_logistics_badge_label {
  font-size: 14px;
  line-height: 20px;
  color: #45556c;
  margin: 0;
}

/* =============================================================
   SOCIAL AND ETHICAL RESPONSIBILITY SECTION
   ============================================================= */
.mep_resp_sec {
  padding: 80px 0 100px;
}
.mep_resp_content_row {
  margin-top: 10px;
}
.mep_resp_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 480px;
}
.mep_resp_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}
.mep_resp_items {
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.mep_resp_item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mep_resp_item_header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
}
.mep_resp_item_icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.mep_resp_item_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mep_resp_item h3 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
}
.mep_resp_item p {
  font-size: 16px;
  line-height: 24px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   COMPETITIVE POSITIONING SECTION
   ============================================================= */
.mep_comp_sec {
  padding: 100px 0;
  background: #f6f6f6;
}
.mep_comp_cards_row {
  margin-top: 10px;
}
.mep_comp_card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
  padding: 24px 24px 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
  transition:
    background 0.3s ease,
    transform 0.3s ease;
}
.mep_comp_card:hover {
  background: #2c2c2c;
  transform: translateY(-4px);
}
.mep_comp_card_icon_wrap {
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px;
  flex-shrink: 0;
  transition:
    background 0.3s ease,
    border-color 0.3s ease;
}
.mep_comp_card:hover .mep_comp_card_icon_wrap {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
.mep_comp_card_icon_wrap img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.mep_comp_card_title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
  transition: color 0.3s ease;
}
.mep_comp_card:hover .mep_comp_card_title {
  color: #fff;
}
.mep_comp_card_desc {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: color 0.3s ease;
}
.mep_comp_card:hover .mep_comp_card_desc {
  color: rgba(255, 255, 255, 0.8);
}

/* =============================================================
   TAILORED SOLUTIONS SECTION
   ============================================================= */
.mep_solutions_sec {
  padding: 80px 0 100px;
}
.mep_solutions_text {
  padding-right: 40px;
}
.mep_solutions_heading {
  font-size: 60px;
  font-family: 'Montserrat' !important;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.mep_solutions_desc {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 40px;
}
.mep_solutions_features {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.mep_solutions_feature_item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mep_solutions_feature_header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mep_solutions_feature_icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.mep_solutions_feature_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mep_solutions_feature_item h3 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
}
.mep_solutions_feature_item p {
  font-size: 16px;
  line-height: 24px;
  color: #717182;
  margin: 0;
}
.mep_solutions_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 560px;
}
.mep_solutions_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}

/* =============================================================
   CTA SECTION
   ============================================================= */
.mep_cta_sec {
  position: relative;
  padding: 100px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  overflow: hidden;
  background: #2c2c2c;
}
.mep_cta_bg {
  position: absolute;
  inset: 0;
}
.mep_cta_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mep_cta_overlay {
  position: absolute;
  inset: 0;
  background: rgba(44, 44, 44, 0.8);
}
.mep_cta_content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.mep_cta_content h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
  margin: 0;
}
.mep_cta_content p {
  font-size: 18px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.85);
  max-width: 1293px;
  margin: 0;
}
.mep_cta_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fff;
  color: #2c2c2c;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 19px 50px;
  border-radius: 40px;
  min-width: 250px;
  height: 60px;
  transition:
    background 0.3s ease,
    color 0.3s ease;
  text-decoration: none !important;
}
.mep_cta_btn:hover {
  background: #828282;
  color: #fff;
}
.mep_cta_btn:hover svg path {
  stroke: #fff;
}

/* =============================================================
   MeP PAGE – RESPONSIVE
   ============================================================= */

@media (max-width: 1400px) {
  .mep_hero_content h1 {
    font-size: 80px;
    line-height: 100px;
  }
  .mep_watermark {
    font-size: 120px;
  }
  .mep_section_header_inner h2,
  .mep_about_heading,
  .mep_mining_heading,
  .mep_logistics_heading,
  .mep_solutions_heading,
  .mep_cert_heading,
  .mep_cta_content h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .mep_stat_value {
    font-size: 60px;
  }
}

@media (max-width: 1199px) {
  .mep_hero_sec {
    height: 600px;
  }
  .mep_hero_content h1 {
    font-size: 64px;
    line-height: 80px;
  }
  .mep_watermark {
    font-size: 90px;
  }
  .mep_section_header_inner h2,
  .mep_about_heading,
  .mep_mining_heading,
  .mep_logistics_heading,
  .mep_solutions_heading,
  .mep_cert_heading,
  .mep_cta_content h2 {
    font-size: 42px;
    line-height: 54px;
  }
  .mep_stat_value {
    font-size: 50px;
  }
  .mep_mining_text {
    padding-left: 30px;
  }
}

@media (max-width: 991px) {
  .mep_hero_sec {
    height: 500px;
  }
  .mep_hero_content h1 {
    font-size: 52px;
    line-height: 65px;
  }
  .mep_hero_subtitle {
    font-size: 16px;
    line-height: 28px;
  }
  .mep_watermark {
    font-size: 70px;
  }
  .mep_section_header_inner {
    margin-top: -50px;
  }
  .mep_about_top_row {
    margin-bottom: 50px;
  }
  .mep_about_img_wrap {
    height: 260px;
    margin-top: 30px;
  }
  .mep_mining_img_wrap {
    height: 400px;
    margin-bottom: 40px;
  }
  .mep_mining_text {
    padding-left: 0;
  }
  .mep_logistics_text {
    padding-right: 0;
    margin-bottom: 50px;
  }
  .mep_logistics_img_wrap {
    height: 450px;
  }
  .mep_resp_items {
    padding-left: 0;
    margin-top: 40px;
  }
  .mep_resp_img_wrap {
    min-height: 360px;
  }
  .mep_solutions_text {
    padding-right: 0;
    margin-bottom: 40px;
  }
  .mep_solutions_img_wrap {
    min-height: 400px;
  }
  .mep_ops_full_img_wrap {
    height: 400px;
  }
}

@media (max-width: 767px) {
  .mep_hero_sec {
    height: 420px;
  }
  .mep_hero_content h1 {
    font-size: 38px;
    line-height: 50px;
  }
  .mep_hero_subtitle {
    font-size: 15px;
    line-height: 26px;
  }
  .mep_watermark {
    font-size: 50px;
  }
  .mep_section_header_inner {
    margin-top: -36px;
  }
  .mep_section_header_inner h2,
  .mep_about_heading,
  .mep_mining_heading,
  .mep_logistics_heading,
  .mep_solutions_heading,
  .mep_cert_heading,
  .mep_cta_content h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .mep_stat_value {
    font-size: 40px;
  }
  .mep_about_sec,
  .mep_mining_sec,
  .mep_cert_sec,
  .mep_logistics_sec,
  .mep_resp_sec,
  .mep_comp_sec,
  .mep_solutions_sec {
    padding: 60px 0;
  }
  .mep_logistics_badge_card {
    left: 0;
    bottom: -20px;
    min-width: 160px;
  }
  .mep_ops_full_img_wrap {
    height: 280px;
    margin: 0;
    border-radius: 0;
  }
  .mep_cert_card {
    height: auto;
    padding: 20px;
  }
  .mep_cert_note_box {
    padding: 24px 20px;
  }
}

@media (max-width: 576px) {
  .mep_hero_content h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .mep_section_header_inner h2,
  .mep_about_heading,
  .mep_mining_heading,
  .mep_logistics_heading,
  .mep_solutions_heading,
  .mep_cert_heading,
  .mep_cta_content h2 {
    font-size: 26px;
    line-height: 36px;
  }
  .mep_stat_value {
    font-size: 32px;
  }
  .mep_mining_feature_item h3,
  .mep_resp_item h3,
  .mep_solutions_feature_item h3 {
    font-size: 20px;
  }
  .mep_cert_card {
    flex-direction: column;
    height: auto;
  }
  .mep_logistics_img_wrap {
    height: 300px;
  }
  .mep_logistics_badge_card {
    display: none;
  }
}

/* =============================================================
   DEVELOPMENTS & CONSTRUCTIONS PAGE  (dc_* prefix)
   ============================================================= */

/* ---- Shared: Section heading colour helpers ---- */
.dc_heading_dark {
  color: #2c2c2c;
}
.dc_heading_gray {
  color: #828282;
}

/* ---- Shared: Section header with watermark ---- */
.dc_section_header {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}
.dc_section_header_center {
  text-align: center;
}
.dc_watermark {
  display: block;
  /* transform: translate(-50%, -50%); */
  font-size: 160px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  background: linear-gradient(
    180deg,
    #717182 28.557%,
    rgba(221, 221, 221, 0) 145.5%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: 0.2;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}
.dc_section_header_inner {
  position: relative;
  z-index: 2;
  padding-top: 10px;
  margin-top: -80px;
}
.dc_section_header_inner h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 14px;
  font-family: "Montserrat" !important;
}
.dc_section_header_inner > p,
.dc_section_header_inner p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
}

/* =============================================================
   HERO
   ============================================================= */
.dc_hero_sec {
  position: relative;
  height: 750px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #1a1a2e;
}
.dc_hero_bg {
  position: absolute;
  inset: 0;
}
.dc_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.dc_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.dc_hero_content {
  position: relative;
  z-index: 2;
}
.dc_hero_content h1 {
  font-size: 100px;
  line-height: 1.2;
  font-weight: 300;
  color: #fff;
  margin-bottom: 24px;
}
.dc_hero_content p {
  font-size: 20px;
  line-height: 32.5px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  width: 80%;
  margin: auto;
}

/* =============================================================
   HZM DEVELOPMENT SECTION
   ============================================================= */
.dc_dev_sec {
  padding: 100px 0px;
}
.dc_dev_cards_row {
  margin-top: 10px;
}
.dc_dev_card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  min-height: 425px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
}
.dc_card_bg {
  position: absolute;
  inset: 0;
}
.dc_card_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dc_card_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 6, 31, 0.3);
}
.dc_card_content {
  position: relative;
  z-index: 2;
  color: #fff;
}
.dc_card_content h3 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
  font-family: "Montserrat" !important;
}
.dc_card_list {
  margin: 12px 0 0;
  padding-left: 22px;
}
.dc_card_list li {
  list-style: disc;
  font-family: "Montserrat" !important;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 8px;
}

/* =============================================================
   HZM BUILDERS SECTION
   ============================================================= */
.dc_builders_sec {
  padding: 0px 0 100px;
}
.dc_builders_sec .para p {
  font-weight: 600;
  line-height: 32px;
  width: 70%;
  margin: auto;
}
.dc_builders_row {
  margin-top: 60px;
}
.dc_builders_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.dc_builders_img_wrap img {
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.dc_builders_content {
  padding-left: 40px;
}
.dc_builders_main_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 24px;
  font-family: "Montserrat" !important;
}
.dc_builders_desc {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 16px;
}
/* 2×2 feature grid */
.dc_features_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}
.dc_feature_item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.dc_feature_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  flex-shrink: 0;
}
.dc_feature_icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.dc_feature_text h4 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0 0 8px;
  white-space: nowrap;
}
.dc_feature_text p {
  font-size: 16px;
  line-height: 18px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   CTA BANNER SECTION
   ============================================================= */
.dc_cta_sec {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background: #2c2c2c;
  display: flex;
  align-items: center;
}
.dc_cta_bg {
  position: absolute;
  inset: 0;
}
.dc_cta_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dc_cta_overlay {
  position: absolute;
  inset: 0;
  /* background: rgba(44, 44, 44, 0.8); */
}
.dc_cta_content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}
.dc_cta_content h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
  margin: 0 auto 24px;
  font-family: "Montserrat" !important;
}
.dc_cta_content > p {
  font-size: 18px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.85);
}
.dc_cta_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #2c2c2c !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 18px 50px;
  border-radius: 40px;
  transition:
    background 0.3s ease,
    color 0.3s ease;
  border: 1px solid #fff;
}
.dc_cta_btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12px);
  color: #fff !important;
}
.dc_cta_btn svg path {
  transition: 0.5s all ease;
}
.dc_cta_btn:hover svg path {
  fill: #fff;
}
/* =============================================================
   HZM CONSTRUCTIONS SECTION
   ============================================================= */
.dc_cons_sec {
  padding: 100px 0 80px;
}
/* Full-width banner image */
.dc_cons_banner {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 749px;
  margin-top: 60px;
  margin-bottom: 40px;
}
.dc_cons_banner_bg {
  position: absolute;
  inset: 0;
}
.dc_cons_banner_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dc_cons_banner_overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(0deg, rgba(15, 23, 43, 0.8) 0%, rgba(0, 0, 0, 0) 55%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.dc_cons_banner_text {
  position: absolute;
  bottom: 50px;
  left: 50px;
  right: 50px;
  z-index: 2;
}
.dc_cons_banner_text h3 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 16px;
}
.dc_cons_banner_text p {
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  max-width: 880px;
  margin: 0;
}
/* Feature cards (3-col grid) */
.dc_cons_features_row {
  margin-top: 0;
}
.dc_cons_feature_card {
  background: #f8fafc;
  border-radius: 24px;
  padding: 24px 24px 32px;
  height: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
  transition: 0.5s all ease;
}
.dc_cons_feature_card:hover,
.apx_svc_card:hover {
  background: #252525;
}
.dc_cons_feature_card:hover .dc_cons_feature_icon,
.apx_svc_card:hover .apx_svc_icon_wrap {
  background: #fff;
}
.dc_cons_feature_card:hover h4,
.dc_cons_feature_card:hover p,
.apx_svc_card:hover h3,
.apx_svc_card:hover p {
  color: #fff;
}
.dc_cons_feature_icon {
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  padding: 19px;
  transition: 0.5s all ease;
}
.dc_cons_feature_icon img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.dc_cons_feature_card h4 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
  transition: 0.5s all ease;
}
.dc_cons_feature_card p {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: 0.5s all ease;
}

/* =============================================================
   OUR CONSTRUCTION ADVANTAGE SECTION
   ============================================================= */
.dc_adv_sec {
  padding: 0px 0 100px;
}
.dc_adv_row {
  gap: 0;
}
.dc_adv_content {
  padding-right: 40px;
}
.dc_adv_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 24px;
  font-family: "Montserrat" !important;
}
.dc_adv_desc {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 16px;
}
.dc_adv_stats_row {
  margin-top: 24px;
}
.dc_adv_stat_box {
  background: #f8fafc;
  border-radius: 10px;
  padding: 16px;
  text-align: center;
  height: 116px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.dc_adv_stat_value {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #0f172b;
  margin: 0;
}
.dc_adv_stat_label {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}
/* Image + floating badge */
.dc_adv_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  min-height: 550px;
}
.dc_adv_img_wrap:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(image.jpg);
  border-radius: 24px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.dc_adv_img_wrap > img {
  width: 100%;
  height: 100%;
  min-height: 550px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.dc_adv_badge_card {
  position: absolute;
  bottom: 29px;
  left: 29px;
  right: 29px;
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  display: flex;
  gap: 12px;
  align-items: center;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
}
.dc_adv_badge_icon {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.dc_adv_badge_icon img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.dc_adv_badge_title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #0f172b;
  margin: 0;
}
.dc_adv_badge_sub {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   SPIRITS OF SPEED PAGE  (sos_ prefix)
   ============================================================= */

/* ── Shared colour helpers ── */
.sos_dark {
  color: #2c2c2c;
}
.sos_gray {
  color: #828282;
}

/* =============================================================
   HERO SECTION
   ============================================================= */
.sos_hero_sec {
  position: relative;
  height: 750px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #1a1a1a;
}
.sos_hero_bg {
  position: absolute;
  inset: 0;
}
.sos_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.sos_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(44, 44, 44, 0.6);
}
.sos_hero_content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.sos_hero_content h1 {
  font-size: 100px;
  line-height: 120px;
  color: #fff;
  margin: 0;
  white-space: nowrap;
}
.sos_hero_light {
  font-weight: 300;
}
.sos_hero_medium {
  font-weight: 500;
}
.sos_hero_subtitle {
  font-size: 20px;
  line-height: 32.5px;
  font-weight: 400;
  color: #fff;
  margin: 0;
}

/* =============================================================
   BRANDS STRIP SECTION
   ============================================================= */
.sos_brands_sec {
  padding: 30px 0;
  background: rgba(192, 192, 192, 0.2);
  overflow: hidden;
}
.sos_brands_track {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
.sos_brand_item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 20px;
  height: 136px;
  flex: 0 0 auto;
  max-width: 213px;
}
.sos_brand_item img {
  /* max-width: 100%; */
  /* max-height: 95px; */
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

/* =============================================================
   FEEL THE POWER SECTION
   ============================================================= */
.sos_power_sec {
  padding: 100px 0;
}
.sos_power_row {
  gap: 0;
}
.sos_power_content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-right: 40px;
}
.sos_power_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
}
.sos_power_desc {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
  max-width: 662px;
}
.sos_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 60px;
  padding: 0 50px;
  background: #2c2c2c;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  border-radius: 40px;
  border: 1px solid #2c2c2c;
  text-decoration: none;
  transition:
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
  align-self: flex-start;
}
.sos_btn:hover {
  background: #fff;
  color: #2c2c2c;
  border-color: #2c2c2c;
  text-decoration: none;
}
.sos_btn svg {
  flex-shrink: 0;
}
.sos_power_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 321px;
}
.sos_power_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}
.sos_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 24px;
  pointer-events: none;
}

/* =============================================================
   ABOUT / SPECIALISTS SECTION
   ============================================================= */
.sos_about_sec {
  padding: 0px 0 100px;
}
.sos_about_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 480px;
  width: 95%;
}
.sos_about_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}
.sos_about_content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.sos_badge {
  display: inline-flex;
  align-items: center;
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #2c2c2c;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  align-self: flex-start;
}
.sos_about_heading {
  font-family: "Montserrat" !important;
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
}
.sos_about_desc {
  font-size: 17px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   AUTOMOTIVE EXPERTISE SECTION
   ============================================================= */
.sos_expertise_sec {
  padding: 80px 0 100px;
  background: #f6f6f6;
  overflow: hidden;
}

/* Expertise Cards */
.sos_expertise_cards_row {
  margin-top: 10px;
}
.sos_expertise_cards_row .col-md-4 {
  padding: 0px 12px;
}
.sos_expertise_card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
  padding: 24px 24px 34px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  margin-bottom: 0px;
  transition: background 0.3s ease;
}
.sos_expertise_card_icon_wrap {
  width: 80px;
  height: 80px;
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px;
  flex-shrink: 0;
  transition:
    background 0.3s ease,
    border-color 0.3s ease;
}
.sos_expertise_card_icon_wrap img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.sos_expertise_card_title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
  transition: color 0.3s ease;
}
.sos_expertise_card_desc {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: color 0.3s ease;
}
.sos_expertise_card:hover {
  background: #2c2c2c;
}
.sos_expertise_card:hover .sos_expertise_card_icon_wrap {
  background: #fff;
  border-color: #fff;
}
.sos_expertise_card:hover .sos_expertise_card_title {
  color: #fff;
}
.sos_expertise_card:hover .sos_expertise_card_desc {
  color: rgba(255, 255, 255, 0.8);
}

/* =============================================================
   DRIVE THE FUTURE CTA SECTION
   ============================================================= */
.sos_cta_sec {
  position: relative;
  min-height: 500px;
  border-radius: 16px;
  overflow: hidden;
  margin: 100px 0;
}
.sos_cta_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.sos_cta_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.sos_cta_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.8) 15%,
    rgba(0, 0, 0, 0)
  );
  pointer-events: none;
  height: 100%;
  width: 100%;
}
.sos_cta_sec .container {
  position: relative;
  z-index: 2;
  width: 100%;
}
.sos_cta_content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 70px 55px;
}
.sos_cta_heading {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  margin: 0;
}
.sos_cta_desc {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  margin: 0;
  max-width: 518px;
}
.sos_cta_link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  background: transparent;
  border-radius: 40px;
  text-decoration: none;
  transition:
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
  align-self: flex-start;
  margin-top: 20px;
}
.sos_cta_link:hover {
  color: #828282;
}

.sos_cta_link svg {
  flex-shrink: 0;
  transition: filter 0.3s ease;
}

/* =============================================================
   SPIRITS OF SPEED PAGE – RESPONSIVE
   ============================================================= */

@media (max-width: 1400px) {
  .sos_hero_content h1 {
    font-size: 80px;
    line-height: 96px;
  }
  .sos_watermark {
    font-size: 120px;
  }
  .sos_expertise_heading,
  .sos_power_heading,
  .sos_about_heading {
    font-size: 48px;
    line-height: 60px;
  }
  .sos_cta_heading {
    font-size: 42px;
  }
}

@media (max-width: 1199px) {
  .sos_hero_sec {
    height: 600px;
  }
  .sos_hero_content h1 {
    font-size: 64px;
    line-height: 80px;
  }
  .sos_watermark {
    font-size: 90px;
  }
  .sos_expertise_heading,
  .sos_power_heading,
  .sos_about_heading {
    font-size: 42px;
    line-height: 54px;
  }
  .sos_power_content {
    padding-right: 20px;
  }
  .sos_cta_heading {
    font-size: 36px;
  }
}

@media (max-width: 991px) {
  .sos_hero_sec {
    height: 500px;
  }
  .sos_hero_content h1 {
    font-size: 52px;
    line-height: 64px;
  }
  .sos_hero_subtitle {
    font-size: 16px;
    line-height: 28px;
  }
  .sos_watermark {
    font-size: 70px;
  }
  .sos_section_header_inner {
    padding-top: 30px;
  }
  .sos_expertise_heading,
  .sos_power_heading,
  .sos_about_heading {
    font-size: 36px;
    line-height: 46px;
  }
  .sos_power_content {
    padding-right: 0;
    margin-bottom: 40px;
  }
  .sos_about_content {
    margin-top: 40px;
  }
  .sos_power_img_wrap,
  .sos_about_img_wrap {
    height: 360px;
  }
  .sos_cta_sec {
    margin: 0 0 60px;
    border-radius: 0;
  }
  .sos_cta_content {
    padding: 60px 20px;
  }
  .sos_cta_heading {
    font-size: 32px;
  }
  .sos_brands_track {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .sos_hero_sec {
    height: 420px;
  }
  .sos_hero_content h1 {
    font-size: 40px;
    line-height: 52px;
    white-space: normal;
  }
  .sos_hero_subtitle {
    font-size: 15px;
    line-height: 26px;
  }
  .sos_watermark {
    font-size: 52px;
  }
  .sos_expertise_heading,
  .sos_power_heading,
  .sos_about_heading {
    font-size: 30px;
    line-height: 40px;
  }
  .sos_power_sec,
  .sos_about_sec,
  .sos_expertise_sec {
    padding: 60px 0;
  }
  .sos_brand_item {
    height: 100px;
    max-width: 160px;
    padding: 12px;
  }
  .sos_brand_item img {
    max-height: 70px;
  }
  .sos_cta_heading {
    font-size: 26px;
    line-height: 1.3;
  }
  .sos_cta_desc {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 576px) {
  .sos_hero_content h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .sos_expertise_heading,
  .sos_power_heading,
  .sos_about_heading {
    font-size: 24px;
    line-height: 34px;
  }
  .sos_watermark {
    font-size: 38px;
  }
  .sos_expertise_card_title {
    font-size: 20px;
  }
  .sos_power_img_wrap,
  .sos_about_img_wrap {
    height: 260px;
  }
  .sos_cta_sec {
    min-height: 400px;
  }
  .sos_cta_heading {
    font-size: 22px;
  }
}

/* =============================================================
   SPIRITS OF SPEED TECH PAGE (sost_)
   ============================================================= */

/* ---- Hero ---- */
.sost_hero_sec {
  position: relative;
  height: 750px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sost_hero_bg {
  position: absolute;
  inset: 0;
}
.sost_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.sost_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.sost_hero_content {
  position: relative;
  text-align: center;
}
.sost_hero_content h1 {
  font-size: 100px;
  line-height: 120px;
  color: #fff;
  margin: 0 0 24px;
  letter-spacing: -2.5px;
  white-space: nowrap;
}
.sost_hero_light {
  font-weight: 300;
}
.sost_hero_medium {
  font-weight: 500;
}
.sost_hero_subtitle {
  font-size: 20px;
  line-height: 32.5px;
  color: #fff;
  width: 80%;
  margin: 0 auto;
}

/* ---- Shared token colours ---- */
.sost_dark {
  color: #2c2c2c;
}
.sost_gray {
  color: #828282;
}

/* ---- Shared image overlay ---- */
.sost_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: inherit;
}

/* ---- What We Do Section ---- */
.sost_wwd_sec {
  padding: 0;
}
.sost_wwd_header {
  position: relative;
  text-align: center;
  min-height: 113px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}
.sost_watermark {
  position: absolute;
  font-size: 160px;
  font-weight: 800;
  text-transform: uppercase;
  background: linear-gradient(
    to bottom,
    #717182 28.5%,
    rgba(221, 221, 221, 0) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  opacity: 0.2;
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  pointer-events: none;
}
.sost_wwd_heading {
  position: relative;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #2c2c2c;
  margin: 0;
  z-index: 1;
  text-transform: capitalize;
}
.sost_wwd_row {
  gap: 0;
}
.sost_wwd_images {
  display: flex;
  gap: 30px;
  height: 533px;
}
.sost_wwd_img_wrap {
  flex: 1;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.sost_wwd_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sost_wwd_content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 40px;
}
.sost_wwd_subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.8;
  color: #2c2c2c;
  margin: 0;
}
.sost_wwd_desc p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}

/* ---- CTA Section ---- */

/* =============================================================
   SPIRITS OF SPEED TECH PAGE – RESPONSIVE
   ============================================================= */

@media (max-width: 1400px) {
  .sost_hero_content h1 {
    font-size: 80px;
    line-height: 96px;
  }
  .sost_innovation_heading {
    font-size: 50px;
    line-height: 60px;
  }
  .sost_wwd_heading {
    font-size: 50px;
    line-height: 60px;
  }
  .sost_watermark {
    font-size: 120px;
  }
  .sost_cta_heading {
    font-size: 42px;
  }
}

@media (max-width: 1199px) {
  .sost_hero_content h1 {
    font-size: 64px;
    line-height: 78px;
  }
  .sost_innovation_heading {
    font-size: 42px;
    line-height: 52px;
  }
  .sost_wwd_heading {
    font-size: 42px;
    line-height: 52px;
  }
  .sost_watermark {
    font-size: 90px;
  }
  .sost_wwd_images {
    height: 420px;
  }
  .sost_cta_heading {
    font-size: 36px;
  }
}

@media (max-width: 991px) {
  .sost_wwd_heading {
    font-size: 36px;
    line-height: 46px;
  }
  .sost_watermark {
    font-size: 70px;
  }
  .sost_wwd_row {
    flex-direction: column;
    gap: 40px;
  }
  .sost_wwd_images {
    height: 320px;
  }
  .sost_wwd_content {
    padding-left: 0;
  }
  .sost_cta_heading {
    font-size: 30px;
  }
  .sost_cta_content {
    padding: 40px 30px;
  }
}

@media (max-width: 767px) {
  .sost_hero_sec {
    height: 560px;
  }
  .sost_hero_content h1 {
    font-size: 42px;
    line-height: 54px;
    white-space: normal;
  }
  .sost_hero_subtitle {
    font-size: 16px;
  }
  .sost_innovation_content {
    gap: 24px;
  }
  .sost_innovation_heading {
    font-size: 30px;
    line-height: 40px;
  }
  .sost_innovation_desc {
    font-size: 16px;
  }
  .sost_wwd_sec {
    padding: 60px 0;
  }
  .sost_wwd_header {
    min-height: auto;
    margin-bottom: 32px;
  }
  .sost_wwd_heading {
    font-size: 28px;
    line-height: 38px;
  }
  .sost_watermark {
    font-size: 48px;
  }
  .sost_wwd_images {
    height: 260px;
    gap: 16px;
  }
  .sost_wwd_desc {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .sost_hero_content h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .sost_innovation_heading {
    font-size: 24px;
    line-height: 34px;
  }
  .sost_wwd_heading {
    font-size: 22px;
    line-height: 32px;
  }
  .sost_watermark {
    font-size: 36px;
  }
  .sost_wwd_images {
    flex-direction: column;
    height: auto;
  }
  .sost_wwd_img_wrap {
    height: 200px;
    flex: none;
  }
  .sost_cta_heading {
    font-size: 22px;
  }
  .sost_cta_content {
    padding: 32px 20px;
  }
}

/* =============================================================
   CMDC PAGE STYLES
   ============================================================= */

/* ---- Shared: Watermark-style section header ---- */
.cmdc_section_header {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}
.cmdc_section_header_center {
  text-align: center;
}
.cmdc_watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 160px;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
  background: linear-gradient(
    180deg,
    #717182 28.557%,
    rgba(221, 221, 221, 0) 145.5%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.2;
  pointer-events: none;
  line-height: 1;
  z-index: 0;
}
.cmdc_section_header_inner {
  position: relative;
  z-index: 1;
}
.cmdc_section_header_inner h2 {
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 14px;
}
.cmdc_gray {
  color: #828282;
}
.cmdc_section_header_inner p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  font-weight: 400;
  max-width: 900px;
  margin: 0 auto;
}

/* ---- Hero Section ---- */
.cmdc_hero_sec {
  position: relative;
  min-height: 750px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cmdc_hero_bg {
  position: absolute;
  inset: 0;
}
.cmdc_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cmdc_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.cmdc_hero_content {
  position: relative;
  z-index: 1;
  text-align: center;
}
.cmdc_hero_content h1 {
  font-size: 100px;
  line-height: 120px;
  color: #ffffff;
  width: 80%;
  margin: auto;
  margin-bottom: 24px;
}
.cmdc_hero_light {
  font-weight: 300;
}
.cmdc_hero_bold {
  font-weight: 500;
}
.cmdc_hero_subtitle {
  font-size: 20px;
  line-height: 32.5px;
  color: #ffffff;
  font-weight: 400;
  width: 75%;
  margin: 0 auto;
}

/* ---- Provincial Focus Section ---- */
.cmdc_provincial_sec {
  padding: 100px 0;
}
.cmdc_provincial_sec .heading h3 {
  letter-spacing: -0.3px;
}
.cmdc_provincial_sec .heading h2 {
  width: 80%;
  margin: auto;
  margin-bottom: 15px;
}
.cmdc_provincial_row {
  gap: 0;
}
.cmdc_provincial_text p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  font-weight: 400;
  margin-bottom: 24px;
}
.cmdc_provincial_text p:last-child {
  margin-bottom: 0;
}

/* Feature cards on right side */
.cmdc_feature_cards_wrap {
  position: relative;
  padding-left: 20px;
}
.cmdc_prov_map_bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.cmdc_prov_map_bg img {
  width: 100%;
  height: 105%;
  object-fit: contain;
  border-radius: 16px;
}
.cmdc_feature_cards {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 200px;
  row-gap: 20px;
}
.cmdc_feature_card {
  background: #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: 16px;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
}
.cmdc_feature_card:hover {
  box-shadow: 0 12px 40px rgba(0, 31, 170, 0.12);
  transform: translateY(-4px);
}
/* First card spans full width (top) */
.cmdc_feature_card_top {
  grid-column: 1 / -1;
  max-width: 340px;
  margin: 0 auto;
  width: 100%;
}
/* Last card spans full width (bottom) */
.cmdc_feature_card_bottom {
  grid-column: 1 / -1;
  max-width: 340px;
  margin: 0 auto;
  width: 100%;
}
.cmdc_feature_card_icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.cmdc_feature_card_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cmdc_feature_card h3 {
  font-family: "Manrope", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.8;
  color: #242e37;
  letter-spacing: -0.48px;
  margin: 0;
}
.cmdc_feature_card p {
  font-size: 18px;
  line-height: 24px;
  color: #717182;
  margin: 0;
}

/* ---- Story / Credentials Section ---- */
.cmdc_story_sec {
  background: #f6f6f6;
  padding: 100px 0;
}
.cmdc_story_row {
  gap: 0;
}
.cmdc_story_text {
  margin-bottom: 50px;
}
.cmdc_story_text p {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin-bottom: 16px;
}
.cmdc_story_text p:last-child {
  margin-bottom: 0;
}
.cmdc_story_quote_block {
  background: #ffffff;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 12px 60px rgba(0, 31, 170, 0.1);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cmdc_quote_icon svg {
  display: block;
}
.cmdc_quote_text {
  font-size: 18px;
  line-height: 28px;
  color: #2c2c2c;
  font-style: italic;
  margin: 0;
}
.cmdc_quote_author {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #2c2c2c;
  margin: 0;
}
.cmdc_story_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 400px;
}
.cmdc_story_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}
.cmdc_story_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}

/* ---- Local Impact Section ---- */
.cmdc_impact_sec {
  padding: 100px 0;
}
.cmdc_impact_sec .heading h2 {
  width: 60%;
  margin: auto;
  margin-bottom: 15px;
}
.cmdc_impact_sec .para {
  width: 85%;
  margin: auto;
}
.cmdc_impact_sec .content_box p strong {
  font-weight: 600;
}
.cmdc_impact_subtitle {
  margin-top: 12px;
}
.cmdc_impact_sub_bold {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #717182;
  margin-bottom: 8px;
}
.cmdc_impact_row {
  margin-top: 60px;
}
.cmdc_impact_img_wrap {
  border-radius: 24px;
  overflow: hidden;
}
.cmdc_impact_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
  min-height: 400px;
}
.cmdc_impact_functions_col {
  padding-left: 30px;
}
.cmdc_functions_heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 72px;
  color: #2c2c2c;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.cmdc_functions_list {
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cmdc_function_item {
  display: flex;
  align-items: center;
  gap: 12px;
  list-style: none;
}
.cmdc_function_icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmdc_function_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cmdc_function_item p {
  font-size: 18px;
  line-height: 20px;
  color: #2c2c2c;
  margin: 0;
}
.cmdc_impact_closing {
  font-size: 18px;
  line-height: 32px;
  color: #2c2c2c;
  margin: 0;
}

/* ---- Partnership Flow Section ---- */
.cmdc_partnership_sec {
  background: #f6f6f6;
  padding: 100px 0;
}
.cmdc_partnership_title {
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #2c2c2c;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 50px;
}
.cmdc_partnership_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.cmdc_partnership_card {
  background: #ffffff;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 160px;
  box-shadow: 0 12px 40px rgba(0, 31, 170, 0.1);
  transition: 0.5s all ease;
  overflow: hidden;
}
.cmdc_partnership_card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0, 31, 170, 0.15);
  background: #2c2c2c;
}
.cmdc_partnership_card:hover .cmdc_partner_num_badge {
  background: #fff;
}
.cmdc_partnership_card:hover .cmdc_partner_num_badge span {
  color: #c0c0c0;
}
.cmdc_partnership_card:hover h3,
.cmdc_partnership_card:hover p {
  color: #fff;
}
.cmdc_partnership_card_featured {
  background: #2c2c2c;
}
.cmdc_partnership_card_featured:hover {
  background: #3a3a3a;
}
.cmdc_partner_num_badge {
  width: 72px;
  height: 72px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #c0c0c0;
  transition: 0.5s all ease;
}
.cmdc_partnership_card_featured .cmdc_partner_num_badge {
  background: #ffffff;
}
.cmdc_partner_num_badge span {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  color: #ffffff;
  transition: 0.5s all ease;
}
.cmdc_partnership_card_featured .cmdc_partner_num_badge span {
  color: #c0c0c0;
}
.cmdc_partner_body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.cmdc_partner_body h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: #2c2c2c;
  margin: 0;
  transition: 0.5s all ease;
}
.cmdc_partner_body p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
  transition: 0.5s all ease;
}
.cmdc_partnership_card_featured .cmdc_partner_body h3,
.cmdc_partnership_card_featured .cmdc_partner_body p {
  color: #ffffff;
}

/* ---- Our Commitment Section ---- */
.cmdc_commitment_sec {
  padding: 100px 0;
  background: #ffffff;
}
.cmdc_commitment_title {
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #2c2c2c;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 50px;
}
.cmdc_commitment_row {
  row-gap: 24px;
}
.cmdc_commitment_card {
  background: #ffffff;
  border-radius: 24px;
  padding: 24px 30px 34px;
  box-shadow: 0 12px 60px rgba(0, 31, 170, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  transition:
    0.5s all ease,
    box-shadow 0.3s ease;
}
.cmdc_commitment_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 70px rgba(0, 31, 170, 0.15);
  background: #2c2c2c;
}
.cmdc_commitment_card:hover h3,
.cmdc_commitment_card:hover p {
  color: #fff;
}
.cmdc_commitment_card:hover .cmdc_commitment_icon_wrap {
  background: #fff;
}
.cmdc_commitment_icon_wrap {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px;
  flex-shrink: 0;
  transition: 0.5s all ease;
}
.cmdc_commitment_icon_wrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.cmdc_commitment_card h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #2c2c2c;
  margin: 0;
  transition: 0.5s all ease;
}
.cmdc_commitment_card p {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: 0.5s all ease;
}

/* ---- Energy Transition Section ---- */
.cmdc_energy_sec {
  background: #2c2c2c;
  padding: 100px 0;
}
.cmdc_energy_top_row {
  margin-bottom: 50px;
}
.cmdc_energy_content h2 {
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 12px;
  font-family: "Montserrat" !important;
}
.cmdc_energy_content p {
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 400;
  margin: 0;
}
.cmdc_energy_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 220px;
}
.cmdc_energy_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.cmdc_energy_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
.cmdc_minerals_row {
  row-gap: 24px;
}
.cmdc_mineral_card {
  background: #ffffff;
  border-radius: 24px;
  padding: 24px 30px 34px;
  box-shadow: 0 12px 60px rgba(0, 31, 170, 0.1);
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  transition: transform 0.3s ease;
}
.cmdc_mineral_card:hover {
  transform: translateY(-4px);
}
.cmdc_mineral_number_badge {
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  min-width: 60px;
  align-self: flex-start;
}
.cmdc_mineral_number_badge span {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  font-weight: 400;
  white-space: nowrap;
}
.cmdc_mineral_symbol {
  font-size: 60px;
  font-weight: 500;
  line-height: 36px;
  color: #2c2c2c;
  margin: 0;
}
.cmdc_mineral_name {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   CMDC – STRATEGIC OBJECTIVES SECTION (cmdc_strat_)
   ============================================================= */
.cmdc_strat_sec {
  padding: 100px 0;
  background: #ffffff;
}
.cmdc_strat_sec .heading h3 {
  font-size: 156px;
}
.cmdc_strat_sec .para {
  width: 85%;
  margin: auto;
}
.cmdc_strat_row {
  margin-top: 60px;
  gap: 0;
}
.cmdc_strat_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 550px;
}
.cmdc_strat_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cmdc_strat_items {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-left: 40px;
}
.cmdc_strat_item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cmdc_strat_item_header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cmdc_strat_item_icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmdc_strat_item_icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.cmdc_strat_item h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 20px;
  color: #2c2c2c;
  margin: 0;
}
.cmdc_strat_item p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #717182;
  margin: 0;
  padding-left: 0px;
}

/* =============================================================
   CMDC – THIS APPROACH ENABLES SECTION (cmdc_approach_)
   ============================================================= */
.cmdc_approach_sec {
  padding: 100px 0;
  background: #ffffff;
}
.cmdc_approach_row {
  align-items: stretch;
  gap: 0;
}
.cmdc_approach_heading {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  text-transform: capitalize;
  margin: 0 0 50px;
}
.cmdc_approach_items {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.cmdc_approach_item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cmdc_approach_item_header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cmdc_approach_item_icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmdc_approach_item_icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  filter: brightness(0);
}
.cmdc_approach_item h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  color: #2c2c2c;
  margin: 0;
}
.cmdc_approach_item p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #717182;
  margin: 0;
}
.cmdc_approach_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 480px;
  margin-left: 0;
}
.cmdc_approach_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =============================================================
   CMDC – ESG-ALIGNED OPERATIONS SECTION (cmdc_esg_)
   ============================================================= */
.cmdc_esg_sec {
  padding: 100px 0;
  background: #f6f6f6;
}
.cmdc_esg_header {
  text-align: center;
  margin-bottom: 50px;
}
.cmdc_esg_header h2 {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #2c2c2c;
  text-transform: capitalize;
  margin: 0 0 24px;
}
.cmdc_esg_header p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #717182;
  width: 55%;
  margin: 0 auto;
}
.cmdc_esg_cards_row .col-md-4 {
  display: flex;
}
.cmdc_esg_card {
  background: #ffffff;
  border-radius: 24px;
  padding: 30px;
  text-align: center;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex: 1;
  transition: 0.5s all ease;
}
.cmdc_esg_card_icon_wrap {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex-shrink: 0;
  transition: 0.5s all ease;
}
.cmdc_esg_card_icon_wrap img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.cmdc_esg_card h3 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #2c2c2c;
  margin: 0;
  transition: 0.5s all ease;
}
.cmdc_esg_card p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: 0.5s all ease;
}
.cmdc_esg_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 70px rgba(0, 31, 170, 0.15);
  background: #2c2c2c;
}
.cmdc_esg_card:hover h3,
.cmdc_esg_card:hover p {
  color: #fff;
}
.cmdc_esg_card:hover .cmdc_esg_card_icon_wrap {
  background: #fff;
}
/* =============================================================
   CMDC – CRITICAL MINERALS BY PROVINCE SECTION (cmdc_minerals_prov_)
   ============================================================= */
.cmdc_minerals_prov_sec {
  background: #ffffff;
}
.cmdc_minerals_prov_header {
  text-align: center;
  margin-bottom: 60px;
}
.cmdc_minerals_prov_header h2 {
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  width: 50%;
  margin: auto;
}
.cmdc_minerals_prov_row {
  gap: 0;
}
.cmdc_minerals_prov_row .col-md-4 {
  margin-bottom: 30px;
}
.cmdc_mp_card {
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.07);
  overflow: hidden;
  height: 100%;
}
.cmdc_mp_element {
  background: #2c2c2c;
  border-radius: 24px;
  padding: 32px 24px 28px;
  position: relative;
  text-align: center;
}
.cmdc_mp_num_badge {
  background: #828282;
  border-radius: 20px;
  padding: 6px 12px;
  width: 80px;
  margin: auto;
}
.cmdc_mp_num_badge span {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
}
.cmdc_mp_symbol {
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
  margin: 24px 0;
}
.cmdc_mp_name_label {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin: 0;
}
.cmdc_mp_info {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cmdc_mp_info_row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cmdc_mp_info_label {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  flex-shrink: 0;
  width: 160px;
}
.cmdc_mp_info_val {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #717182;
}
.cmdc_mp_demand_badge {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding: 4px 20px;
  border-radius: 20px;
  line-height: 28px;
}
.cmdc_mp_demand_high {
  background: #ffedd5;
  color: #9b3412;
}
.cmdc_mp_demand_critical {
  background: #fee2e2;
  color: #991b1b;
}
.cmdc_mp_demand_medium {
  background: #fef9c3;
  color: #854d0e;
}

/* =============================================================
   CMDC – VISION TO PROVINCES SECTION (cmdc_vision_)
   ============================================================= */
.cmdc_vision_sec {
  padding: 100px 0;
  background: #ffffff;
}
.cmdc_vision_sec .heading h2 {
  width: 60%;
  margin: auto;
  margin-bottom: 15px;
}
.cmdc_vision_sec .para {
  width: 75%;
  margin: auto;
}
.cmdc_vision_map_box {
  background: #f6f6f6;
  border-radius: 24px;
  padding: 40px;
  text-align: center;
  margin-top: 20px;
}
.cmdc_vision_map_title {
  font-size: 40px;
  font-weight: 600;
  line-height: 72px;
  color: #2c2c2c;
  margin: 0 0 24px;
}
.cmdc_vision_map_wrap img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* =============================================================
   CMDC – BUILDING PARTNERSHIPS (CERTIFIED INTEGRITY) SECTION (cmdc_cert_)
   ============================================================= */
.cmdc_cert_sec {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.cmdc_cert_bg_img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.cmdc_cert_bg_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cmdc_cert_overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(28, 28, 28, 0.82);
}
.cmdc_cert_inner {
  position: relative;
  z-index: 2;
}
.cmdc_cert_sec .heading h3 {
  background: linear-gradient(
    180deg,
    #717182 -5.56%,
    rgba(221, 221, 221, 0) 89.1%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.7;
  font-size: 140px;
  line-height: 140px;
}
.cmdc_cert_sec .heading h2 {
  color: #ffffff;
  margin: 0 auto 24px;
  width: 70%;
}
.cmdc_cert_sec .para p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #ffffff;
  margin: 0 auto;
  width: 60%;
}
.cmdc_cert_cards_row {
  margin-left: -12px;
  margin-right: -12px;
}
.cmdc_cert_cards_row .col-md-6 {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 20px;
}
.cmdc_cert_card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 24px;
  padding: 40px;
  height: 100%;
  min-height: 256px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: 0.5s all ease;
}
.cmdc_cert_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 70px rgba(0, 31, 170, 0.15);
}
.cmdc_cert_card_icon_wrap {
  width: 74px;
  height: 74px;
  border-radius: 40px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 19px;
}
.cmdc_cert_card_icon_wrap img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.cmdc_cert_card h3 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: #ffffff;
  margin: 0;
}
.cmdc_cert_card p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #ffffff;
  margin: 0;
}
.cmdc_cert_quote_block {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 24px;
  padding: 40px;
  text-align: left;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cmdc_cert_quote_text {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  line-height: 36px;
  color: #ffffff;
  margin: 0;
}
.cmdc_cert_quote_author {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #ffffff;
  margin: 0;
}

/* =============================================================
   CMDC – PARTNER WITH CMDC SECTION (cmdc_partner_)
   ============================================================= */
.cmdc_partner_sec {
  padding: 100px 0;
  background: #ffffff;
}
.cmdc_partner_row {
  align-items: stretch;
  gap: 0;
}
.cmdc_partner_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 480px;
}
.cmdc_partner_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cmdc_partner_content {
  padding-left: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.cmdc_partner_heading {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  text-transform: capitalize;
  margin: 0 0 20px;
}
.cmdc_partner_subtitle_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #717182;
  margin: 0 0 50px;
  width: 86%;
}
.cmdc_partner_reasons {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.cmdc_partner_reason {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cmdc_partner_reason_header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cmdc_partner_reason_icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmdc_partner_reason_icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  filter: brightness(0);
}
.cmdc_partner_reason h3 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 20px;
  color: #2c2c2c;
  margin: 0;
}
.cmdc_partner_reason p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   CMDC – READY TO POWER THE FUTURE CTA SECTION (cmdc_cta_)
   ============================================================= */
.cmdc_cta_sec {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  text-align: center;
}
.cmdc_cta_bg_img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.cmdc_cta_bg_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cmdc_cta_overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(44, 44, 44, 0.82);
}
.cmdc_cta_inner {
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
.cmdc_cta_inner h2 {
  font-family: "Montserrat" !important;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #ffffff;
  text-transform: capitalize;
  margin: 0 0 24px;
}
.cmdc_cta_inner p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
  margin: 0 0 40px;
}
.cmdc_cta_btn_wrap {
  display: flex;
  justify-content: center;
}
.cmdc_cta_btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  color: #2c2c2c;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  height: 60px;
  padding: 0 36px;
  border-radius: 40px;
  text-decoration: none;
  border: 1px solid transparent;
  transition:
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}
.cmdc_cta_btn svg path {
  transition: 0.3s all ease;
}
.cmdc_cta_btn:hover svg path {
  fill: #fff;
}
.cmdc_cta_btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  text-decoration: none;
  backdrop-filter: blur(12px);
}

/* =============================================================
   CMDC – PARTNERSHIP INQUIRY FORM SECTION (cmdc_form_)
   ============================================================= */
.cmdc_form_sec {
  padding: 100px 0;
  background: #2c2c2c;
  text-align: center;
  border-bottom: 1px solid #fff;
}
.cmdc_form_heading {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: #ffffff;
  margin: 0 0 32px;
  text-transform: capitalize;
}
.cmdc_form_wrap {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
/* Gravity Forms — dark theme inside cmdc_form_wrap */
.cmdc_form_wrap .gform_wrapper,
.cmdc_form_wrap .gform_wrapper.gravity-theme {
  background: transparent;
}
.cmdc_form_wrap .gform_wrapper .gfield_label {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 8px;
}
.cmdc_form_wrap
  .gform_wrapper
  span.gfield_required
  span.gfield_required_asterisk {
  color: #fff;
}
.cmdc_form_wrap
  .gform_wrapper
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.cmdc_form_wrap .gform_wrapper select {
  background: #404040 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 10px 20px !important;
  height: 56px !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  width: 100% !important;
  box-sizing: border-box;
}
.cmdc_form_wrap .gform_wrapper select {
  cursor: pointer;
  background-image: url(/wp-content/uploads/2026/03/Chevron-down.png) !important;
  background-repeat: no-repeat !important;
  background-position: 98% 50% !important;
  background-size: 15px !important;
}
.cmdc_form_wrap .gform_wrapper input::placeholder,
.cmdc_form_wrap .gform_wrapper textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.cmdc_form_wrap .gform_wrapper textarea {
  background: #404040 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 24px !important;
  padding: 16px 20px !important;
  height: 167px !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  width: 100% !important;
  resize: none;
  overflow: auto;
  box-sizing: border-box;
}
.cmdc_form_wrap .gform_wrapper input:focus,
.cmdc_form_wrap .gform_wrapper textarea:focus,
.cmdc_form_wrap .gform_wrapper select:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) !important;
}
.cmdc_form_wrap .gform_wrapper .gform_validation_errors {
  background: rgba(153, 27, 27, 0.15);
  border: 1px solid rgba(153, 27, 27, 0.4);
  border-radius: 12px;
  color: #fca5a5;
}
.cmdc_form_wrap
  .gform_wrapper
  .gfield_error
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.cmdc_form_wrap
  .gform_wrapper
  .gfield_error
  textarea:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.cmdc_form_wrap .gform_wrapper .gfield_error select {
  border: 1px solid #f87171 !important;
}
.cmdc_form_wrap .gform_wrapper textarea {
  min-block-size: auto !important;
}
.cmdc_form_wrap .gform_wrapper .validation_message {
  color: #f87171;
  font-size: 13px;
}
.cmdc_form_wrap .gform_wrapper .gform_footer input[type="submit"],
.cmdc_form_wrap .gform_wrapper .gform_page_footer input[type="submit"],
.cmdc_form_wrap .gform_wrapper [type="submit"] {
  background: #ffffff !important;
  color: #2c2c2c !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px !important;
  font-weight: 500 !important;
  height: 60px;
  border-radius: 40px !important;
  border: none !important;
  width: auto !important;
  min-width: 200px;
  padding: 19px 50px !important;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  transition: 0.5s all ease;
}
.cmdc_form_wrap .gform_wrapper .gform_footer input[type="submit"] {
  background-image: url(/wp-content/uploads/2026/03/right_up_arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 85% 50% !important;
  background-size: 12px !important;
  font-size: 16px !important;
  padding-right: 70px !important;
  transition: 0.5s all ease !important;
}
.cmdc_form_wrap .gform_wrapper .gform_footer input[type="submit"]:hover {
  background-color: #ffffff85 !important;
}
.cmdc_form_note p,
.cmdc_form_note p a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  width: 100%;
  text-align: left;
  margin: 0;
}
.cmdc_form_note p a:hover {
  color: #fff;
}
.cmdc_form_wrap .gform_wrapper .gfield_validation_message,
.cmdc_form_wrap .gform_wrapper .gform_validation_errors,
.cmdc_form_wrap .gform_wrapper .gform-loader,
.cmdc_form_wrap .gform_wrapper .gfield_required_text,
.cmdc_form_wrap .gform_heading {
  display: none !important;
}
.cmdc_form_wrap .gform_wrapper .gform_fields {
  gap: 24px !important;
}
.cmdc_form_wrap .gform_wrapper .gform-footer {
  margin: 30px 0;
  justify-content: center;
}
div#gform_confirmation_message_3 {
  border: 1px solid #fff;
  text-align: center;
  padding: 10px;
  color: #fff;
  font-size: 18px;
  display: block;
  width: 60%;
  margin: auto;
  margin-bottom: 30px;
}
/* Re-used colour helpers */
.cmdc_dark {
  color: #2c2c2c;
}
.cmdc_gray {
  color: #828282;
}

/* =============================================================
   CMDC – RESPONSIVE
   ============================================================= */
@media (max-width: 1400px) {
  .cmdc_hero_content h1 {
    font-size: 80px;
    line-height: 96px;
  }
  .cmdc_section_header_inner h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .cmdc_partnership_title,
  .cmdc_commitment_title {
    font-size: 48px;
    line-height: 60px;
  }
  .cmdc_energy_content h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .cmdc_watermark {
    font-size: 120px;
  }
  .cmdc_approach_heading,
  .cmdc_esg_header h2,
  .cmdc_minerals_prov_header h2,
  .cmdc_partner_heading,
  .cmdc_cta_inner h2,
  .cmdc_form_heading {
    font-size: 48px;
    line-height: 60px;
  }
  .cmdc_cert_heading_inner h2 {
    font-size: 44px;
    line-height: 56px;
  }
  .cmdc_cert_watermark {
    font-size: 110px;
  }
}

@media (max-width: 1199px) {
  .cmdc_hero_content h1 {
    font-size: 64px;
    line-height: 78px;
  }
  .cmdc_functions_heading {
    font-size: 32px;
    line-height: 48px;
  }
  .cmdc_partnership_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cmdc_watermark {
    font-size: 90px;
  }
  .cmdc_approach_heading,
  .cmdc_esg_header h2,
  .cmdc_minerals_prov_header h2,
  .cmdc_partner_heading {
    font-size: 42px;
    line-height: 54px;
  }
  .cmdc_strat_items,
  .cmdc_approach_items {
    padding-left: 24px;
  }
  .cmdc_approach_img_wrap {
    margin-left: 24px;
  }
  .cmdc_cert_watermark {
    font-size: 80px;
  }
  .cmdc_cert_heading_inner h2 {
    font-size: 38px;
    line-height: 50px;
  }
  .cmdc_cert_quote_block {
    padding: 40px;
  }
  .cmdc_partner_content {
    padding-left: 32px;
  }
  .cmdc_cta_inner h2,
  .cmdc_form_heading {
    font-size: 44px;
    line-height: 56px;
  }
}

@media (max-width: 991px) {
  .cmdc_hero_sec {
    min-height: 500px;
  }
  .cmdc_hero_content h1 {
    font-size: 48px;
    line-height: 60px;
  }
  .cmdc_section_header_inner h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .cmdc_partnership_title,
  .cmdc_commitment_title {
    font-size: 36px;
    line-height: 48px;
  }
  .cmdc_energy_content h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .cmdc_provincial_sec,
  .cmdc_story_sec,
  .cmdc_impact_sec,
  .cmdc_partnership_sec,
  .cmdc_commitment_sec,
  .cmdc_energy_sec {
    padding: 60px 0;
  }
  .cmdc_feature_cards_wrap {
    padding-left: 0;
    margin-top: 40px;
  }
  .cmdc_impact_functions_col {
    padding-left: 0;
    margin-top: 30px;
  }
  .cmdc_story_img_wrap {
    margin-top: 30px;
    min-height: 300px;
  }
  .cmdc_watermark {
    font-size: 70px;
  }
  /* New sections – tablet */
  .cmdc_strat_sec,
  .cmdc_approach_sec,
  .cmdc_esg_sec,
  .cmdc_vision_sec,
  .cmdc_cert_sec,
  .cmdc_partner_sec,
  .cmdc_cta_sec,
  .cmdc_form_sec {
    padding: 60px 0;
  }
  .cmdc_strat_img_wrap {
    height: 380px;
    margin-bottom: 40px;
  }
  .cmdc_strat_items {
    padding-left: 0;
  }
  .cmdc_approach_heading,
  .cmdc_esg_header h2,
  .cmdc_minerals_prov_header h2,
  .cmdc_partner_heading,
  .cmdc_cta_inner h2,
  .cmdc_form_heading {
    font-size: 36px;
    line-height: 46px;
  }
  .cmdc_approach_img_wrap {
    margin-left: 0;
    height: 380px;
    margin-top: 40px;
  }
  .cmdc_cert_heading_inner h2 {
    font-size: 32px;
    line-height: 44px;
  }
  .cmdc_cert_watermark {
    font-size: 60px;
  }
  .cmdc_cert_quote_block {
    padding: 32px 24px;
  }
  .cmdc_partner_img_wrap {
    height: 360px;
    margin-bottom: 40px;
  }
  .cmdc_partner_content {
    padding-left: 0;
  }
  .cmdc_vision_map_box {
    padding: 24px;
  }
  .cmdc_esg_cards_row .col-md-4 {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .cmdc_hero_content h1 {
    font-size: 36px;
    line-height: 48px;
  }
  .cmdc_hero_subtitle {
    font-size: 16px;
    line-height: 26px;
  }
  .cmdc_feature_cards {
    grid-template-columns: 1fr;
  }
  .cmdc_feature_card_top,
  .cmdc_feature_card_bottom {
    grid-column: 1;
    max-width: 100%;
  }
  .cmdc_partnership_grid {
    grid-template-columns: 1fr;
  }
  .cmdc_minerals_row .col-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cmdc_section_header {
    margin-bottom: 40px;
  }
  .cmdc_watermark {
    font-size: 50px;
  }
  .cmdc_impact_row {
    margin-top: 40px;
  }
  /* New sections – mobile */
  .cmdc_approach_heading,
  .cmdc_esg_header h2,
  .cmdc_minerals_prov_header h2,
  .cmdc_partner_heading,
  .cmdc_cta_inner h2,
  .cmdc_form_heading {
    font-size: 30px;
    line-height: 40px;
  }
  .cmdc_cert_heading_inner h2 {
    font-size: 26px;
    line-height: 36px;
  }
  .cmdc_cert_watermark {
    font-size: 44px;
  }
  .cmdc_minerals_prov_row .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cmdc_cert_cards_row .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cmdc_esg_cards_row .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cmdc_strat_img_wrap {
    height: 280px;
  }
  .cmdc_approach_img_wrap {
    height: 280px;
  }
  .cmdc_partner_img_wrap {
    height: 280px;
  }
  .cmdc_vision_map_title {
    font-size: 18px;
    line-height: 28px;
  }
  .cmdc_cert_quote_block {
    padding: 24px 20px;
  }
  .cmdc_cert_quote_text {
    font-size: 17px;
    line-height: 28px;
  }
  .cmdc_form_wrap {
    padding: 0 8px;
  }
  .cmdc_mp_symbol {
    font-size: 48px;
  }
}

/* =============================================================
   APEX VALUATION PAGE
   ============================================================= */

/* ---- Hero Section ---- */
.apx_hero_sec {
  position: relative;
  width: 100%;
  height: 750px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.apx_hero_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.apx_hero_bg img {
  width: 100%;
  height: 140%;
  object-fit: cover;
  object-position: center;
  top: -20%;
  position: relative;
}
.apx_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.apx_hero_content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.apx_hero_content h1 {
  font-size: 100px;
  line-height: 120px;
  font-weight: 300;
  margin: 0;
  white-space: nowrap;
}
.apx_hero_light {
  font-weight: 300;
}
.apx_hero_medium {
  font-weight: 500;
}
.apx_hero_content p {
  font-size: 20px;
  line-height: 32.5px;
  font-weight: 400;
  color: #fff;
  margin: 0;
}

/* ---- Mission & Vision Section ---- */
.apx_mv_sec {
  padding: 100px 0;
  padding-bottom: 0;
}
.apx_mv_cards_row {
  margin-top: 0;
  margin-left: -9px;
  margin-right: -9px;
}
.apx_mv_cards_row > [class*="col-"] {
  padding-left: 9px;
  padding-right: 9px;
}
.apx_mv_card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 420px;
  display: flex;
  align-items: flex-end;
  padding: 40px;
}
.apx_mv_card_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.apx_mv_card_bg img {
  width: 110%;
  height: 139%;
  object-fit: cover;
  object-position: center;
  top: -30%;
  left: -5%;
  position: relative;
}
.apx_mv_card_overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.4) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.apx_mv_card_content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.apx_mv_card_content h3 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.apx_mv_card_content p {
  font-size: 16px;
  line-height: 26px;
  color: #eff6ff;
  margin: 0;
}

/* ---- Our Services Section ---- */
.apx_svc_sec {
  padding: 100px 0;
}
/* Bootstrap-row based 2-3-2 layout for service cards */
.apx_svc_row {
  margin-left: -12px;
  margin-right: -12px;
}
.apx_svc_row + .apx_svc_row {
  margin-top: 24px;
}
.apx_svc_row > [class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  flex-direction: column;
}
.apx_svc_row .apx_svc_card {
  flex: 1;
}
.apx_svc_card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
  padding: 24px 30px 34px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  transition: 0.5s all ease;
}
.apx_svc_icon_wrap {
  width: 80px;
  height: 80px;
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px;
  transition: 0.5s all ease;
  flex-shrink: 0;
}
.apx_svc_icon_wrap img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.apx_svc_card h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
  transition: 0.5s all ease;
}
.apx_svc_card p {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: 0.5s all ease;
}

/* ---- Our Approach Section ---- */
.apx_appr_sec {
  background: #f6f6f6;
  padding: 100px 0;
}
.apx_appr_header_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 50px;
}
.apx_appr_header_row h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  color: #2c2c2c;
  text-transform: capitalize;
  margin: 0;
  flex: 1;
}
.apx_appr_header_row p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  color: #717182;
  margin: 0;
  max-width: 468px;
}
.apx_appr_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.apx_appr_card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 12px 40px 0px rgba(0, 31, 170, 0.1);
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 160px;
  overflow: hidden;
  transition: 0.5s all ease;
}
.apx_appr_card:hover {
  background: #2c2c2c;
  box-shadow: none;
}
.apx_appr_num_wrap {
  width: 72px;
  height: 72px;
  min-width: 72px;
  border-radius: 40px;
  background: #c0c0c0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.apx_appr_card:hover .apx_appr_num_wrap {
  background: #fff;
}
.apx_appr_num {
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  color: #fff;
}
.apx_appr_card:hover .apx_appr_num {
  color: #c0c0c0;
}
.apx_appr_text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.apx_appr_text h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  white-space: nowrap;
}
.apx_appr_card:hover .apx_appr_text h3 {
  color: #fff;
}
.apx_appr_text p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}
.apx_appr_card:hover .apx_appr_text p {
  color: #fff;
}

/* ---- Why Choose Us Section ---- */
.apx_wcu_sec {
  padding: 100px 0;
}
.apx_wcu_row {
  margin-top: 0;
}
.apx_wcu_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.apx_wcu_img_wrap img {
  width: 100%;
  min-height: 400px;
  object-fit: cover;
  border-radius: 24px;
}
.apx_wcu_list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.apx_wcu_item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0px 12px 40px 0px rgba(0, 31, 170, 0.1);
  padding: 0 24px;
  height: 60px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.apx_wcu_item_icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.apx_wcu_item_icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.apx_wcu_item p {
  font-size: 18px;
  line-height: 20px;
  color: #2c2c2c;
  margin: 0;
  white-space: nowrap;
}

/* =============================================================
   APEX VALUATION — RESPONSIVE
   ============================================================= */

@media (max-width: 1400px) {
  .apx_hero_content h1 {
    font-size: 75px;
    line-height: 90px;
  }
}

@media (max-width: 1199px) {
  .apx_hero_content h1 {
    font-size: 60px;
    line-height: 72px;
    white-space: normal;
  }
  .apx_appr_header_row {
    flex-direction: column;
    align-items: flex-start;
  }
  .apx_appr_header_row p {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .apx_hero_sec {
    height: 520px;
  }
  .apx_hero_content h1 {
    font-size: 46px;
    line-height: 56px;
  }
  .apx_hero_content p {
    font-size: 16px;
    line-height: 26px;
  }
  .apx_mv_sec,
  .apx_svc_sec,
  .apx_appr_sec,
  .apx_wcu_sec {
    padding: 70px 0;
  }
  .apx_svc_row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .apx_appr_grid {
    grid-template-columns: 1fr;
  }
  .apx_mv_card {
    height: 320px;
    margin-bottom: 20px;
  }
  .apx_wcu_img_wrap {
    margin-bottom: 40px;
    min-height: 300px;
  }
}

@media (max-width: 767px) {
  .apx_hero_sec {
    height: 420px;
  }
  .apx_hero_content h1 {
    font-size: 34px;
    line-height: 44px;
  }
  .apx_appr_header_row h2 {
    font-size: 36px;
  }
  .apx_appr_text h3 {
    white-space: normal;
  }
  .apx_wcu_item p {
    white-space: normal;
  }
  .apx_mv_sec,
  .apx_svc_sec,
  .apx_appr_sec,
  .apx_wcu_sec {
    padding: 50px 0;
  }
}

/* ================================================================
   TALC PAGE STYLES (tlc_ prefix)
   ================================================================ */

/* ---- Shared Colour Tokens ---- */
.tlc_dark {
  color: #2c2c2c;
}
.tlc_gray {
  color: #828282;
}

/* ---- Shared Watermark ---- */
.tlc_watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 160px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    #717182 0%,
    rgba(221, 221, 221, 0) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: 0.14;
}

/* ---- Hero Section ---- */
.tlc_hero_sec {
  position: relative;
  height: 750px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.tlc_hero_bg {
  position: absolute;
  inset: 0;
}
.tlc_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tlc_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(44, 44, 44, 0.8);
}
.tlc_hero_content {
  position: relative;
  z-index: 2;
  text-align: center;
}
.tlc_hero_content h1 {
  font-family: Montserrat !important;
  font-size: 100px;
  line-height: 1.2;
  color: #fff;
  white-space: nowrap;
  margin: 0 0 24px;
}
.tlc_hero_light {
  font-weight: 300;
}
.tlc_hero_medium {
  font-weight: 500;
}
.tlc_hero_content p {
  font-size: 20px;
  line-height: 32.5px;
  color: #fff;
  width: 75%;
  margin: 0 auto;
}

/* ---- Stats Section ---- */
.tlc_stats_sec {
  padding: 80px 0 0;
}
.tlc_stats_row {
  gap: 24px 0;
}
.tlc_stat_card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  padding: 40px 20px;
  min-height: 295px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
}
.tlc_stat_bg {
  position: absolute;
  inset: 0;
}
.tlc_stat_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tlc_stat_overlay {
  position: absolute;
  inset: 0;
  background: rgba(44, 44, 44, 0.7);
  border-radius: 24px;
}
.tlc_stat_decor {
  position: absolute;
  top: -50px;
  right: -20px;
  width: 148px;
  height: 148px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
.tlc_stat_content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.tlc_stat_num_row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.tlc_stat_icon {
  width: 55px;
  height: 55px;
  flex-shrink: 0;
}
.tlc_stat_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tlc_stat_num {
  font-family: "Montserrat" !important;
  font-weight: 500;
  font-size: 42px;
  line-height: 1.1;
  color: #fff;
}
.tlc_stat_card h3 {
  font-family: "Montserrat" !important;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  margin: 0;
}
.tlc_stat_card p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  margin: 0;
}

/* ---- Our Mines Section ---- */
.tlc_mines_sec {
  padding: 70px 0 100px;
}
.tlc_mines_row .tlc_mines_text {
  padding-right: 80px;
}
.tlc_mines_text h2 {
  font-family: "Montserrat" !important;
  font-weight: 600;
  font-size: 60px;
  line-height: 72px;
  margin: 0 0 24px;
}
.tlc_mines_desc {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
}
.tlc_mines_desc p {
  margin: 0;
  color: #717182;
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
}
/* Slider Wrapper */
.tlc_mines_slider_wrap {
  position: relative;
  height: 444px;
}
.tlc_mines_slider {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 0px);
  height: 404px;
  border-radius: 24px;
  overflow: hidden;
}
.tlc_mines_slide img {
  width: 100%;
  height: 404px;
  object-fit: cover;
  display: block;
}
/* Custom Slick dots – bottom-right of image */
.tlc_mines_slider .slick-dots {
  bottom: 30px;
  right: 30px;
  left: auto;
  width: auto;
  text-align: right;
  display: flex !important;
  align-items: center;
  gap: 6px;
}
.tlc_mines_slider .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0;
}
.tlc_mines_slider .slick-dots li.slick-active {
  width: 30px;
}
.tlc_mines_slider .slick-dots li button {
  width: 100%;
  height: 10px;
  padding: 0;
  background: #fff;
  border-radius: 100px;
  opacity: 1;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.6);
}
.tlc_mines_slider .slick-dots li button:before {
  display: none;
}
/* Location Info Card */
.tlc_mines_loc_card {
  position: absolute;
  bottom: 0;
  left: -40px;
  z-index: 0;
  width: 310px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.05);
  padding: 19px;
}
.tlc_mines_loc_icon_row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.tlc_mines_loc_icon_row svg {
  flex-shrink: 0;
}
.tlc_mines_loc_icon_row span {
  font-family: "Arial", sans-serif;
  font-size: 16px;
  color: #2c2c2c;
}
.tlc_mines_loc_name {
  font-family: "Montserrat" !important;
  font-weight: 600;
  font-size: 23px;
  line-height: 1.4;
  color: #2c2c2c;
  margin: 0 0 6px;
}
.tlc_mines_loc_area {
  font-family: "Montserrat" !important;
  font-size: 16px;
  line-height: 1.5;
  color: #2c2c2c;
  margin: 0;
  font-weight: 500;
}

/* ---- TALC Applications Section ---- */
.tlc_app_sec {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.tlc_app_sec_bg {
  position: absolute;
  inset: 0;
}
.tlc_app_sec_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tlc_app_overlay {
  position: absolute;
  inset: 0;
  background: rgba(28, 28, 28, 0.8);
}
.tlc_app_sec .content_box {
  position: relative;
}
.tlc_app_sec .content_box .heading h3 {
  background: linear-gradient(
    180deg,
    #717182 -28.56%,
    rgba(221, 221, 221, 0) 145.5%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.2;
}
.tlc_app_sec .content_box .heading h2 {
  color: #fff;
}
.tlc_app_sec .content_box .para p {
  width: 55%;
  color: #fff;
  margin: auto;
}

.tlc_app_row {
  gap: 24px 0;
}
.tlc_app_row + .tlc_app_row {
  margin-top: 20px;
}
.tlc_app_card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 24px;
  padding: 35px;
  height: 514px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tlc_app_icon_wrap {
  width: 62px;
  height: 62px;
  background: #fff;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 19px;
}
.tlc_app_icon_wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tlc_app_card h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  margin: 0;
}
.tlc_app_card p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  margin: 0;
  flex: 1;
}

/* ---- Physical Properties Section ---- */
.tlc_prop_sec {
  padding: 100px 0;
}
.tlc_prop_sec .para {
  width: 90%;
  margin: auto;
}
.tlc_prop_sec .tlc_prop_sub {
  font-weight: 600;
}
.tlc_prop_grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tlc_prop_row {
  gap: 20px 0;
}
.tlc_prop_card {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 160px;
  border-radius: 24px;
  padding: 24px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 12px 40px rgba(0, 31, 170, 0.1);
  height: 100%;
  transition: 0.5s all ease;
}
.tlc_prop_card:hover {
  background: #2c2c2c;
  box-shadow: none;
}
.tlc_prop_icon_wrap {
  width: 60px;
  height: 60px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 18px;
  background: #828282;
  transition: 0.5s all ease;
}
.tlc_prop_card:hover .tlc_prop_icon_wrap {
  background: #fff;
}
.tlc_prop_icon_wrap img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: contrast(0.5) brightness(0.5);
  transition: 0.5s all ease;
}
.tlc_prop_card:hover .tlc_prop_icon_wrap img {
  filter: contrast(0) brightness(1);
}
.tlc_prop_text h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #2c2c2c;
  margin: 0 0 12px;
  transition: 0.5s all ease;
}
.tlc_prop_card:hover .tlc_prop_text h3 {
  color: #fff;
}
.tlc_prop_text p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
  transition: 0.5s all ease;
}
.tlc_prop_card:hover .tlc_prop_text p {
  color: #fff;
}
.tlc_prop_footer_note {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  text-align: center;
  margin: auto;
  margin-top: 50px;
  width: 53%;
}

/* ---- Request TDS & SDS Section ---- */
.tlc_req_sec {
  position: relative;
  background: #f6f6f6;
  overflow: hidden;
}
.tlc_req_sec .row,
.tlc_req_sec .row .col-md-5 {
  position: static;
}
.tlc_req_img_side {
  position: absolute;
  left: 0;
  width: 42%;
  height: 100%;
  top: 0;
}
.tlc_req_img_side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.tlc_req_form_side {
  display: flex;
  align-items: center;
  padding: 80px 30px;
}
.tlc_req_form_content {
  width: 100%;
}
.tlc_req_form_content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 60px;
  line-height: 72px;
  color: #2c2c2c;
  margin: 0 0 12px;
}
.tlc_req_subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0 0 40px;
}
/* Form layout */
.tlc_req_form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tlc_req_row {
  display: flex;
  gap: 24px;
}
.tlc_req_field {
  flex: 1;
}
.tlc_req_field input,
.tlc_req_field textarea {
  width: 100%;
  border: 1px solid rgba(141, 141, 141, 0.4);
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(6px);
  padding: 18px 24px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #717182;
  outline: none;
  transition: border-color 0.2s;
}
.tlc_req_field textarea {
  border-radius: 24px;
  resize: vertical;
  min-height: 120px;
}
.tlc_req_field--full {
  width: 100%;
}
.tlc_req_field input:focus,
.tlc_req_field textarea:focus {
  border-color: rgba(141, 141, 141, 0.8);
}
.tlc_req_field input::placeholder,
.tlc_req_field textarea::placeholder {
  color: rgba(113, 113, 130, 0.8);
}
/* Checkboxes */
.tlc_req_doc_group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tlc_req_doc_label {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #2c2c2c;
}
.tlc_req_checkboxes {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.tlc_req_check_label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-family: "Arial", sans-serif;
  font-size: 17px;
  color: #717182;
}
.tlc_req_check_label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.tlc_req_checkbox {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #8d8d8d;
  border-radius: 4px;
  flex-shrink: 0;
  position: relative;
}
.tlc_req_check_label input[type="checkbox"]:checked + .tlc_req_checkbox {
  background: #2c2c2c;
  border-color: #2c2c2c;
}
.tlc_req_check_label input[type="checkbox"]:checked + .tlc_req_checkbox::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}
/* Submit button */
.tlc_req_submit {
  width: 100%;
  height: 62px;
  background: #2c2c2c;
  color: #fff;
  border: none;
  border-radius: 40px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition:
    background 0.2s,
    transform 0.15s;
}
.tlc_req_submit:hover {
  background: #444;
  transform: translateY(-1px);
}
/* Success message */
.tlc_req_success {
  background: rgba(16, 238, 23, 0.1);
  border: 1px solid rgba(16, 238, 23, 0.4);
  border-radius: 12px;
  padding: 20px 24px;
  margin-top: 20px;
}
.tlc_req_success p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #2c2c2c;
  margin: 0;
}

/* ---- Gravity Forms override – TALC Request TDS/SDS (GF ID 5) ---- */
.tlc_req_gform_wrap {
  width: 100%;
}

.tlc_req_gform_wrap .gform_wrapper input[type="text"],
.tlc_req_gform_wrap .gform_wrapper input[type="email"],
.tlc_req_gform_wrap .gform_wrapper input[type="tel"],
.tlc_req_gform_wrap .gform_wrapper input[type="number"],
.tlc_req_gform_wrap .gform_wrapper select {
  border: 1px solid rgba(141, 141, 141, 0.4);
  border-radius: 40px;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 300 !important;
  color: #717182;
  background-color: rgba(255, 255, 255, 0.05);
  width: 100%;
  outline: none;
  box-shadow: none;
  height: 64px;
}

.tlc_req_gform_wrap .gform_wrapper .name input[type="text"] {
  background-image: url(/wp-content/uploads/2026/03/user-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.tlc_req_gform_wrap .gform_wrapper .phone input[type="tel"] {
  background-image: url(/wp-content/uploads/2026/03/tell-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.tlc_req_gform_wrap .gform_wrapper .company input[type="text"] {
  background-image: url(/wp-content/uploads/2026/03/email-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.tlc_req_gform_wrap .gform_wrapper .email input[type="email"] {
  background-image: url(/wp-content/uploads/2026/03/email-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.tlc_req_gform_wrap .gform_wrapper .massage textarea,
.tlc_req_gform_wrap .gform_wrapper .message textarea {
  background-image: url(/wp-content/uploads/2026/03/comment-icon.svg);
  background-repeat: no-repeat;
  background-position: top 19% left 15px;
  padding-left: 40px;
  resize: none;
}

.tlc_req_gform_wrap .gform_wrapper textarea {
  border: 1px solid rgba(141, 141, 141, 0.4);
  border-radius: 24px;
  padding: 16px 24px;
  font-size: 16px;
  color: #717182;
  background: rgba(255, 255, 255, 0.05);
  width: 100%;
  outline: none;
  box-shadow: none;
  min-height: 100px;
}
.tlc_req_gform_wrap .gform_wrapper input#gform_submit_button_5 {
  background: #2c2c2c !important;
  color: #fff !important;
  border: 1px solid #2c2c2c !important;
  border-radius: 40px !important;
  padding: 18px 32px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
  height: 62px !important;
}
.tlc_req_gform_wrap .gform_wrapper input#gform_submit_button_5:hover {
  background: transparent !important;
  color: #2c2c2c !important;
  border-color: #2c2c2c !important;
}
.tlc_req_gform_wrap .gform_wrapper .gform-footer:before {
  content: "";
  background: url(/wp-content/uploads/2026/03/Submit-Icon.svg);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 39.5%;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  transition: background 0.3s ease !important;
}
.tlc_req_gform_wrap .gform_wrapper .gform-footer {
  position: relative;
}
.tlc_req_gform_wrap .gform_wrapper .gform-footer:hover:before {
  filter: brightness(0);
}
.tlc_req_gform_wrap .gform_wrapper input#gform_submit_button_5:focus {
  outline: none !important;
  box-shadow: none !important;
}

.tlc_req_gform_wrap .gform_wrapper .gfield_error input {
  border-color: red !important;
}

.tlc_req_gform_wrap .gform_wrapper .gfield_validation_message {
  display: none !important;
}

.tlc_req_gform_wrap .gform_wrapper .gform_validation_errors {
  display: none !important;
}

.tlc_req_gform_wrap .gform_wrapper .gform-loader {
  display: none !important;
}

.tlc_req_gform_wrap .gform_wrapper .gfield_required_text {
  display: none !important;
}

.tlc_req_gform_wrap .gform_wrapper .gform_fields {
  row-gap: 20px !important;
}

.tlc_req_gform_wrap .gform_wrapper .gfield_checkbox,
.tlc_req_gform_wrap .gform_wrapper .gfield_radio {
  display: flex;
  flex-direction: row !important;
  gap: 30px !important;
}
.tlc_req_gform_wrap .gform_wrapper .gfield_radio .gchoice,
.cu_form_wrap .gform_wrapper .gfield_radio .gchoice {
  cursor: pointer;
}

.tlc_req_gform_wrap .gform_wrapper .gfield_radio .gchoice input,
.cu_form_wrap .gform_wrapper .gfield_radio .gchoice input {
  border-color: #8d8d8d !important;
  background: transparent;
  opacity: 0.4;
}
.tlc_req_gform_wrap .gform_wrapper .gfield_checkbox label,
.tlc_req_gform_wrap .gform_wrapper .gfield_radio label {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 20px !important;
  color: #717182 !important;
}

.tlc_req_gform_wrap .gform_wrapper .gfield--type-checkbox legend,
.tlc_req_gform_wrap .gform_wrapper .gfield--type-radio legend {
  font-style: normal;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 23px !important;
  color: #2c2c2c !important;
  font-family: "Montserrat" !important;
}

.tlc_req_gform_wrap .gform_wrapper .gfield-choice-input::before {
  background-color: #2c2c2c !important;
}

.tlc_req_gform_wrap .gform_wrapper .gfield-choice-input:focus {
  box-shadow: none !important;
  border-color: #2c2c2c !important;
}

/* ---- Sustainability Section ---- */
.tlc_sus_sec {
  padding: 100px 0;
  overflow: hidden;
}
.tlc_sus_header {
  text-align: center;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.tlc_sus_badge_label {
  display: inline-block;
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  padding: 10px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #2c2c2c;
}
.tlc_sus_header h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 60px;
  line-height: 72px;
  margin: 0;
}
.tlc_sus_header p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  width: 70%;
  margin: 0;
}
/* Slider outer */
.tlc_sus_slider .slick-list {
  overflow: visible;
}
.tlc_sus_slider .slick-list:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  height: 100%;
  width: 500px;
  background: #ffffff;
  z-index: 1;
}
.tlc_sus_slider .slick-track {
  display: flex;
  gap: 0;
}
/* Cards */
.tlc_sus_card {
  position: relative;
  height: 480px !important;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 10px;
  transition: 0.5s all ease;
}
.tlc_sus_card_bg {
  position: absolute;
  inset: 0;
}
.tlc_sus_card_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* Inner content overlay */
.tlc_sus_card_inner {
  position: absolute;
  background: linear-gradient(to bottom, rgba(44, 44, 44, 0) 0%, #2c2c2c 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  transition: 0.5s all ease;
  height: 100%;
  width: 100%;
}
.tlc_sus_card_inner .content {
  padding: 20px 20px 0px;
  position: absolute;
  bottom: -190px;
  transition: 0.5s all ease;
}
.tlc_sus_card:hover .tlc_sus_card_inner .content {
  bottom: 80px;
}
.tlc_sus_card:hover .tlc_sus_card_inner {
  background: rgba(44, 44, 44, 0.7);
}
.tlc_sus_card h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  margin: 0 0 20px;
  text-transform: capitalize;
}
.tlc_sus_card_desc {
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s all ease;
}
.tlc_sus_card:hover .tlc_sus_card_desc {
  opacity: 1;
}

/* ================================================================
   TALC PAGE – RESPONSIVE
   ================================================================ */
@media (max-width: 1400px) {
  .tlc_hero_content h1 {
    font-size: 80px;
  }
  .tlc_mines_text h2,
  .tlc_app_header_inner h2,
  .tlc_prop_header_inner h2,
  .tlc_req_form_content h2,
  .tlc_sus_header h2 {
    font-size: 48px;
  }
  .tlc_stat_num {
    font-size: 34px;
  }
}

@media (max-width: 1199px) {
  .tlc_hero_content h1 {
    font-size: 64px;
    white-space: normal;
  }
  .tlc_mines_text h2,
  .tlc_app_header_inner h2,
  .tlc_prop_header_inner h2,
  .tlc_req_form_content h2,
  .tlc_sus_header h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .tlc_watermark {
    font-size: 100px;
  }
  .tlc_prop_watermark {
    font-size: 80px;
  }
  .tlc_req_form_side {
    padding: 50px 40px;
  }
  .tlc_sus_card {
    margin: 0 8px;
  }
}

@media (max-width: 991px) {
  .tlc_hero_content h1 {
    font-size: 48px;
  }
  .tlc_mines_slider_wrap {
    height: auto;
    margin-top: 50px;
  }
  .tlc_mines_slider {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
  .tlc_mines_slide img {
    height: 300px;
  }
  .tlc_mines_loc_card {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 20px;
  }
  .tlc_req_sec {
    flex-direction: column;
  }
  .tlc_req_img_side {
    flex: 0 0 300px;
    max-width: 100%;
  }
  .tlc_req_form_side {
    padding: 50px 30px;
  }
  .tlc_sus_slider_outer {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .tlc_hero_sec {
    height: 560px;
  }
  .tlc_hero_content h1 {
    font-size: 38px;
  }
  .tlc_hero_content p {
    font-size: 16px;
  }
  .tlc_stat_card {
    min-height: 240px;
  }
  .tlc_stats_sec {
    padding: 50px 0;
  }
  .tlc_mines_sec,
  .tlc_app_sec,
  .tlc_prop_sec,
  .tlc_sus_sec {
    padding: 60px 0;
  }
  .tlc_req_row {
    flex-direction: column;
    gap: 0;
  }
  .tlc_req_row .tlc_req_field {
    flex: unset;
  }
  .tlc_sus_card {
    margin: 0 6px;
  }
  .tlc_prop_card {
    flex-direction: column;
    text-align: center;
  }
  .tlc_mines_text h2,
  .tlc_app_header_inner h2,
  .tlc_prop_header_inner h2,
  .tlc_req_form_content h2,
  .tlc_sus_header h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .tlc_watermark {
    display: none;
  }
}

/* =============================================================
   RARE EARTH ELEMENTS (REE) PAGE
   All selectors prefixed with  ree_  — zero risk of clash.
   ============================================================= */

/* ── Shared Colour Helpers ── */
.ree_dark {
  color: #2c2c2c;
}
.ree_gray {
  color: #828282;
}

/* =============================================================
   HERO SECTION
   ============================================================= */
.ree_hero_sec {
  position: relative;
  height: 750px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2c2c2c;
}
.ree_hero_bg {
  position: absolute;
  inset: 0;
}
.ree_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.ree_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(44, 44, 44, 0.6);
}
.ree_hero_content {
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.ree_hero_content h1 {
  font-size: 100px;
  line-height: 120px;
  color: #fff;
  margin: 0;
}
.ree_hero_light {
  font-weight: 300;
}
.ree_hero_medium {
  font-weight: 500;
}
.ree_hero_tagline {
  font-size: 24px;
  line-height: 32.5px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
.ree_hero_desc {
  font-size: 20px;
  line-height: 32.5px;
  font-weight: 400;
  color: #fff;
  max-width: 976px;
  margin: 0;
}

/* =============================================================
   INTRO SECTION
   ============================================================= */
.ree_intro_sec {
  padding: 100px 0 50px;
}
.ree_intro_inner {
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
}
.ree_intro_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 30px;
}
.ree_intro_desc {
  font-size: 24px;
  line-height: 40px;
  color: #717182;
  font-weight: 400;
  margin: 0;
}

/* =============================================================
   ELEMENTS CARDS SECTION
   ============================================================= */
.ree_elements_sec {
  padding: 0 0 100px;
}
.ree_elements_inner {
  display: flex;
  gap: 30px;
}
.ree_element_card {
  flex: 1;
  height: 490px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.ree_element_bg {
  position: absolute;
  inset: 0;
}
.ree_element_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.ree_element_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 65.714%,
    rgba(0, 0, 0, 0.6) 100%
  );
  border-radius: 24px;
}
.ree_element_label {
  position: absolute;
  bottom: 27px;
  left: 27px;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  z-index: 2;
}

/* =============================================================
   RARE EARTH MATERIALS SECTION
   ============================================================= */
/* .ree_mat_sec {
  padding: 80px 0;
} */
/* .ree_mat_row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 60px;
  margin-left: 0;
  margin-right: 0;
} */
/* .ree_mat_row > [class*="col"] {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  width: auto;
} */
.ree_mat_row > .col-md-5 {
  flex: 0 0 auto;
}
.ree_mat_row > .col-md-7 {
  flex: 1;
  min-width: 0;
}
.ree_mat_images {
  display: flex;
  gap: 30px;
  height: 554px;
}
.ree_mat_img_wrap {
  /* width: 350px;
  flex: 0 0 350px; */
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.ree_mat_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.ree_mat_img_flip {
  transform: scaleX(-1);
}
.ree_mat_text {
  padding-left: 0;
}
.ree_mat_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  font-family: "Montserrat" !important;
  text-transform: capitalize;
  margin: 0 0 12px;
}
.ree_mat_desc,
.ree_mat_desc p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0 0 16px;
}
.ree_mat_desc p strong {
  color: #2c2c2c;
  font-weight: 500;
}
/* =============================================================
   STRATEGIC FRONTIER SECTION
   ============================================================= */
.ree_sf_sec {
  padding: 100px 0 100px;
}

/* Mineral cards */
.ree_sf_minerals_row {
  row-gap: 40px;
}
.ree_sf_mineral_card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ree_sf_mineral_img {
  height: 400px;
  border-radius: 24px;
  overflow: hidden;
}
.ree_sf_mineral_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.ree_sf_mineral_text h3 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 0 0 12px;
}
.ree_sf_mineral_text p {
  font-size: 16px;
  line-height: 26px;
  color: #717182;
  margin: 0 0 12px;
}
.ree_sf_specs {
  font-size: 16px;
  line-height: 26px;
  color: #717182;
  margin-bottom: 12px;
}
.ree_sf_specs strong,
.ree_sf_specs b {
  color: #2c2c2c;
  font-weight: 500;
}
.ree_sf_note {
  font-size: 16px;
  line-height: 26px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   WHY TANGIR's RARE EARTHS MATTER SECTION
   ============================================================= */
.ree_why_sec {
  padding: 80px 0 100px;
  background: #f6f6f6;
}

/* Cards */
.ree_why_cards_row {
  row-gap: 24px;
}
.ree_why_card {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 12px 60px 0px rgba(0, 31, 170, 0.1);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  transition: background 0.3s ease;
}
.ree_why_card_icon {
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 19px;
  transition: background 0.3s ease;
}
.ree_why_card_icon img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.ree_why_card h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
  transition: color 0.3s ease;
}
.ree_why_card p {
  font-size: 18px;
  line-height: 28px;
  color: #717182;
  margin: 0;
  transition: color 0.3s ease;
}
.ree_why_card:hover {
  background: #2c2c2c;
}
.ree_why_card:hover .ree_why_card_icon {
  background: #fff;
  border-color: #fff;
}
.ree_why_card:hover h3,
.ree_why_card:hover p {
  color: #fff;
}

/* =============================================================
   RARE EARTH PROCESSING (From Mine to Market) SECTION
   ============================================================= */
.ree_proc_sec {
  padding: 100px 0 100px;
}
.ree_proc_row {
  gap: 30px 0;
  align-items: stretch;
}

/* Left: slider */
.ree_proc_slider_wrap {
  position: relative;
}
.ree_proc_slider {
  border-radius: 24px;
  overflow: hidden;
}
.ree_proc_slide {
  border-radius: 24px;
  overflow: hidden;
  height: 726px !important;
  position: relative;
}
.ree_proc_slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}

/* Slick dots styling: active = 30×10px pill, inactive = 10×10px circle */
.ree_proc_slider .slick-dots {
  bottom: 30px;
  left: 30px;
  text-align: left;
  padding: 0;
  width: auto;
}
.ree_proc_slider .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  transition: width 0.3s ease;
}
.ree_proc_slider .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 100px;
  background: #fff;
  opacity: 1;
  transition: width 0.3s ease;
}
.ree_proc_slider .slick-dots li button:before {
  display: none;
}
.ree_proc_slider .slick-dots li.slick-active {
  width: 30px;
}
.ree_proc_slider .slick-dots li.slick-active button {
  width: 30px;
  border-radius: 100px;
}

/* Established Badge */
.ree_proc_badge_card {
  position: absolute;
  bottom: -40px;
  right: -30px;
  background: #fff;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0px 20px 40px 0px rgba(0, 31, 170, 0.1);
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 220px;
  z-index: 3;
}
.ree_proc_est_label {
  font-size: 18px;
  line-height: 18px;
  color: #717182;
  margin: 0;
}
.ree_proc_est_year {
  font-size: 44px;
  line-height: 50px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
}
.ree_proc_est_note {
  font-size: 18px;
  line-height: 18px;
  color: #717182;
  margin: 0;
}

/* Right: content */
.ree_proc_content {
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.ree_proc_top {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ree_proc_tag {
  display: inline-block;
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  align-self: flex-start;
}
.ree_proc_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
}
.ree_proc_desc {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}

/* Processing steps */
.ree_proc_steps_row {
  row-gap: 24px;
}
.ree_proc_step {
  padding: 12px 0;
  border-radius: 40px;
}
.ree_proc_step h4 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0 0 12px;
}
.ree_proc_step p {
  font-size: 16px;
  line-height: 24px;
  color: #717182;
  margin: 0;
}

/* =============================================================
   INDUSTRIAL APPLICATIONS SECTION
   ============================================================= */
.ree_ind_sec {
  position: relative;
  padding: 100px 0 100px;
  overflow: hidden;
}
.ree_ind_bg {
  position: absolute;
  inset: 0;
}
.ree_ind_sec .heading h3 {
  font-weight: 800;
  font-size: 136px;
  background: linear-gradient(
    180deg,
    #717182 -5.56%,
    rgba(221, 221, 221, 0) 89.1%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.7;
  z-index: 1;
  position: relative;
  margin-bottom: -110px;
}
.ree_ind_sec .heading h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  max-width: 1307px;
  margin: 0 auto;
}
.ree_ind_sec .para p {
  font-size: 18px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.85);
  max-width: 951px;
  margin: 0 auto;
}
.ree_ind_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ree_ind_overlay {
  position: absolute;
  inset: 0;
  background: rgba(28, 28, 28, 0.6);
}
.ree_ind_inner {
  position: relative;
  z-index: 2;
}

/* Element cards */
.ree_ind_rows {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ree_ind_row {
  row-gap: 24px;
}
.ree_ind_card {
  border-radius: 24px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur(1.5px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.ree_ind_symbol_wrap {
  background: #fff;
  border-radius: 40px;
  padding: 10px 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
}
.ree_ind_symbol {
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  color: #828282;
}
.ree_ind_card h3 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  color: #fff;
  margin: 0;
}
.ree_ind_card p {
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
  margin: 0;
}

/* =============================================================
   TANGIR REE INITIATIVE SECTION
   ============================================================= */
.ree_init_sec {
  padding: 100px 0 0px;
}
.ree_init_img_wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 500px;
}
.ree_init_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}
.ree_init_text {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ree_init_badge {
  display: inline-block;
  background: rgba(0, 89, 222, 0.02);
  border: 1px solid rgba(0, 89, 222, 0.1);
  border-radius: 40px;
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  align-self: flex-start;
}
.ree_init_heading {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 -12px;
}
.ree_init_text > p {
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}
.ree_init_list {
  list-style: disc;
  padding-left: 25px;
  margin: 0;
}
.ree_init_list li {
  font-size: 20px;
  line-height: 40px;
  font-weight: 500;
  color: #2c2c2c;
  list-style: disc;
}

/* =============================================================
   CTA SECTION
   ============================================================= */
.ree_cta_sec {
  padding: 80px 0 100px;
}
.ree_cta_inner {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
.ree_cta_inner h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  color: #2c2c2c;
  max-width: 1509px;
  margin: 0;
}
.ree_cta_sec .flex_button {
  margin-top: 0;
}
.ree_cta_sec .flex_button a {
  background: #2c2c2c;
  color: #fff;
  width: auto;
  padding: 0 50px;
  height: 60px;
  gap: 8px;
  font-weight: 500;
  border: 1px solid #2c2c2c;
  transition:
    background 0.3s ease,
    color 0.3s ease;
}
.ree_cta_sec .flex_button a:hover {
  background: #fff;
  color: #2c2c2c;
  border: 1px solid #2c2c2c;
  backdrop-filter: none;
}
.ree_cta_sec .flex_button a svg {
  flex-shrink: 0;
}
.ree_cta_sec .flex_button a svg path {
  transition: 0.5s all ease;
}
.ree_cta_sec .flex_button a:hover svg path {
  fill: #2c2c2c;
}
/* =============================================================
   REE PAGE — RESPONSIVE
   ============================================================= */
@media (max-width: 1400px) {
  .ree_hero_content h1 {
    font-size: 80px;
    line-height: 100px;
  }
  .ree_intro_heading {
    font-size: 48px;
    line-height: 60px;
  }
  .ree_mat_heading,
  .ree_sf_heading,
  .ree_why_heading,
  .ree_proc_heading,
  .ree_ind_header_inner h2,
  .ree_init_heading,
  .ree_cta_inner h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .ree_sf_watermark,
  .ree_why_watermark {
    font-size: 120px;
  }
  .ree_ind_watermark {
    font-size: 110px;
  }
  .ree_proc_badge_card {
    right: -10px;
  }
}

@media (max-width: 1199px) {
  .ree_hero_content h1 {
    font-size: 64px;
    line-height: 80px;
  }
  .ree_hero_tagline {
    font-size: 20px;
  }
  .ree_hero_desc {
    font-size: 18px;
  }
  .ree_intro_heading {
    font-size: 40px;
    line-height: 52px;
  }
  .ree_intro_desc {
    font-size: 20px;
    line-height: 34px;
  }
  .ree_mat_heading,
  .ree_sf_heading,
  .ree_why_heading,
  .ree_proc_heading,
  .ree_ind_header_inner h2,
  .ree_init_heading,
  .ree_cta_inner h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .ree_sf_watermark,
  .ree_why_watermark {
    font-size: 90px;
  }
  .ree_ind_watermark {
    font-size: 80px;
  }
  .ree_mat_images {
    height: 450px;
  }
  .ree_proc_slide {
    height: 550px;
  }
  .ree_proc_badge_card {
    right: 0;
    bottom: 20px;
  }
  .ree_why_heading {
    white-space: normal;
  }
}

@media (max-width: 991px) {
  .ree_hero_sec {
    height: 580px;
  }
  .ree_hero_content h1 {
    font-size: 52px;
    line-height: 64px;
  }
  .ree_elements_inner {
    flex-wrap: wrap;
  }
  .ree_element_card {
    flex: 1 1 calc(50% - 15px);
    height: 360px;
  }
  .ree_mat_text {
    padding-left: 0;
    margin-top: 0;
  }
  .ree_mat_row {
    flex-wrap: wrap;
  }
  .ree_mat_row > [class*="col"] {
    width: 100%;
  }
  .ree_mat_images {
    height: 380px;
  }
  .ree_proc_content {
    padding-left: 0;
    margin-top: 40px;
  }
  .ree_proc_slide {
    height: 480px;
  }
  .ree_proc_badge_card {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 16px;
  }
  .ree_init_row {
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .ree_init_row > [class*="col"] {
    width: 100%;
  }
  .ree_init_text {
    margin-top: 0;
  }
  .ree_init_img_wrap {
    min-height: 360px;
  }
  .ree_sf_mineral_img {
    height: 300px;
  }
}

@media (max-width: 767px) {
  .ree_hero_sec {
    height: 480px;
  }
  .ree_hero_content h1 {
    font-size: 40px;
    line-height: 52px;
  }
  .ree_intro_heading {
    font-size: 30px;
    line-height: 40px;
  }
  .ree_intro_desc {
    font-size: 16px;
    line-height: 28px;
  }
  .ree_elements_inner {
    flex-direction: column;
    gap: 20px;
  }
  .ree_element_card {
    flex: none;
    width: 100%;
    height: 300px;
  }
  .ree_mat_images {
    height: auto;
    flex-direction: column;
  }
  .ree_mat_img_wrap {
    height: 280px;
    width: 100%;
    flex: 1;
  }
  .ree_mat_heading,
  .ree_sf_heading,
  .ree_why_heading,
  .ree_proc_heading,
  .ree_ind_header_inner h2,
  .ree_init_heading,
  .ree_cta_inner h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .ree_sf_watermark,
  .ree_why_watermark {
    font-size: 60px;
    margin-bottom: -40px;
  }
  .ree_ind_watermark {
    font-size: 60px;
  }
  .ree_proc_slide {
    height: 380px;
  }
  .ree_ind_card {
    padding: 24px;
  }
  .ree_cta_inner h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .ree_init_list li {
    font-size: 16px;
    line-height: 32px;
  }
}

@media (max-width: 575px) {
  .ree_hero_content h1 {
    font-size: 32px;
    line-height: 44px;
  }
  .ree_why_heading {
    font-size: 24px;
    line-height: 34px;
  }
  .ree_sf_watermark,
  .ree_why_watermark {
    display: none;
  }
  .ree_ind_watermark {
    display: none;
  }
}

/* =============================================================
   LOGISTICS PAGE  (log_* prefix)
   ============================================================= */

/* ---- Shared: Heading colour helpers ---- */
.log_heading_dark {
  color: #2c2c2c;
}
.log_heading_gray {
  color: #828282;
}

/* =============================================================
   HERO
   ============================================================= */
.log_hero_sec {
  position: relative;
  height: 750px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #1a1a2e;
}
.log_hero_bg {
  position: absolute;
  inset: 0;
}
.log_hero_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.log_hero_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.log_hero_content {
  position: relative;
  z-index: 2;
}
.log_hero_content h1 {
  font-family: "Poppins", sans-serif;
  font-size: 100px;
  line-height: 120px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 24px;
}
.log_hero_content h1 strong {
  font-weight: 500;
}
.log_hero_content p {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 32.5px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  max-width: 1080px;
  margin: 0 auto;
}

/* =============================================================
   STRATEGIC POSITIONING SECTION
   ============================================================= */
.log_strat_sec {
  padding: 100px 0;
}
.log_strat_heading {
  font-family: "Montserrat" !important;
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 12px;
}
.log_strat_heading .log_heading_dark {
  display: block;
}
.log_strat_heading .log_heading_gray {
  display: block;
}
.log_strat_desc p {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
}
.log_strat_desc p:last-child {
  margin: 0;
}
.log_strat_desc p {
  margin-bottom: 16px;
}
.log_strat_img_wrap {
  border-radius: 24px;
  overflow: hidden;
}
.log_strat_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}

/* =============================================================
   OCEAN FREIGHT SERVICES SECTION
   ============================================================= */
.log_ocean_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.log_ocean_img_wrap img {
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
  display: block;
}
.log_ocean_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
.log_ocean_content {
  padding-left: 40px;
}
.log_ocean_heading {
  font-family: "Montserrat" !important;
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.log_ocean_desc {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 40px;
}
.log_ocean_services_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 12px;
}
.log_ocean_service_item {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.log_ocean_service_icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #f1f5f9;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.log_ocean_service_icon img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.log_ocean_service_text h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 16px;
}
.log_ocean_service_text p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #717182;
  margin: 0;
}

/* =============================================================
   INTERNATIONAL MOVING SECTION
   ============================================================= */
.log_intl_sec {
  padding: 100px 0;
}
.log_intl_heading {
  font-family: "Montserrat" !important;
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.log_intl_desc {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin-bottom: 30px;
}
.log_intl_services_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.log_intl_service_item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.log_intl_service_header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.log_intl_service_icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
}
.log_intl_service_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.log_intl_service_header h4 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  line-height: 20px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
}
.log_intl_service_item > p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #717182;
  margin: 0;
}
.log_intl_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.log_intl_img_wrap img {
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
  display: block;
}
.log_intl_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 24px;
}

/* =============================================================
   LAND TRANSPORTATION SECTION
   ============================================================= */
.log_land_sec {
  padding: 0px 0 100px;
}
.log_land_sec .heading h3 {
  font-size: 140px;
  margin-bottom: -120px;
}
.log_land_sec .para p {
  width: 80%;
  margin: auto;
}
.log_land_stats_row {
  display: flex;
  gap: 40px;
  margin-bottom: 80px;
}
.log_land_stat_col {
  flex: 1;
  border-left: 1px solid #828282;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.log_land_stat_label {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
}
.log_land_stat_value {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  line-height: normal;
  font-weight: 400;
  color: #2c2c2c;
  margin: 0;
}
.log_land_stat_desc {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #717182;
  margin: 0;
}
.log_land_img_wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.log_land_img_wrap img {
  width: 100%;
  height: 602px;
  object-fit: cover;
  display: block;
}
.log_land_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}

/* =============================================================
   LOGISTICS PAGE — RESPONSIVE
   ============================================================= */
/* @media (max-width: 1650px) {
  .log_hero_content h1 {
    font-size: 80px;
    line-height: 100px;
  }
  .log_strat_heading,
  .log_ocean_heading,
  .log_intl_heading,
  .log_section_header_inner h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .log_watermark {
    font-size: 100px;
    line-height: 180px;
  }
  .log_section_header_inner {
    margin-top: -90px;
  }
  .log_land_stat_value {
    font-size: 48px;
  }
} */

@media (max-width: 1199px) {
  .log_hero_content h1 {
    font-size: 60px;
    line-height: 76px;
  }
  .log_hero_content p {
    font-size: 18px;
  }
  .log_strat_heading,
  .log_ocean_heading,
  .log_intl_heading,
  .log_section_header_inner h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .log_watermark {
    font-size: 80px;
    line-height: 140px;
  }
  .log_section_header_inner {
    margin-top: -70px;
  }
  .log_ocean_content {
    padding-left: 20px;
  }
  .log_ocean_services_grid {
    grid-template-columns: 1fr;
  }
  .log_land_stat_value {
    font-size: 36px;
  }
  .log_land_stats_row {
    gap: 20px;
  }
  .log_land_stat_col {
    padding: 0 15px;
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .log_hero_sec {
    height: 550px;
  }
  .log_hero_content h1 {
    font-size: 46px;
    line-height: 58px;
  }
  .log_strat_sec,
  .log_ocean_sec,
  .log_intl_sec,
  .log_land_sec {
    padding: 60px 0;
  }
  .log_strat_heading,
  .log_ocean_heading,
  .log_intl_heading,
  .log_section_header_inner h2 {
    font-size: 34px;
    line-height: 44px;
  }
  .log_strat_row,
  .log_ocean_row,
  .log_intl_row {
    flex-direction: column;
    gap: 40px;
  }
  .log_strat_row .col-md-7,
  .log_strat_row .col-md-5,
  .log_ocean_row .col-md-5,
  .log_ocean_row .col-md-7,
  .log_intl_row .col-md-6 {
    width: 100%;
    max-width: 100%;
    flex: none;
  }
  .log_ocean_content {
    padding-left: 0;
  }
  .log_ocean_img_wrap img,
  .log_intl_img_wrap img {
    min-height: 350px;
  }
  .log_land_stats_row {
    flex-wrap: wrap;
    gap: 30px;
  }
  .log_land_stat_col {
    flex: 1 1 calc(50% - 15px);
    min-width: calc(50% - 15px);
  }
  .log_watermark {
    font-size: 60px;
    line-height: 100px;
  }
  .log_section_header_inner {
    margin-top: -50px;
  }
  .log_land_img_wrap img {
    height: 400px;
  }
}

@media (max-width: 767px) {
  .log_hero_sec {
    height: 450px;
  }
  .log_hero_content h1 {
    font-size: 32px;
    line-height: 44px;
  }
  .log_hero_content p {
    font-size: 16px;
    line-height: 28px;
  }
  .log_strat_heading,
  .log_ocean_heading,
  .log_intl_heading,
  .log_section_header_inner h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .log_intl_service_header h4 {
    font-size: 20px;
  }
  .log_ocean_service_text h4 {
    font-size: 16px;
  }
  .log_land_stat_value {
    font-size: 30px;
  }
  .log_land_stat_label,
  .log_land_stat_desc {
    font-size: 16px;
    line-height: 28px;
  }
  .log_land_img_wrap img {
    height: 280px;
  }
  .log_strat_desc,
  .log_ocean_desc,
  .log_intl_desc,
  .log_section_header_inner p {
    font-size: 16px;
    line-height: 28px;
  }
  .log_watermark {
    display: none;
  }
  .log_section_header_inner {
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  .log_hero_content h1 {
    font-size: 26px;
    line-height: 36px;
  }
  .log_land_stats_row {
    flex-direction: column;
  }
  .log_land_stat_col {
    flex: none;
    width: 100%;
    min-width: 100%;
  }
}






/* ============================================================
   QUALITY CONTROL PAGE – Scoped Styles
   ============================================================ */

/* ---- Hero ---- */
.qc_hero_sec {
    position: relative;
    height: 750px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.qc_hero_bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.qc_hero_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.qc_hero_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.60);
    z-index: 1;
}

.qc_iso_sec_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.60);
    z-index: 0;
}
.qc_hero_content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    max-width: 1080px;
    padding: 0 20px;
}
.qc_hero_content h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 90px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 24px;
}
.qc_hero_content h1 strong {
    font-weight: 500;
}
.qc_hero_content p {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 32.5px;
    color: #fff;
    font-weight: 400;
    margin: auto;
    max-width: 90%;
}

/* ---- Standards Section ---- */
.qc_standards_sec {
    padding: 100px 0;
}
.qc_standards_text h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    font-size: 56px;
    line-height: 1.2;
    color: #2c2c2c;
    margin-bottom: 24px;
}
.qc_standards_text h2 .qc_gray {
    color: #828282;
}
.qc_standards_text p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
    margin-bottom: 16px;
}
.qc_standards_text p:last-child {
    margin-bottom: 0;
}
.qc_standards_img_wrap {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    min-height: 380px;
}
.qc_standards_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
}
.qc_standards_img_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    border-radius: 24px;
}

/* ---- Laboratory Section ---- */
.qc_lab_sec {
    padding: 80px 0 100px;
    overflow: hidden;
}
.qc_lab_header {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
    min-height: 130px;
}
.qc_lab_watermark {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 160px;
    line-height: 1;
    text-transform: uppercase;
    background: linear-gradient(180deg, #717182 -28.56%, rgba(221, 221, 221, 0) 145.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.2;
    white-space: nowrap;
        margin-bottom: -50px;

}
.qc_lab_header_inner {
    position: relative;
    z-index: 1;
        margin-top: -50px;
}
.qc_lab_header_inner h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 1.3;
    color: #2c2c2c;
    text-transform: capitalize;
    margin-bottom: 14px;
}
.qc_lab_header_inner p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
    max-width: 900px;
    margin: 0 auto;
}
.qc_lab_img_wrap {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    /* min-height: 460px; */
}
.qc_lab_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
}
.qc_lab_img_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.20);
    border-radius: 24px;
}
.qc_lab_items_list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.qc_lab_item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.qc_lab_item_header {
    display: flex;
    align-items: center;
    gap: 12px;
}
.qc_lab_item_icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}
.qc_lab_item_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.qc_lab_item_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    color: #2c2c2c;
    margin: 0;
}
.qc_lab_item_desc {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #717182;
    margin: 0;
    padding-left: -44px;
}

/* ---- Batch Traceability Section ---- */
.qc_batch_sec {
    padding: 100px 0;
}
.qc_batch_text h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 1.3;
    color: #2c2c2c;
    text-transform: capitalize;
    margin-bottom: 14px;
}
.qc_batch_intro p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
    margin-bottom: 32px;
}
.qc_batch_sub_block {
    margin-bottom: 20px;
}
.qc_batch_sub_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    color: #2c2c2c;
    margin-bottom: 12px;
}
.qc_batch_sub_text p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
}
.qc_batch_sub_text p {
    margin: 0;
}
.qc_batch_stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 32px;
}
.qc_batch_stat_box {
    background: rgba(113, 113, 130, 0.10);
    border-radius: 14px;
    padding: 24px;
}
.qc_batch_stat_value {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.3;
    color: #717182;
    margin-bottom: 8px;
}
.qc_batch_stat_label {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #2c2c2c;
    font-weight: 400;
    margin: 0;
}
.qc_batch_img_wrap {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    min-height: 500px;
}
.qc_batch_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
}
.qc_batch_img_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    border-radius: 24px;
}

/* ---- ISO Section ---- */
.qc_iso_sec {
    padding: 80px 0 120px;
}
.qc_iso_inner {
    background: #2c2c2c;
    border-radius: 16px;
    padding: 60px;
    position: relative;
    overflow: hidden;
}
.qc_iso_inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/wp-content/uploads/2026/03/qc_iso_banner.png');
    background-size: cover;
    background-position: center;
    mix-blend-mode: multiply;
    opacity: 1;
    border-radius: 16px;
    pointer-events: none;
}
.qc_iso_icon_wrap {
    background: rgba(255, 255, 255, 0.10);
    border-radius: 14px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-shrink: 0;
}
.qc_iso_icon_wrap img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.qc_iso_text h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.3;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 12px;
}
.qc_iso_text p,
.qc_iso_text .qc_iso_desc {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.50);
    margin: 0;
        width: 85%;
}
.qc_iso_features {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    height: 100%;
}
.qc_iso_feature_card {
    background: rgba(255, 255, 255, 0.05);
    border: 0.8px solid rgba(255, 255, 255, 0.10);
    border-radius: 10px;
    padding: 17px;
    position: relative;
}
.qc_iso_feature_dot {
    position: absolute;
    left: 17px;
    top: 35%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #10EE17;
    border-radius: 4px;
    flex-shrink: 0;
}
.qc_iso_feature_body {
    padding-left: 20px;
}
.qc_iso_feature_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 4px;
}
.qc_iso_feature_sub {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.50);
    margin: 0;
}

/* ---- Responsive ---- */
@media (max-width: 991px) {
    .qc_hero_content h1 {
        font-size: 60px;
        line-height: 1.2;
    }
    .qc_hero_sec {
        height: 560px;
    }
    .qc_standards_text h2,
    .qc_lab_header_inner h2,
    .qc_batch_text h2 {
        font-size: 40px;
    }
    .qc_lab_watermark {
        font-size: 80px;
    }
    .qc_standards_img_wrap,
    .qc_lab_img_wrap,
    .qc_batch_img_wrap {
        /* min-height: 300px; */
        margin-top: 40px;
    }
    .qc_iso_inner {
        padding: 40px 30px;
    }
    .qc_iso_text h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .qc_hero_content h1 {
        font-size: 42px;
    }
    .qc_hero_sec {
        height: 500px;
    }
    .qc_standards_sec,
    .qc_batch_sec {
        padding: 60px 0;
    }
    .qc_lab_sec,
    .qc_iso_sec {
        padding: 60px 0;
    }
    .qc_batch_stats {
        grid-template-columns: 1fr;
    }
    .qc_lab_item_desc {
        padding-left: 0;
    }
    .qc_iso_inner {
        padding: 30px 20px;
    }
}



/* ============================================================
   SUSTAINABILITY PAGE – Scoped Styles
   ============================================================ */

/* ---- Hero ---- */
.sus_hero_sec {
    position: relative;
    height: 750px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.sus_hero_bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.sus_hero_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sus_hero_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.60);
    z-index: 1;
}

.sus_hero_content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    max-width: 1200px;
    padding: 0 20px;
}

.sus_hero_content h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 100px;
    line-height: 120px;
    color: #fff;
    margin-bottom: 24px;
}

.sus_hero_content p {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 32.5px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    max-width: 1080px;
    margin: 0 auto;
}

/* ---- Commitments Section ---- */
.sus_commit_sec {
    padding: 100px 0;
    overflow: hidden;
}

.sus_commit_header {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
    min-height: 140px;
}

.sus_commit_watermark {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 160px;
    line-height: 1;
    text-transform: uppercase;
    background: linear-gradient(180deg, #717182 -28.56%, rgba(221, 221, 221, 0) 145.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.2;
    white-space: nowrap;
    display: block;
    margin-bottom: -50px;
}

.sus_commit_header_inner {
    position: relative;
    z-index: 1;
}

.sus_commit_header_inner h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    color: #2c2c2c;
    text-transform: capitalize;
    margin-bottom: 14px;
}

.sus_commit_header_inner p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
    max-width: 1073px;
    margin: 0 auto;
}



.sus_commit_card {
    border-left: 1px solid #828282;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 100%;
}

.sus_commit_card_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: #2c2c2c;
    margin: 0;
}

.sus_commit_card_icon {
    background: #2c2c2c;
    border-radius: 14px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sus_commit_card_icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
}

.sus_commit_card_desc p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
    margin: 0;
}

/* ---- CSR Compliance Section ---- */
.sus_csr_sec {
    padding: 100px 0;
}

.sus_csr_img_wrap {
    position: relative;
    border-radius: 24px;
    height: 100%;
    min-height: 520px;
}

.sus_csr_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
}

.sus_csr_img_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    border-radius: 24px;
}

.sus_csr_badge {
    position: absolute;
    bottom: -30px;
    left: 20px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 14px;
    box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 340px;
    z-index: 2;
}

.sus_csr_badge_icon_box {
    background: linear-gradient(135deg, rgb(49, 65, 88) 0%, rgb(69, 85, 108) 100%);
    border-radius: 10px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sus_csr_badge_icon_box img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.sus_csr_badge_text_label {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #2c2c2c;
    margin: 0 0 4px 0;
}

.sus_csr_badge_text_sub {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #717182;
    margin: 0;
}

.sus_csr_text h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    color: #2c2c2c;
    margin-bottom: 24px;
}

.sus_csr_text h2 .sus_gray {
    color: #828282;
}

.sus_csr_para p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;

}


.sus_csr_para {
    margin-bottom: 24px;
}

.sus_csr_para:last-of-type {
    margin-bottom: 0;
}

.sus_csr_grid {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sus_csr_grid_row {
    display: flex;
    gap: 12px;
}

.sus_csr_grid_item {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0;
}

.sus_csr_grid_item_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #2c2c2c;
    margin: 0;
}

.sus_csr_grid_item_desc {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #717182;
    margin: 0;
}

.sus_csr_grid_item p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #717182;
    margin: 0;
}

/* ---- GHG Emissions Section ---- */
.sus_ghg_sec {
    padding: 130px 0;
    position: relative;
    overflow: hidden;
}

.sus_ghg_bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: #f6f6f6;
}

.sus_ghg_bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: screen;
    pointer-events: none;
}

.sus_ghg_inner {
    position: relative;
    z-index: 1;
}

.sus_ghg_heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    color: #2c2c2c;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.sus_ghg_para {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #717182;
    margin: 0;
}

.sus_ghg_cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sus_ghg_card {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0px 12px 60px rgba(0, 31, 170, 0.1);
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.sus_ghg_card_icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

.sus_ghg_card_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.sus_ghg_card_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #2c2c2c;
    margin: 0 0 10px 0;
}

.sus_ghg_card_desc p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #717182;
    margin: 0;
}

/* ---- ESG Values Section ---- */
.sus_esg_sec {
    background: #f6f6f6;
    padding: 130px 0;
    overflow: hidden;
}

.sus_esg_header {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
    min-height: 140px;
}

.sus_esg_watermark {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 140px;
    line-height: 1;
    text-transform: uppercase;
    background: linear-gradient(180deg, #717182 -28.56%, rgba(221, 221, 221, 0) 145.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.2;
    white-space: nowrap;
    display: block;
    margin-bottom: -50px;
}

.sus_esg_header_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.sus_esg_header_inner h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    color: #2c2c2c;
    margin: 0;
    white-space: nowrap;
}

.sus_esg_header_inner p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #717182;
    max-width: 1293px;
    text-align: center;
    margin: 0;
}

.sus_esg_cards_row {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.sus_esg_card {
    flex: 1 0 0;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0px 12px 60px rgba(0, 31, 170, 0.1);
    padding: 24px 24px 34px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    transition: all ease 0.3s;
}

.sus_esg_card_icon_box {
    background: rgba(0, 89, 222, 0.02);
    border: 1px solid rgba(0, 89, 222, 0.1);
    border-radius: 40px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all ease 0.3s;
}

.sus_esg_card_icon_box img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: block;
    transition: all ease 0.3s;
}

.sus_esg_card_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #2c2c2c;
    margin: 0;
    transition: all ease 0.3s;
}

.sus_esg_card_desc p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #717182;
    margin: 0;
    transition: all ease 0.3s;
}


.sus_esg_card:hover {
    background: #2c2c2c;
}

.sus_esg_card:hover .sus_esg_card_icon_box {
    background: #fff;
    border-color: #fff;
}

.sus_esg_card:hover .sus_esg_card_title {
    color: #fff;
}

.sus_esg_card:hover .sus_esg_card_desc p {
    color: #fff;
}

/* ---- ESG Strategy Section ---- */
.sus_strategy_sec {
    padding: 130px 0;
}

.sus_strategy_img_wrap {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    min-height: 700px;
}

.sus_strategy_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
}

.sus_strategy_img_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.30);
    border-radius: 24px;
}

.sus_strategy_text {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sus_strategy_text h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    color: #2c2c2c;
    text-transform: capitalize;
    margin: 0;
}

.sus_strategy_text h2 .sus_gray {
    color: #828282;
}

.sus_strategy_para p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
    margin: 0;
}

.sus_strategy_items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sus_strategy_item_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 20px;
    color: #2c2c2c;
    margin: 0 0 16px 0;
}

.sus_strategy_item_desc p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #717182;
    margin: 0;
    padding-left: 20px;
}

/* ---- Certifications Section ---- */
.sus_cert_sec {
    padding: 100px 0;
}

.sus_cert_text h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    color: #2c2c2c;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.sus_cert_para p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
    max-width: 773px;
    margin-bottom: 20px;
}

.sus_cert_badges {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 20px;
}

.sus_cert_badge_img {
    height: 150px;
    width: auto;
    object-fit: contain;
    display: block;
}

.sus_cert_img_wrap {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    min-height: 400px;
}

.sus_cert_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
}

.sus_cert_img_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.20);
    border-radius: 24px;
}

.sus_cert_cols_row {
    margin-top: 60px;
}

.sus_cert_col_card {
    background: #f8fafc;
    border-radius: 24px;
    padding: 24px 24px 32px;
    height: 100%;
}

.sus_cert_col_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #2c2c2c;
    margin-bottom: 16px;
}

.sus_cert_items_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sus_cert_item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sus_cert_item_icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.sus_cert_item_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.sus_cert_item_text {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #717182;
    margin: 0;
    flex: 1;
}

/* ---- Our Commitment to Excellence Section ---- */
.sus_excellence_sec {
    background: #f6f6f6;
    padding: 130px 0;
    overflow: hidden;
    margin-bottom: 50px;
}

.sus_excellence_header {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
    min-height: 130px;
}

.sus_excellence_watermark {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 140px;
    line-height: 1;
    text-transform: uppercase;
    background: linear-gradient(180deg, #717182 -28.56%, rgba(221, 221, 221, 0) 145.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.2;
    white-space: nowrap;
    display: block;
    margin-bottom: -50px;
}

.sus_excellence_heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    color: #2c2c2c;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    margin: 0;
}

.sus_excellence_cards_row {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.sus_excellence_card {
    flex: 1 0 0;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0px 12px 60px rgba(0, 31, 170, 0.1);
    padding: 34px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
    transition: all ease 0.3s;
}

.sus_excellence_card_icon_box {
    background: rgba(0, 89, 222, 0.02);
    border: 1px solid rgba(0, 89, 222, 0.1);
    border-radius: 500px;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all ease 0.3s;
}

.sus_excellence_card_icon_box img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    display: block;
    transition: all ease 0.3s;
}

.sus_excellence_card_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #2c2c2c;
    margin: 0;
    white-space: nowrap;
    transition: all ease 0.3s;
}

.sus_excellence_card_sub {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #717182;
    margin: 0;
    white-space: nowrap;
    transition: all ease 0.3s;
}


.sus_excellence_card:hover {
    background: #2c2c2c;
}

.sus_excellence_card:hover .sus_excellence_card_icon_box {
    background: #fff;
    border-color: #fff;
}

.sus_excellence_card:hover .sus_excellence_card_title {
    color: #fff;
}

.sus_excellence_card:hover .sus_excellence_card_sub {
    color: #fff;
}



 .slider-wrapper {
            position: relative;
            display: grid;
            gap: 3rem;
            grid-template-columns: 1fr;
        }

        .slider-wrapper .slide {
            display: grid;
            margin-top: 3.5rem;
            width: 100%;

            >* {
                grid-area: 1 / 1 / 2 / 2;
            }
        }

        .spacer {
            height: 100vh;
        }



/* ---- Code of Conduct Section ---- */
.sus_coc_sec {
    padding: 130px 0;
    overflow: hidden;
}

.sus_coc_header {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
    min-height: 180px;
}

.sus_coc_watermark {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 160px;
    line-height: 1;
    text-transform: uppercase;
    background: linear-gradient(180deg, #717182 -28.56%, rgba(221, 221, 221, 0) 145.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.2;
    white-space: nowrap;
    display: block;
    margin-bottom: -60px;
}

.sus_coc_header_inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.sus_coc_header_inner h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    color: #2c2c2c;
    text-transform: capitalize;
    margin: 0;
    text-align: center;
}

.sus_coc_subtitle_text p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
    max-width: 1143px;
    text-align: center;
    margin: 0 auto;
}

.sus_coc_rows {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sus_coc_row {
    padding: 40px 0;
}

.sus_coc_divider {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 0;
}

.sus_coc_row_text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-end;
    height: 100%;
}

.sus_coc_row_title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    color: #2c2c2c;
    margin: 0;
}

.sus_coc_row_para p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #717182;
    margin: 0;
}

.sus_coc_row_img_wrap {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 300px;
}

.sus_coc_row_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
}

.sus_coc_row_img_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.20);
    border-radius: 24px;
}

/* ---- Code of Conduct: GSAP scroll-stack state (class added by JS) ---- */
.sus_coc_rows.coc-anim-active {
    position: relative;
    overflow: hidden;
}

.sus_coc_rows.coc-anim-active .sus_coc_divider {
    display: none;
}

.sus_coc_rows.coc-anim-active .sus_coc_row {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
}

/* ---- Responsive ---- */
@media (max-width: 1199px) {
    .sus_hero_content h1 {
        font-size: 72px;
        line-height: 1.2;
    }

    .sus_commit_watermark,
    .sus_esg_watermark,
    .sus_excellence_watermark,
    .sus_coc_watermark {
        font-size: 90px;
    }

    .sus_commit_header_inner h2,
    .sus_csr_text h2,
    .sus_ghg_heading,
    .sus_esg_header_inner h2,
    .sus_strategy_text h2,
    .sus_cert_text h2,
    .sus_excellence_heading,
    .sus_coc_header_inner h2 {
        font-size: 44px;
        line-height: 1.3;
    }
}

@media (max-width: 991px) {
    .sus_hero_sec {
        height: 560px;
    }

    .sus_hero_content h1 {
        font-size: 56px;
    }

    .sus_esg_cards_row,
    .sus_excellence_cards_row {
        flex-wrap: wrap;
    }

    .sus_esg_card,
    .sus_excellence_card {
        flex: 1 1 calc(50% - 20px);
    }

    .sus_csr_badge {
        position: static;
        margin-top: 16px;
        width: 100%;
    }

    .sus_strategy_img_wrap {
        min-height: 400px;
        margin-bottom: 40px;
    }

    .sus_cert_badges {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .sus_hero_sec {
        height: 480px;
    }

    .sus_hero_content h1 {
        font-size: 42px;
        line-height: 1.2;
    }

    .sus_commit_sec,
    .sus_csr_sec,
    .sus_ghg_sec,
    .sus_esg_sec,
    .sus_strategy_sec,
    .sus_cert_sec,
    .sus_excellence_sec,
    .sus_coc_sec {
        padding: 70px 0;
    }

    .sus_esg_cards_row,
    .sus_excellence_cards_row {
        flex-direction: column;
    }

    .sus_esg_card,
    .sus_excellence_card {
        flex: 1 1 100%;
    }

    .sus_csr_img_wrap {
        min-height: 300px;
        margin-bottom: 40px;
    }

    .sus_ghg_heading,
    .sus_esg_header_inner h2,
    .sus_strategy_text h2,
    .sus_cert_text h2,
    .sus_excellence_heading,
    .sus_coc_header_inner h2 {
        font-size: 32px;
    }
}





/* =============================================================
                        Website — RESPONSIVE
   ============================================================= */
@media (max-width: 1650px) {
  #primary-menu li {
    padding: 0 24px;
  }
  .head_btn a {
    padding: 15.5px 35px;
  }
  .menu-item-has-children::after {
    right: 5px;
  }
  .heading h3,
  .cmdc_strat_sec .heading h3,
  .log_land_sec .heading h3 {
    font-size: 120px;
    line-height: 120px;
    margin-bottom: -60px;
  }
  .heading h2 {
    font-size: 50px;
    line-height: 62px;
  }
  section.hero_sec .content h1 {
    font-size: 80px;
    line-height: 90px;
  }
  section.hero_sec .content p {
    font-size: 18px;
    line-height: 30px;
  }
  .flex_button {
    margin-top: 30px;
  }
  .para p {
    font-size: 16px;
    line-height: 26px;
  }
  .about_slides {
    width: 95%;
  }
  .home_commitment_sec .col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .home_commitment_sec .box {
    padding: 15px;
  }
  .home_commitment_sec .box h2 {
    font-size: 18px;
    line-height: 30px;
  }
  .home_commitment_sec .box h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .home_commitment_sec .box h3 span {
    font-size: 16px;
  }
  .home_operations_sec.home_about_sec .right .inner .box {
    width: 100%;
    gap: 10px;
  }
  .home_operations_sec.home_about_sec .right .inner .box .text h2 {
    font-size: 15px;
  }
  section.companies_sec .box .contnet h2 {
    font-size: 26px;
  }
  section.companies_sec .box .contnet .para p br {
    display: none;
  }
  section.companies_sec .box .contnet .count_box span {
    font-size: 16px;
    letter-spacing: 3px;
  }
  .home_about_sec .left .about_slides img {
    height: 680px;
  }
  .home_about_sec .content_btn {
    margin-top: 30px;
  }
  .home_operations_sec .img img {
    height: 500px;
  }
  .loc_presence_sec .heading h3 {
    font-size: 115px;
  }
  .dc_hero_content h1,
  .cmdc_hero_content h1,
  .apx_hero_content h1,
  .ree_hero_content h1,
  .log_hero_content h1 {
    font-size: 70px;
    line-height: 90px;
  }
  .dc_hero_content p {
    width: 90%;
  }
  .cmdc_hero_subtitle {
    width: 100%;
  }
  .dc_watermark {
    font-size: 130px;
  }
  .dc_card_content h3 {
    font-size: 26px;
  }
  .dc_dev_card {
    padding: 30px;
    min-height: 350px;
  }
  .dc_builders_main_heading {
    font-size: 45px;
    line-height: 55px;
  }
  .dc_builders_desc {
    font-size: 16px;
    line-height: 26px;
  }
  .dc_builders_content {
    padding-left: 10px;
  }
  .dc_feature_item {
    gap: 10px;
  }
  .dc_feature_text h4 {
    font-size: 16px;
    line-height: 18px;
  }
  .dc_feature_text p {
    font-size: 14px;
    line-height: 16px;
  }
  .dc_feature_icon {
    padding: 5px;
  }
  .dc_features_grid {
    gap: 15px;
  }
  .dc_cta_content h2 {
    font-size: 50px;
    line-height: 62px;
  }
  .dc_cta_content > p,
  .dc_section_header_inner > p,
  .dc_section_header_inner p,
  .dc_cons_banner_text p,
  .dc_adv_desc {
    font-size: 16px;
    line-height: 30px;
  }
  .dc_cons_banner {
    height: 600px;
  }
  .dc_cons_feature_card h4 {
    font-size: 22px;
    line-height: 32px;
  }
  .dc_cons_feature_card p {
    font-size: 16px;
    line-height: 26px;
  }
  .dc_adv_content {
    padding-right: 15px;
  }
  .dc_adv_stat_box {
    padding: 15px;
  }
  .dc_adv_stat_value,
  .dc_adv_badge_title {
    font-size: 20px;
  }
  .dc_adv_stat_label,
  .dc_adv_badge_sub {
    font-size: 16px;
  }
  .sos_brand_item {
    max-width: 150px;
    height: 136px;
    padding: 10px;
  }
  .sos_brands_track {
    gap: 25px;
  }
  .sos_power_heading {
    font-size: 50px;
    line-height: 60px;
  }
  .sos_power_content {
    padding-right: 20px;
  }
  .sos_about_heading {
    font-size: 45px;
    line-height: 60px;
  }
  .sos_about_content {
    gap: 15px;
  }
  .sos_about_desc {
    font-size: 16px;
    line-height: 28px;
  }
  .sos_expertise_card_title {
    font-size: 20px;
    line-height: 32px;
    height: 64px;
  }
  .sos_expertise_card {
    gap: 15px;
  }
  .sos_cta_heading {
    font-size: 40px;
    line-height: 1.2;
  }
  .sos_cta_desc {
    font-size: 16px;
    line-height: 26px;
  }
  .sos_cta_sec {
    min-height: 400px;
  }
  .sos_cta_content {
    padding: 60px 45px;
  }
  .sost_wwd_content {
    padding-left: 10px;
  }
  .sost_wwd_desc p,
  .cmdc_impact_closing,
  .cmdc_partner_body p {
    font-size: 16px;
    line-height: 30px;
  }
  .cmdc_feature_cards {
    gap: 100px;
    row-gap: 20px;
  }
  .cmdc_provincial_text p {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .cmdc_feature_card p {
    font-size: 16px;
    line-height: 24px;
  }
  .cmdc_feature_card h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .cmdc_story_text p,
  .cmdc_quote_text,
  .cmdc_function_item p,
  .cmdc_commitment_card p,
  .cmdc_energy_content p,
  .cmdc_esg_card p {
    font-size: 16px;
  }
  .cmdc_impact_sec .para,
  .cmdc_strat_sec .para {
    width: 100%;
  }
  .cmdc_function_icon {
    width: 22px;
    height: 22px;
  }
  .cmdc_partnership_card {
    padding: 15px;
  }
  .cmdc_partner_num_badge {
    width: 60px;
    height: 60px;
  }
  .cmdc_partner_body h3,
  .cmdc_commitment_card h3,
  .cmdc_esg_card h3,
  .cmdc_cert_card h3,
  .cmdc_cert_quote_text,
  .cmdc_partner_reason h3,
  .apx_svc_card h3,
  .apx_appr_text h3,
  .tlc_stat_card h3,
  .log_intl_service_header h4 {
    font-size: 20px;
  }
  .cmdc_commitment_card h3 {
    line-height: 30px;
  }
  .cmdc_energy_content h2 {
    font-size: 45px;
    line-height: 60px;
  }
  .cmdc_mineral_card {
    padding: 15px;
  }
  .cmdc_mineral_name,
  .cmdc_mp_info_val,
  .cmdc_partner_reason p,
  .log_intl_service_item > p {
    font-size: 14px;
  }
  .cmdc_mineral_number_badge span,
  .apx_svc_card p {
    font-size: 16px;
  }
  .cmdc_strat_items {
    padding-left: 10px;
  }
  .cmdc_strat_item h3,
  .cmdc_approach_item h3 {
    font-size: 18px;
  }
  .cmdc_vision_map_title {
    font-size: 30px;
    line-height: 52px;
  }
  .cmdc_minerals_prov_header h2 {
    width: 70%;
  }
  .cmdc_mp_info_label {
    font-size: 14px;
    width: 120px;
  }
  .cmdc_mp_demand_badge {
    font-size: 14px;
    padding: 2px 15px;
  }
  .cmdc_mp_symbol {
    margin: 14px 0;
    font-size: 50px;
  }
  .cmdc_mp_num_badge span,
  .apx_appr_text p,
  .tlc_stat_card p {
    font-size: 16px;
    line-height: 26px;
  }
  .cmdc_mp_element {
    padding: 20px;
  }
  .cmdc_approach_heading {
    font-size: 50px;
    line-height: 62px;
    margin: 0 0 30px;
  }
  .cmdc_approach_items,
  .cmdc_partner_reasons {
    gap: 30px;
  }
  .cmdc_approach_img_wrap {
    min-height: 445px;
  }
  .cmdc_esg_card {
    padding: 20px;
  }
  .cmdc_esg_header p {
    width: 70%;
  }
  .cmdc_cert_sec .heading h2 {
    width: 80%;
  }
  .cmdc_partner_heading,
  .ree_mat_heading,
  .ree_proc_heading,
  .ree_cta_inner h2,
  .log_strat_heading,
  .log_ocean_heading,
  .log_intl_heading {
    font-size: 50px;
    line-height: 62px;
  }
  .cmdc_partner_subtitle_text {
    width: 100%;
    font-size: 14px;
    margin: 0 0 30px;
  }
  .cmdc_partner_content {
    padding-left: 30px;
  }
  .cmdc_form_note p,
  .cmdc_form_note p a {
    font-size: 14px;
  }
  .tlc_hero_content p {
    width: 90%;
  }
  .tlc_stat_num {
    font-size: 34px;
    line-height: 1;
  }
  .tlc_stat_card {
    min-height: 310px;
    padding: 35px 15px;
  }
  .tlc_mines_row .tlc_mines_text {
    padding-right: 40px;
  }
  .tlc_mines_desc p,
  .log_strat_desc p {
    font-size: 16px;
    line-height: 30px;
  }
  .footer4 .cont_info a br {
    display: none;
  }
  .footer4 {
    width: 40%;
  }
  .tlc_mines_loc_name {
    font-size: 20px;
  }
  .tlc_mines_loc_area {
    font-size: 14px;
  }
  .tlc_mines_loc_card {
    width: 285px;
  }
  .tlc_app_card {
    padding: 20px;
  }
  .tlc_app_icon_wrap {
    width: 52px;
    height: 52px;
    padding: 10px;
  }
  .tlc_app_card h3 {
    font-size: 18px;
    line-height: 26px;
  }
  .tlc_prop_sec .para {
    width: 100%;
  }
  .tlc_prop_text p,
  .ree_mat_desc,
  .ree_mat_desc p,
  .ree_proc_desc,
  .ree_init_text > p,
  .log_ocean_desc,
  .log_intl_desc {
    font-size: 16px;
    line-height: 30px;
  }
  .tlc_prop_text h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .tlc_prop_footer_note {
    width: 70%;
  }
  .tlc_req_gform_wrap .gform_wrapper .gform-footer:before {
    right: 35.5%;
  }
  .tlc_sus_card {
    height: 400px !important;
  }
  .ree_hero_content {
    gap: 15px;
  }
  .ree_hero_desc {
    max-width: 100%;
  }
  .ree_intro_desc {
    font-size: 20px;
    line-height: 34px;
  }
  .ree_element_card {
    height: 400px;
  }
  .ree_element_label {
    font-size: 26px;
    line-height: 34px;
  }
  .ree_mat_images {
    height: 440px;
  }
  .ree_sf_sec .para p br {
    display: none;
  }
  .ree_sf_mineral_img {
    height: 300px;
  }
  .ree_why_card h3 {
    font-size: 20px;
  }
  .ree_why_card p {
    font-size: 16px;
  }
  .ree_proc_content {
    padding-left: 20px;
    gap: 20px;
  }
  .ree_proc_tag {
    padding: 10px 15px;
  }
  .ree_proc_step p {
    font-size: 14px;
    line-height: 22px;
  }
  .ree_proc_steps_row {
    row-gap: 15px;
  }
  .ree_proc_slide {
    height: 680px !important;
  }
  .ree_ind_sec .heading h3 {
    font-size: 110px;
    line-height: 110px;
  }
  .ree_ind_card {
    padding: 20px;
  }
  .ree_ind_symbol {
    font-size: 20px;
  }
  .ree_ind_symbol_wrap {
    padding: 5px 15px;
  }
  .ree_init_heading {
    font-size: 40px;
    line-height: 52px;
  }
  .ree_init_list li {
    font-size: 18px;
    line-height: 32px;
  }
  .ree_init_text {
    gap: 15px;
  }
  .log_ocean_content {
    padding-left: 20px;
  }
  .log_ocean_heading {
    margin-bottom: 15px;
  }
  .log_ocean_desc,
  .log_intl_heading,
  .log_intl_desc {
    margin-bottom: 20px;
  }
  .log_ocean_services_grid {
    gap: 20px;
  }
  .log_ocean_service_text p {
    font-size: 14px;
  }
  .log_land_sec .heading h3 {
    margin-bottom: -100px;
  }
  .log_land_stat_col {
    gap: 20px;
    padding: 0 20px;
  }
  .log_land_stats_row {
    gap: 20px;
  }
  .log_land_stat_desc {
    font-size: 16px;
    line-height: 30px;
  }
  .log_land_stat_value {
    font-size: 50px;
  }
  .log_land_img_wrap img {
    height: 450px;
  }

  .about_hero_content h1 {
    font-size: 80px;
    line-height: 90px;
}

.about_intro_heading h2 {
    font-size: 50px;
    line-height: 62px;
}

.about_intro_desc p {
    font-size: 18px;
    line-height: 30px;
}

.about_mv_sec {
    padding: 0px 0 100px;
}

span.about_watermark {
    font-size: 120px;
}

.about_section_header_inner {
    margin-top: -60px;
}

.about_section_header_inner h2 {
    font-size: 50px;
    line-height: 62px;
}

.about_values_sec {
    padding: 0px 0 100px;
}

.about_policies_sec {
    padding: 0px 0 100px;
}

.about_team_sec {
    padding: 0px 0 100px;
}

.about_ceo_name {
    font-size: 50px;
    line-height: 62px;
}

.about_ceo_img_slide img {
    min-height: 790px;
}


.about_hero_sec {
    height: 600px;
}



.csr_hero_content h1 {
    font-size: 80px;
    line-height: 90px;
}



.csr_hero_subtitle {
    font-size: 18px;
    line-height: 30px;
}

.csr_watermark {
    font-size: 120px;
}

.csr_sec_heading {
    font-size: 50px;
    line-height: 62px;
}

.csr_com_stat_value {
    font-size: 50px;
    line-height: 100px;
}

.csr_com_stat_desc {
    font-size: 16px;
    line-height: 26px;
}

.csr_com_stat_box {
    padding: 0 0px 0 10px;
}

.csr_env_item_desc {
    font-size: 16px;
}

.csr_gov_sec .csr_watermark {
    font-size: 90px;
}

.csr_gov_sec .csr_watermark_wrap {
    margin-bottom: -40px;
}

.csr_hero_sec {
    min-height: 600px;
}



.csr_emp_sec .left-col {
  padding-right: 30px;
}

.csr_emp_sec .right-col {
  padding-left: 30px;
}

.csr_emp_badge_card {
    right: -40px;
}



.news_hero_content h1 {
    font-size: 80px;
    line-height: 90px;
}

.news_hero_subtitle {
    font-size: 18px;
    line-height: 30px;
}

.news_hero_sec {
    height: 600px;
}

.news_watermark {
    font-size: 120px;
}

.news_section_header_inner {
    margin-top: -60px;
}

.news_section_header_inner h2 {
    font-size: 50px;
    line-height: 62px;
}

.news_side_card_content {
    padding: 20px 18px;
}

.news_side_card_title {
    font-size: 20px;
    line-height: 30px;
}

.news_main_card_title {
    font-size: 20px;
    line-height: 30px;
}

.news_main_card_excerpt {
    font-size: 16px;
    line-height: 26px;
}

.news_read_more {
    font-size: 16px;
    line-height: 26px;
}

.news_meta_item {
    font-size: 16px;
}

.news_meta {
    gap: 15px;
}

.news_socials_sec {
    padding: 0px 0 100px;
}

.news_socials_heading {
    font-size: 50px;
    line-height: 62px;
}


.news_social_card_title {
    font-size: 20px;
    line-height: 30px;
}

.news_social_card_excerpt {
    font-size: 16px;
    line-height: 26px;
}

.news_grid_inner {
    grid-template-columns: 1fr 0.85fr;
}

.snews_hero_content h1 {
    font-size: 50px;
    line-height: 62px;
}

.snews_related_heading {
    font-size: 50px;
    line-height: 62px;
}

.snews_related_card_title {
    font-size: 20px;
    line-height: 32px;
}

.snews_related_card_excerpt {
    font-size: 16px;
    line-height: 26px;
}

.snews_meta_item {
    font-size: 16px;
    line-height: 26px;
}

.snews_hero_sec {
    height: 600px;
}



.careers_hero_content h1 {
    font-size: 80px;
    line-height: 90px;
}

.careers_hero_subtitle {
    font-size: 18px;
    line-height: 30px;
}

.careers_intro_heading h2 {
    font-size: 50px;
    line-height: 62px;
}

.careers_intro_desc p {}

.careers_wwu_sec {
    padding: 0px 0 100px;
}

.careers_wwu_heading {
    font-size: 50px;
    line-height: 62px;
}

.careers_wwu_card_title {
    font-size: 20px;
    line-height: 30px;
}

.careers_wwu_card_desc {
    font-size: 16px;
    line-height: 26px;
}

.careers_wwu_card {
    gap: 20px;
}

.careers_apply_sec {
    padding: 0px 0 100px;
}

.careers_apply_heading {
    font-size: 50px;
    line-height: 62px;
}

.careers_hero_sec {
    height: 600px;
}


.loc_hero_content h1 {
    font-size: 80px;
    line-height: 90px;
}

.loc_hero_subtitle p {
    font-size: 18px;
    line-height: 32px;
}

.loc_hero_sec {
    height: 600px;
}


.cu_hero_title {
    font-size: 80px;
    line-height: 90px;
}

.cu_hero_subtitle p {
    font-size: 18px;
    line-height: 32px;
}

.cu_hero_sec {
    height: 600px;
}

.cu_section_watermark {
    font-size: 120px;
    margin-bottom: -40px;
}

.cu_section_heading {
    font-size: 50px;
    line-height: 62px;
}

.cu_contact_img_wrap {
    height: 460px;
}


.mep_hero_content h1 {
    font-size: 80px;
    line-height: 90px;
}

.mep_hero_subtitle {
    font-size: 18px;
    line-height: 30px;
}

.mep_hero_sec {
    height: 600px;
}

.mep_about_heading {
    font-size: 50px;
    line-height: 62px;
}

.mep_stat_value {
    font-size: 60px;
    line-height: 100px;
}

.mep_stat_desc {
    font-size: 16px;
    line-height: 30px;
}

.mep_mining_sec {
    padding: 0px 0 100px;
}

.mep_mining_heading {
    font-size: 50px;
    line-height: 62px;
}

.mep_mining_text {
    padding-left: 20px;
}

.mep_mining_feature_item h3 {
    font-size: 20px;
}

.mep_ops_sec {
    padding: 0px 0 100px;
}

.mep_watermark {
    font-size: 120px;
}

.mep_section_header_inner {
    margin-top: -60px;
}

.mep_section_header_inner h2 {
    font-size: 50px;
    line-height: 62px;
}

.mep_ops_card_title {
    font-size: 20px;
    line-height: 32px;
}

.mep_ops_card_desc {
    font-size: 16px;
    line-height: 26px;
}

.mep_ops_card_feature_item p {
    font-size: 16px;
    line-height: 26px;
}

.mep_ops_card_features {
    gap: 12px;
}

.mep_cert_heading {
    font-size: 50px;
    line-height: 62px;
}

.mep_cert_title {
    font-size: 20px;
    line-height: 30px;
}

.mep_logistics_heading {
    font-size: 50px;
    line-height: 62px;
}



.mep_resp_sec {
    padding: 0px 0 100px;
}

.mep_resp_item h3 {
    font-size: 20px;
    line-height: 32px;
}

.mep_resp_items {
    gap: 30px;
}

.mep_resp_img_wrap {
    min-height: 400px;
    height: 400px;
}

.mep_comp_card_title {
    font-size: 20px;
    line-height: 32px;
}

.mep_comp_card_desc {
    font-size: 16px;
    line-height: 26px;
}

.mep_solutions_heading {
    font-size: 48px;
    line-height: 62px;
}

.mep_solutions_text {
    padding-right: 0px;
}

.mep_solutions_feature_item h3 {
    font-size: 20px;
    line-height: 32px;
}

.mep_solutions_features {
    gap: 30px;
}

.mep_solutions_img_wrap {
    min-height: 560px;
    height: 560px;
}

.mep_cta_content h2 {
    font-size: 50px;
    line-height: 62px;
}


.qc_hero_content h1 {
    font-size: 80px;
    line-height: 90px;
}

.qc_hero_sec {
    height: 600px;
}

.qc_hero_content p {
    font-size: 18px;
    line-height: 32px;
}

.qc_standards_text h2 {
    font-size: 50px;
    line-height: 62px;
}

.qc_standards_img_wrap {
    min-height: 450px;
    height: 450px;
}

.qc_lab_sec {
    padding: 0px 0 100px;
}

.qc_lab_watermark {
    font-size: 120px;
    margin-bottom: -40px;
}

.qc_lab_header_inner h2 {
    font-size: 50px;
    line-height: 62px;
}

.qc_lab_item_title {
    font-size: 20px;
}

.qc_batch_sec {
    padding: 0px 0 100px;
}

.qc_batch_text h2 {
    font-size: 50px;
    line-height: 62xp;
}

.qc_iso_sec {
    padding: 0px 0 120px;
}


.sus_hero_content h1 {
    font-size: 80px;
    line-height: 90px;
}

.sus_hero_content p {
    font-size: 18px;
    line-height: 30px;
}

.sus_hero_sec {
    height: 600px;
}

.sus_commit_watermark {
    font-size: 120px;
    margin-bottom: -40px;
}

.sus_commit_header_inner h2 {
    font-size: 50px;
    line-height: 62px;
}

.sus_commit_card_desc p {
    font-size: 16px;
    line-height: 26px;
}


.sus_commit_card {
    gap: 20px;
}

.sus_csr_sec {
    padding: 0px 0 100px;
}

.sus_csr_text h2 {
    font-size: 50px;
    line-height: 62px;
}

.sus_csr_para {
    margin-bottom: 12px;
}

.sus_csr_grid_item {
    gap: 8px;
    padding: 6px 0;
}

.sus_csr_grid {
    gap: 15px;
    margin-top: 20px;
}

.sus_ghg_heading {
    font-size: 50px;
    line-height: 62px;
}

.sus_ghg_card_title {
    font-size: 20px;
    line-height: 32px;
}

.sus_ghg_card_desc p {
    font-size: 16px;
    line-height: 26px;
}

.sus_ghg_sec {
    padding: 100px 0;
}

.sus_coc_watermark {
    font-size: 120px;
}

.sus_coc_header_inner h2 {
    font-size: 50px;
    line-height: 62px;
}

.sus_coc_row_title {
    font-size: 20px;
    line-height: 32px;
}

.sus_coc_row_para p {
    font-size: 16px;
    line-height: 26px;
}

.sus_coc_sec {
    padding: 100px 0px !important;
}

.sus_esg_sec {
    padding: 100px 0;
}

.sus_esg_watermark {
    font-size: 120px;
    margin-bottom: -40px;
}

.sus_esg_header_inner h2 {
    font-size: 50px;
    line-height: 62px;
}

.sus_esg_card_title {
    font-size: 20px;
    line-height: 32px;
}

.sus_esg_card_desc p {
    font-size: 16px;
    line-height: 26px;
}

.sus_esg_card {
    gap: 20px;
}

.sus_strategy_sec {
    padding: 100px 0;
}

.sus_strategy_text h2 {
    font-size: 50px;
    line-height: 62px;
}

.sus_strategy_item_title {
    font-size: 20px;
}

.sus_strategy_item_desc p {}

.sus_cert_sec {
    padding: 0px 0 100px;
}

.sus_cert_text h2 {
    font-size: 50px;
    line-height: 62px;
}

.sus_cert_col_title {
    font-size: 20px;
    line-height: 32px;
}

.sus_cert_item_text {
    font-size: 16px;
    line-height: 26px;
}

.sus_excellence_sec {
    padding: 100px 0;
}

.sus_excellence_watermark {
    font-size: 120px;
    margin-bottom: -40px;
}

.sus_excellence_heading {
    font-size: 50px;
    line-height: 62px;
}

.sus_excellence_card_title {
    font-size: 20px;
    line-height: 32px;
}

.sus_excellence_card_sub {
    font-size: 16px;
    line-height: 26px;
}

.sus_excellence_card {
    gap: 16px;
}



}

@media (max-width: 1440px) {
  section.hero_sec .content {
    margin-top: 100px;
  }
  .dc_watermark {
    font-size: 120px;
  }
  .dc_section_header_inner h2,
  .dc_builders_main_heading,
  .dc_adv_heading,
  .dc_cta_content h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .dc_cons_banner {
    height: 500px;
  }
  .sos_brand_item {
    max-width: 260px;
    height: 136px;
    padding: 0px;
  }
  .cmdc_strat_sec .heading h3 {
    font-size: 110px;
    line-height: 110px;
  }
  .cmdc_minerals_prov_header h2 {
    width: 60%;
  }
  .ree_element_label {
    font-size: 22px;
    line-height: 32px;
  }
  .ree_ind_sec .heading h3 {
    font-size: 95px;
    line-height: 95px;
    margin-bottom: -90px;
  }
  .log_land_sec .heading h3 {
    margin-bottom: -90px;
    font-size: 100px;
    line-height: 100px;
  }
  .inner_banner {
    min-height: 600px;
    height: 600px;
  }
}

@media (max-width: 1199px) {
  .dc_hero_sec {
    height: 580px;
  }
  .dc_hero_content h1 {
    font-size: 64px;
  }
  .dc_watermark {
    font-size: 90px;
  }
  .dc_section_header_inner h2,
  .dc_builders_main_heading,
  .dc_adv_heading,
  .dc_cta_content h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .dc_cons_banner {
    height: 520px;
  }
  .dc_builders_img_wrap img {
    min-height: 480px;
  }
}

@media (max-width: 991px) {
  .dc_hero_sec {
    height: 480px;
  }
  .dc_hero_content h1 {
    font-size: 48px;
  }
  .dc_watermark {
    font-size: 64px;
  }
  .dc_section_header_inner h2,
  .dc_builders_main_heading,
  .dc_adv_heading,
  .dc_cta_content h2 {
    font-size: 36px;
    line-height: 46px;
  }
  .dc_builders_content {
    padding-left: 0;
    margin-top: 30px;
  }
  .dc_adv_content {
    padding-right: 0;
    margin-bottom: 40px;
  }
  .dc_cons_banner {
    height: 420px;
  }
  .dc_cons_banner_text h3 {
    font-size: 24px;
  }
  .dc_features_grid {
    grid-template-columns: 1fr;
  }
  .dc_dev_sec,
  .dc_builders_sec,
  .dc_cons_sec,
  .dc_adv_sec {
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .mm,
  #mm {
    display: block;
  }
  #primary-menu {
    display: none;
  }
  .dc_hero_sec {
    height: 380px;
  }
  .dc_hero_content h1 {
    font-size: 36px;
    line-height: 46px;
  }
  .dc_hero_content p {
    font-size: 16px;
    line-height: 26px;
  }
  .dc_watermark {
    font-size: 44px;
  }
  .dc_section_header_inner h2,
  .dc_builders_main_heading,
  .dc_adv_heading,
  .dc_cta_content h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .dc_dev_card {
    min-height: 280px;
  }
  .dc_builders_img_wrap img {
    min-height: 300px;
  }
  .dc_cons_banner {
    height: 300px;
  }
  .dc_cons_banner_text {
    bottom: 24px;
    left: 24px;
    right: 24px;
  }
  .dc_cons_banner_text h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .dc_cons_banner_text p {
    font-size: 15px;
    line-height: 26px;
  }
  .dc_adv_img_wrap,
  .dc_adv_img_wrap > img {
    min-height: 360px;
  }
  .dc_adv_badge_card {
    flex-direction: column;
  }
  .dc_feature_text h4 {
    white-space: normal;
  }
  .dc_dev_sec,
  .dc_builders_sec,
  .dc_cons_sec,
  .dc_adv_sec,
  .dc_cta_sec {
    padding: 50px 0;
  }
}

@media (max-width: 576px) {
  .dc_hero_content h1 {
    font-size: 28px;
    line-height: 38px;
  }
  .dc_watermark {
    font-size: 34px;
  }
  .dc_section_header_inner h2,
  .dc_builders_main_heading,
  .dc_adv_heading,
  .dc_cta_content h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .dc_features_grid {
    gap: 16px;
  }
}