/*@charset "utf-8";
/*..............embedded fonts..............*/ 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: 'Frutiger Std';
    src: url('../fonts/FrutigerLTStd-Black.eot');
    src: url('../fonts/FrutigerLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrutigerLTStd-Black.woff2') format('woff2'),
        url('../fonts/FrutigerLTStd-Black.woff') format('woff'),
        url('../fonts/FrutigerLTStd-Black.ttf') format('truetype'),
        url('../fonts/FrutigerLTStd-Black.svg#FrutigerLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger Std';
    src: url('../fonts/FrutigerLTStd-Bold.eot');
    src: url('../fonts/FrutigerLTStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrutigerLTStd-Bold.woff2') format('woff2'),
        url('../fonts/FrutigerLTStd-Bold.woff') format('woff'),
        url('../fonts/FrutigerLTStd-Bold.ttf') format('truetype'),
        url('../fonts/FrutigerLTStd-Bold.svg#FrutigerLTStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger Std Light';
    src: url('../fonts/FrutigerLTStd-Light.eot');
    src: url('../fonts/FrutigerLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrutigerLTStd-Light.woff2') format('woff2'),
        url('../fonts/FrutigerLTStd-Light.woff') format('woff'),
        url('../fonts/FrutigerLTStd-Light.ttf') format('truetype'),
        url('../fonts/FrutigerLTStd-Light.svg#FrutigerLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger Std';
    src: url('../fonts/FrutigerLTStd-Roman.eot');
    src: url('../fonts/FrutigerLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrutigerLTStd-Roman.woff2') format('woff2'),
        url('../fonts/FrutigerLTStd-Roman.woff') format('woff'),
        url('../fonts/FrutigerLTStd-Roman.ttf') format('truetype'),
        url('../fonts/FrutigerLTStd-Roman.svg#FrutigerLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ===============================
  GLOBAL TOKENS
================================ */

:root {
  --brand-primary: #C41230;
  --brand-secondary: #526A7E;

  --color-body: #1A1A1A;
  --color-white: #FFFFFF;
  --color-black: #000000; 

  --color-red: #BD3033;

  --color-gray-dark: #C5C5C5;
  --color-gray-medium: #F3F3F3;
  --color-gray-light: #F5F5F5; 

  --font-family-primary: 'Frutiger Std';
  --font-family-secondary: 'Frutiger Std';

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --fw-extra-bold: 800;

  --f-size-XXXL: 50px;
  --f-size-XXL: 50px;
  --f-size-XL: 30px;
  --f-size-L: 24px;
  --f-size-M: 20px;
  --f-size-S: 16px;
  --f-size-XS: 14px; 
  --f-size-XXS: 12px;
  --f-size-XXXS: 10px;
  --f-size-22: 22px;
  --f-size-18: 18px;
  --f-size-40: 40px;

  --common-transition: all 0.3s ease; 

}

body { 

  /* HEADING VARIABLES */
  --tm-heading-color: var(--brand-primary);

  /* HEADER VARIABLES (GLOBAL NOW) */
  --tm-header-bg: var(--color-white);
  --tm-header-bdr-color: var(--color-gray-dark);
  --tm-header-action: var(--brand-primary);
  --tm-menu-color: var(--color-black);

  /* Hero content section */
  --tm-about-bg: var(--color-black);
  --tm-about-max-width: 620px;
  --tm-about-text: var(--color-red); 

  /* Home Zigzag Section */
  --tm-sec-heading: var(--color-black);
  --tm-lm-color: var(--color-black);
  --tm-lm-color-2: var(--color-black);

  --arrow-icon: url(../images/arrow.svg);
  --arrow-icon-2: url(../images/b-arrow.svg);
  --arrow-icon-3: url(../images/black-arrow.svg);
  
  /* News Grid Section */
  --tm-news-bg: var(--brand-primary);

  /* Home Product Section */
  --tm-product-head: var(--brand-primary);

  /* inner banner */
  --tm-inner-ban-heading:var(--color-red);

  /* Tab Section */
  --tm-tab-btn: var(--brand-primary); 
  --tm-swiper-dots: var(--brand-secondary);
  
  /* Contact Page */
  --tm-black-innertext: var(--color-black); 

  /* Product Page */
  --tm-product-badge: var(--color-black);

  /* History Page */
  --tm-history-heading: var(--color-black);

  /* Footer Variables */
  --tm-footer-bg: var(--color-white);
  --tm-ftr-form-dec:var(--color-black);
  --tm-ftr-form-bg: var(--color-gray-medium);
  --tm-footer-text-color: var(--color-black);
  --tm-newsletter-border: var(--color-black); 

}



/*..............common styles..............*/
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--font-family-primary); font-size: var(--f-size-S); font-weight: 400; color:var(--color-body); }
h1, h2, h3, h4, h5, h6 {  margin:0 0 20px; padding:0; color: var(--tm-heading-color); font-family: var(--font-family-secondary); line-height: 1.4; }
h1{ font-size: var(--f-size-XXXL); /* 50px */ } 
h2{ font-size: var(--f-size-XXL); /* 50px */  font-weight: 700;} 
h3{ font-size: var(--f-size-XL); /* 30px */ }
h4{ font-size: var(--f-size-L); /* 24px */ }
h5{ font-size: var(--f-size-M); /* 20px */ }
h6{ font-size: var(--f-size-S); /* 16px */ } 
.fz-22{ font-size: var(--f-size-22); }

p{ margin:0 0 20px; line-height: 1.4; }
p:last-child { margin-bottom: 0; }
p strong { font-weight: 600; }

img{ max-width: 100%; user-select: none; -webkit-user-drag: none; }
figure { margin: 0; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--brand-primary); outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}
 
.form-control { border: 0; border-radius: 0; height: 43px; box-shadow: 4px 4px 4px 0px #00000024; padding: 8px 24px; font-weight: 300; font-size: var(--f-size-18);} 
.with-border .form-control { border: 2px solid #E6E6E6; box-shadow: none !important; height: 47px; } 
select { background: url(../images/arrow-btm.svg); background-repeat: no-repeat !important; background-position: right 12px center !important; padding: 8px 48px 8px 24px; appearance: none; -webkit-appearance: none; background-size: 12px !important; }
.form-group { margin-bottom: 26px; }
textarea.form-control {  min-height: 133px; resize: none;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; appearance: textfield; }


/*..............common styles..............*/
.common-padd { padding-top: 100px; padding-bottom: 100px; } 
.common-padd-bottom {  padding-bottom: 100px; } 
.common-padd-top {  padding-top: 100px; } 

.common-padd-small { padding-top: 60px; padding-bottom: 60px; }
.common-padd-small-bottom { padding-bottom: 60px; }
.common-padd-small-top { padding-top: 60px; }

.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }

/* width */
::-webkit-scrollbar {width: 8px; height: 4px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 2px var(--brand-primary); }
 
/* Handle */
::-webkit-scrollbar-thumb {background: var(--brand-primary); border-radius: 10px; }
/*..............common styles..............*/


/* HEADER */ 
.main-header { background: var(--tm-header-bg); border-bottom: 1px solid var(--tm-header-bdr-color); padding-left: 5%; position: relative; z-index: 9; }
.main-header .header-flex-wrapper { display: flex; align-items: center; justify-content: space-between; }
.main-header .logo { max-width: 236px; }
.main-header .header-rt { display: flex; align-items: center; }

.main-header .main-menu ul { display: flex; gap: 36px; list-style: none; margin: 0; padding: 0; margin-right: 40px; }
.main-header .main-menu ul li a { color: var(--tm-menu-color); font-size: var(--f-size-S);  transition: var(--common-transition); position: relative;}
.main-header .main-menu ul li:hover a, .main-header .main-menu ul li.current-menu-item a, .main-menu ul li.current-menu-ancestor a{ color: var(--brand-primary); }

.main-header .header-action { width: 100px; height: 100px; background: var(--tm-header-action); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.main-header .header-action span { color: var(--color-white); font-size: 70px; font-weight: var(--fw-extra-bold); font-family: var(--font-family-secondary); }

/* MAIN SUB MENU */
.main-menu{ position: relative;}
.main-menu ul li.menu-item-has-children { z-index: 1; position: relative;}
.main-menu ul li.menu-item-has-children>a {padding-right: 23px; }  
.main-menu ul li.menu-item-has-children a { opacity: 1; content: ""; width: 100%; } 
.main-menu ul li.menu-item-has-children>a:after { -webkit-transition: var(--common-transition); -moz-transition: var(--common-transition); -ms-transition: var(--common-transition); -o-transition: var(--common-transition); transition: var(--common-transition); content: ""; position: absolute; top: 34%; box-sizing: border-box; height: 9px; width: 9px; border-style: solid; border-color: var(--color-white); border-width: 0px 2px 2px 0px; transform: rotate(45deg) translate(0, -50%); transition: border-width 150ms ease-in-out; -webkit-transition: var(--common-transition); -moz-transition: var(--common-transition); -ms-transition: var(--common-transition); -o-transition: var(--common-transition); transition: var(--common-transition); right: 7px; margin: 0 auto; } 
.main-menu ul li.menu-item-has-children>a:after { border-color: var(--tm-menu-color); }

/* .main-menu ul li ul.sub-menu li a::before{ opacity: 0; content: ""; width: 0%; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 10px;-webkit-transition: var(--common-transition); -moz-transition: var(--common-transition); -ms-transition: var(--common-transition); -o-transition: var(--common-transition); transition: var(--common-transition);}   */
/* .main-menu ul li ul.sub-menu li a::before { background-color: var(--brand-primary) !important; top: 55%; width: 0 !important; left: 0; } */

.main-menu ul.sub-menu li a:after{display: none!important;}
.main-menu ul.sub-menu { position: absolute; width: 280px; display: block; margin-top: 0; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu ul.sub-menu li { margin: 0!important; padding: 0 }
.main-menu ul li .sub-menu li a { color: #231F20 !important; padding: 5px 0; display: inline-block; }
header .main-menu ul .sub-menu { position: absolute; left: 50%; top: 100%; transform-origin: 50% 0; transform: scaleY(0) translateZ(0) translateX(-50%); opacity: 0; transition: transform 0.3s, opacity 0.3s; width: 250px; overflow: hidden; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset; margin: 0 !important; }
header .main-menu ul .sub-menu li { display: block; position: relative; padding: 0px 20px; cursor: pointer; background-color: #FFFFFF; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
header .main-menu ul .sub-menu li:first-child{padding-top: 10px;border-radius: 10px 10px 0 0;}
header .main-menu ul .sub-menu li:last-child{padding-bottom: 10px;}

/* .main-menu ul li ul.sub-menu li a:hover::before { width: 20px !important; opacity: 1; } */
.main-menu ul li ul.sub-menu li a:hover{ color: var(--brand-primary) !important; }

header .main-menu ul li:hover:hover{ cursor: pointer;}
header .main-menu ul li:hover>a::after{ border-color: var(--brand-primary);}
header .main-menu ul li:hover ul {padding-top: 5px;box-shadow: 0px 4px 10px 0px #00000014;opacity: 1; transform: scaleY(1) translateZ(0) translateX(-50%); visibility: visible; display: unset; transition: transform 0.3s, opacity 0.3s ease-out; }

.main-header .main-menu ul li.menu-item-has-children>a:hover::after , .main-header .main-menu ul li.current-menu-item.menu-item-has-children>a::after, .main-menu ul li.current-menu-ancestor a::after { border-color: var(--brand-primary); }

/* HERO SECTION */
.hero-section { height: auto; min-height: calc(100dvh - 101px); flex-direction: column; display: flex; justify-content: flex-end; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.hero-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.81) 29.44%, rgba(102, 102, 102, 0) 100%); }

.hero-section .container { padding-top: 60px; padding-bottom: 60px; position: relative; max-width: 1170px; }
.hero-title h1 { color: var(--color-white); font-weight: 400; margin: 0 0 20px; font-family: var(--font-family-secondary); }
.hero-card p { color: var(--color-white);  margin: 0 0 5px; } 
.hero-card span { color: var(--color-white);  margin: 0 0 14px; display: block; font-size: 10px; font-family: var(--font-family-secondary); }
.hero-card a.read-more { color: var(--color-white);  font-size: 14px; display: inline-block; transition: var(--common-transition); gap: 10px; }

.hero-section .hero-card .arrow-btn { color: var(--color-white) !important; }
.hero-section .hero-card .arrow-btn::after{ filter: brightness(0) invert(1);}
.hero-section .hero-card .arrow-btn::after { filter: brightness(0) invert(1); width: 20px; height: 20px; }

.home-ban-video video.banner-video { width: 100%; height: 100%; object-fit: cover; }
.home-ban-video { position: absolute; z-index: -1; inset: 0; }

/* .hero-banner-image { width: 100%; height: 100%; position: absolute; z-index: -1; background-size: cover; background-position: center; } */

/* HERO CONTENT SECTION */
.hero-about-section { background: var(--tm-about-bg); }
.hero-about-section h2 { margin: 0 0 16px; color: var(--tm-about-text); }
.hero-about-section p { color: var(--color-white); max-width: var(--tm-about-max-width); margin: 0 auto; font-size: var(--f-size-M); }
.hero-about-section p a{color: var(--color-white); text-decoration: underline;}


/* HOME ZIGZAG SECTION */
.home-zigzag-section .zigzag-row:not(:last-child) { margin-bottom: 50px; } 
.home-zigzag-section .zigzag-row:nth-child(even) { flex-direction: row-reverse; }

.arrow-btn {  display: flex; align-items: center; font-size: var(--f-size-XS); gap: 10px; transition: var(--common-transition); color: var(--tm-lm-color) !important; width: max-content; background: transparent; border: 0; }
.arrow-btn::after { content: ''; width: 30px; height: 30px; background-image: var(--arrow-icon); background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; transition: var(--common-transition); }
.arrow-btn:hover::after { transform: translateX(5px); }

/* pradipta */
.hm-projects-section { background-color: var(--color-gray-light); }
.custom-tabs { gap: 10px; flex-wrap: wrap; border-bottom: none; max-width: 770px; margin-bottom: 30px; }
.custom-tabs .nav-link { border-radius: 7px; border: 1px solid var(--tm-tab-btn); padding: 8px 12px; font-size: var(--f-size-XS); color: var(--tm-tab-btn); background: transparent; transition: 0.3s; cursor: pointer;}
.custom-tabs .nav-link:hover { background: var(--tm-tab-btn); color: var(--color-white); }
.custom-tabs .nav-link.active { background: var(--tm-tab-btn); color: var(--color-white); }



.hm-projects-section .slider-project-card { position: relative; padding-right: 17%; }

.project-slider { max-width: 83.33333333%; margin: 0; }
.project-slide-img, .project-slide-img img { width: 100%; }
.project-slide-img { position: relative; padding-bottom: 56%; } 
.project-slide-img img { position: absolute; height: 100%; inset: 0; object-fit: cover; }

.slide-card { position: absolute; bottom: 85px; right: 0; z-index: 1; background: var(--color-white); padding: 70px 45px 30px; width: 100%; max-width: 389px; }
.slide-card h3 {  margin-bottom: 45px; }

.project-slider-wrapper { margin-bottom: 50px; }
.hm-projects-section .swiper-pagination { bottom: -50px !important;  }
.hm-projects-section .swiper-pagination-bullet { width: 20px; height: 20px; background: transparent; border: 2px solid var(--tm-swiper-dots); } 
.hm-projects-section .swiper-pagination-bullet-active { background: var(--tm-swiper-dots); }


.project-tab-list { display: flex; flex-wrap: wrap; gap: 12px; }
.project-tab-list .tab-item { flex-shrink: 0; }

.hm-projects-section .swiper-slide-thumb-active .nav-link, .custom-tabs .nav-link.active-tab{ background: var(--tm-tab-btn); color: var(--color-white);}





.theme-nacg .hm-projects-section .swiper-pagination-bullet { opacity: 1 !important; }


/* NEWS GRID SECTION */
.news-heading{margin-bottom: 20px;}
.sec-heading-left h2 { margin: 0 0 20px;  color: var(--tm-sec-heading); }
.news-grid-section { background-color: var(--color-gray-light); }

.news-card-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; height: 100%;}
.news-grid-1 { grid-area: 1 / 1 / 5 / 3; }
.news-grid-2 { grid-area: 1 / 3 / 3 / 4; }
.news-grid-3 { grid-area: 3 / 3 / 5 / 4; }
.news-grid-4 { grid-area: 1 / 4 / 2 / 5; }
.news-grid-5 { grid-area: 2 / 4 / 3 / 5; }
.news-grid-6 { grid-area: 3 / 4 / 4 / 5; }
.news-grid-7 { grid-area: 4 / 4 / 5 / 5; }

.news-heading { display: flex; align-items: center; justify-content: space-between; } 
.news-heading .view-btn { font-weight: 600; display: none;}
.news-card-image { padding: 0 0 75%; position: relative; overflow: hidden; }
.news-card-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.news-card-inner { padding: 15px; background-color: var(--color-white); height: 100%; display: flex; flex-direction: column; min-height: 175px;}
.news-card-content { background-color: var(--tm-news-bg); padding: 20px; }
.news-card-content * { color: var(--color-white); }
.news-card-content h5 { margin-bottom: 7px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; } 
.news-card-content h3 { margin-bottom: 0; }
.news-card-dec { padding:20px; }
.news-card-dec p { margin-bottom: 0; font-size: var(--f-size-18); }
.news-card-date {  display: block; margin-bottom: 10px; }


.news-card-inner .arrow-btn-2 { margin-left: 20px; margin-top: auto; font-weight: 700;}
.arrow-btn-2 {  display: flex; align-items: center; gap: 5px; transition: var(--common-transition); color: var(--tm-lm-color-2) !important; font-size: var(--f-size-XS); width: max-content; background: transparent; border: 0;}
.arrow-btn-2::after { content: ''; width: 16px; height: 16px; background-image: var(--arrow-icon-2); background-repeat: no-repeat; background-size: contain; background-position: center; transition: var(--common-transition); }
.arrow-btn-2:hover::after { transform: translateX(5px); }



/* ---------- Slider mechanics ---------- */
.news-viewport { overflow: hidden; position: relative; }
.news-track { display: flex;  transition: transform  0.6s cubic-bezier(0.65, 0, 0.35, 1); will-change: transform;}
.news-slide { flex:0 0 100%; }
.news-slide:not(:last-child){ padding-right: 15px;}
.news-grid-box-holder .nav-arrow { padding: 0; border: 0; background: transparent; width: 40px; height: 40px; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); right: -8%; }

@media only screen and ( min-width:992px ){

  .news-card-wrapper .news-card:not(:first-child) .news-card-image { padding: 0 0 56%; position: relative; overflow: hidden; }
  .news-card-wrapper .news-card:not(:first-child) .news-card-content { padding: 10px 18px; }
  .news-card-wrapper .news-card:not(:first-child) .news-card-content h3 { font-size: 14px;  }
  .news-card-wrapper .news-card:nth-last-child(-n+4) .news-card-content h3{ font-size: var(--f-size-S);}
  .news-card-wrapper .news-card:not(:first-child) .news-card-content h5 { font-size: var(--f-size-XXXS); margin-bottom: 4px; }
  .news-card-wrapper .news-card:not(:first-child) .news-card-dec { padding: 10px 18px; }
  .news-card-wrapper .news-card:not(:first-child) .news-card-dec .news-card-date { font-size: var(--f-size-XXXS);  }
  .news-card-wrapper .news-card:not(:first-child) .news-card-inner .arrow-btn-2 { font-size: var(--f-size-XS); margin-left: 18px;}
  .news-card-wrapper .news-card:not(:first-child) .news-card-dec p { font-size: var(--f-size-XS); }

  .news-card-wrapper .news-card:nth-last-child(-n+4) .news-card-image { display: none; }
  .news-card-wrapper .news-card:nth-last-child(-n+4) .news-card-content { padding: 0 !important; background-color: transparent; }
  .news-card-wrapper .news-card:nth-last-child(-n+4) .news-card-content * { color: var(--color-black); }
  .news-card-wrapper .news-card:nth-last-child(-n+4) .news-card-dec { padding: 7px 0; }
  .news-card-wrapper .news-card:nth-last-child(-n+4) .news-card-inner .arrow-btn-2 { margin-left: 0; }

  .news-grid-box-holder .news-slide:not(:first-child) .news-card-wrapper{ display:grid; grid-template-rows:repeat(4, auto); grid-auto-flow:column; gap:15px;}
  .news-grid-box-holder .news-slide:not(:first-child) .news-card-wrapper .news-card-image{ display: none;}
  .news-grid-box-holder .news-slide:not(:first-child) .news-card-wrapper .news-card-content{padding: 0 !important; background-color: transparent;}
  .news-grid-box-holder .news-slide:not(:first-child) .news-card-wrapper .news-card-content *{ color: var(--brand-secondary);}
  .news-grid-box-holder .news-slide:not(:first-child) .news-card-content h5{ font-size: var(--f-size-XXXS); margin-bottom: 4px;}
  .news-grid-box-holder .news-slide:not(:first-child) .news-card-content h5 span{ display: inline-block; color: red !important; margin-right: 10px; font-size: 14px;}
  .news-grid-box-holder .news-slide:not(:first-child) .news-card-content h3{ font-size: var(--f-size-S);}
  .news-grid-box-holder .news-slide:not(:first-child) .news-card-dec { padding: 7px 0; }
  .news-grid-box-holder .news-slide:not(:first-child) .news-card-inner .arrow-btn-2 { font-size: var(--f-size-XS); margin-left: 0; }
}




/* HOME PAGE PRODUCT CARD */
.hm-product-card { background-color: var(--color-gray-light); height: calc(100% - 66px); margin-bottom: 66px; display: flex; flex-direction: column; }
.hm-product-card-image { padding: 0 0 73%; position: relative; overflow: hidden; display: block; }
.hm-product-card-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.hm-product-card-head { height: 80px; padding: 5px 20px; background-color: var(--tm-product-head); display: flex; align-items: center; }
.hm-product-card-head * { margin: 0; color: var(--color-white); }
.hm-product-card-dec { padding: 20px; display: flex; flex-direction: column; flex-grow: 1;}
.hm-product-card-dec p { margin: 0 0 24px; }
.hm-product-card-dec .arrow-btn { margin-top: auto; }
.arrow-btn.small::after { width: 20px; height: 20px; }



/* INDIGENOUS PARTNERSHIP SECTION */
.indigenous-partnership-section { background: var(--brand-secondary); color: var(--color-white); } 
.indigenous-partnership-section h4 { color: var(--color-white);  }
.indigenous-partnership-section .arrow-btn::after { width: 20px; height: 20px; }

.indigenous-partnership-img { width: calc(50vw - 12px); }
.indigenous-partnership-img img { width: 100%; height: 100%; object-fit: cover; }
.indigenous-partnership-img .video-box img { width: 100%; height: 100%; object-fit: cover; position: absolute; }
.custom-video-box .video-thumbnail { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.partnership-logos { display: flex; align-items: center; gap: 30px; margin: 0 0 30px; }
.partnership-logos a.logo-item { max-width: 150px; }
 
.theme-nacg .indigenous-partnership-section .arrow-btn { color: var(--color-white) !important; text-transform: uppercase; }   
.theme-nacg .indigenous-partnership-section .arrow-btn::after { filter: brightness(0); width: 24px; height: 24px; }


/* STOCK SECTIONS */
.stock-main-wrap { width: max-content; margin: 0 auto; }
.stock-bar { display: flex; justify-content: center; gap: 20px 100px; }
.stock-item { display: flex; gap: 10px; align-items: baseline; padding-bottom: 24px; border-bottom: 1px solid #1A1A1A; }
.stock-item .stock-title { font-size: var(--f-size-L);  font-family: var(--font-family-secondary); }

.stock-meta { display: flex; gap: 20px; font-weight: var(--fw-light); font-family: 'Sonny Vol 2 Book';}
.stock-time { position: relative; }
.stock-time::before { content: ''; position: absolute; width: 6px; height: 6px; background: #4EB239; border-radius: 50px; left: -10px; top: calc(50% - 3px); }
 
.stock-price { display: flex; gap: 10px; align-items: flex-end; }
.stock-price-wrap {font-size: var(--f-size-18); font-family: var(--font-family-secondary); }
.stock-price-wrap sub { bottom: 0; font-size: var(--f-size-XXXS); }

.price-status { background: var(--color-gray-light); padding: 5px 24px 5px 14px; border-radius: 5px; line-height: 1.2; font-size: var(--f-size-XS); font-weight: var(--fw-light); position: relative; font-family: var(--font-family-secondary); font-family: 'Sonny Vol 2 Book';}
.price-status::after { content: ''; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent; border-right: 4px solid transparent; top: calc(50% - 4px); right: 12px; }
.price-status.green::after { border-bottom: 6px solid #4EB239;  top: calc(50% - 10px); }
.price-status.red::after { border-top: 6px solid #FF0000;  top: calc(50% - 4px); }

.stock-dec { font-size: var(--f-size-XS); font-weight: var(--fw-light); position: relative; font-family: var(--font-family-secondary); text-align: right; margin: 20px 0 0;font-family: 'Sonny Vol 2 Book'; }


/* FOOTER NEWSLETTER SECTION */
.footer-newsletter-section { background: var(--tm-ftr-form-bg); padding: 60px 0; }

.footer-newsletter-content { max-width: 380px; }
.footer-newsletter-content h4 { margin-bottom: 8px; color: var(--tm-ftr-form-dec);  }
.footer-newsletter-content p { font-size: var(--f-size-18); color: var(--tm-ftr-form-dec); } 

.footer-newsletter-form { display: flex; flex-direction: column; gap: 10px; }
.footer-newsletter-form label { font-size: var(--f-size-XXS); font-weight: var(--fw-regular); color: var(--tm-footer-text-color); font-family: var(--font-family-secondary); }

.footer-newsletter-input-wrap input:not([type="submit"]) { width: 100%; border: none; border-bottom: 1px solid var(--tm-newsletter-border); margin-bottom: 24px; background: transparent; height: 40px; outline: none; box-shadow: none; }
.footer-newsletter-input-wrap .newsletter-btn { display: inline-block; background: var(--brand-primary); color: var(--color-white); border: none; border-radius: 7px; padding: 6px 16px; cursor: pointer; transition: var(--common-transition); }
.footer-newsletter-input-wrap .newsletter-btn:hover { background: var(--color-black); }

 
/* FOOTER SECTION */
.site-footer { background: var(--tm-footer-bg); padding: 100px 0 50px; }   
.footer-nav-col h6 { color: var(--tm-footer-text-color);  margin-bottom: 10px; }

.footer-nav-col ul { list-style: none; padding: 0; margin: 0; }
.footer-nav-col ul li { margin-bottom: 12px; }
.footer-nav-col ul li a { color: var(--tm-footer-text-color); font-size: var(--f-size-XS); display: inline-block; }
.footer-nav-col ul li a:hover { color: var(--brand-primary); }


.footer-bottom-row { display: flex; align-items: center; justify-content: space-between; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--tm-newsletter-border); gap: 20px; flex-wrap: wrap; }
.footer-bottom-left { color: var(--tm-footer-text-color); font-size: var(--f-size-XS); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.footer-bottom-left a { color: var(--tm-footer-text-color); }
.footer-bottom-left a:hover { color: var(--brand-primary); }

.footer-social-links { display: flex; align-items: center; gap: 16px; } 
.footer-social-links a { color: var(--tm-footer-text-color); font-size: var(--f-size-M); }
.footer-social-links a:hover { color: var(--brand-primary);  }




/*--------Page==Heavy Construction & Mining Services --------*/
.hero-section.inner-banner-section{ min-height: 695px; position: relative;}
.hero-section.inner-banner-section .container{max-width: 1320px;}
.hero-section.inner-banner-section:before{position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.51) 29.44%, rgba(102, 102, 102, 0) 100%); inset: 0;}
.inner-banner-section .inner-banner-title{ width: fit-content; background: var(--tm-inner-ban-heading ); padding: 16px 22px 14px 29px;}
.inner-banner-section .inner-banner-title h1{ margin-bottom: 0; color: var(--color-white); font-family: var(--font-family-primary); line-height: 1; }

.hc-exp-content h2 { font-weight: 700; margin-bottom: 24px; }
.hc-exp-img { max-width: 486px; margin-left: auto; }
.hc-exp-img figure { position: relative; padding-bottom: 131.2%; } 
.hc-exp-img figure img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
.hc-exp-content p { max-width: 692px; font-size: var(--f-size-22)}

.hc-matter{background: var(--brand-secondary);}
.hc-matter-img { position: relative; padding-bottom: 62%; } 
.hc-matter-img img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
.hc-matter-text{padding: 10px 0 10px 50px; max-width: 640px;}

.hc-matter-text * { color: var(--color-white); font-weight: 700; } 
.hc-matter-text p { font-weight: 400; font-size: var(--f-size-22);}

.hc-service-listul ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; column-gap: 13px; row-gap: 34px; justify-content: space-between; } 
.hc-service-listul ul li { width: calc(33.3% - 13px); background: var(--color-gray-light); padding: 23px 14px 21px 26px; font-weight: 500; display: flex; flex-direction: column; justify-content: space-around; }

/*--------Page==Heavy Construction & Mining Services --------*/
/*--------Page==Sustainability --------*/
.care-img { position: relative; padding-bottom: 58.5%; } 
.care-img img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
/*--------Page==Sustainability --------*/

/*--------Page==Investor Profile --------*/
.quotes-sec { background: var(--color-gray-light); padding: 59px 0 64px; }
.quote-content p { font-size: var(--f-size-22); }

.investor-overview-content { column-count: 2; }
.vision-img img { width: 100%; }

.statement-img {margin-left: 40px; } 
.statement-img figure{position: relative; padding-bottom: 121.2%;}
.statement-img img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
.statement-content p { margin-right: 55px; }

.analyst-img { margin-bottom: 70px; }
.analyst-img h6 { color: var(--color-black); padding-top: 26px; border-top: 2px solid #E8E8F0; margin-top: 35px; margin-bottom: 0;}
.analyst-img figure { position: relative; padding-bottom: 29%; } 
.analyst-img figure img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: contain; }
/*--------Page==Investor Profile --------*/

/*--------Page==Equipment for Sale --------*/
.small-banner-section { min-height: auto; padding-bottom: 22.4%; } 
.small-banner-section img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; } 
.small-banner-section:before { display: none; }

.theme-nacg .hm-product-card-sale .hm-product-card-head{background-color: var(--color-black);}

.request-info-section{background: var(--brand-secondary);}
.req-head * { color: var(--color-white); } 
.req-head .arrow-btn { color: var(--color-white) !important; text-transform: uppercase; gap: 27px;} 
.req-head .arrow-btn::after { filter: brightness(0) invert(1); }
.req-head h2 { max-width: 330px; margin-bottom: 30px;}
.req-form .arrow-btn { background: transparent; border: 0; color: var(--color-white) !important; text-transform: uppercase; padding: 0; }
.req-form .arrow-btn::after{filter: brightness(0) invert(1);}

.equip-sale-section{padding: 105px 0 54px; background: var(--color-gray-light);}
.equip-sale-content a { color: var(--brand-primary) !important; }
.equip-sale-head h2{color: var(--color-black);}

.request-info-section .info-wraper{ max-width: 340px; margin: 0 auto;}
.request-info-section .info-wraper *{ color: var(--color-white);}
.request-info-section .info-wraper .top-info-box{ margin-bottom: 30px;}
.request-info-section .info-wraper .contact-list li a { text-decoration: underline; }

.filter-sec { border-bottom: 1px solid #919191; padding: 66px 0 35px; }
.filter-sec .container { max-width: 1535px; margin: 0 auto; }
/* Filter Styles */

.filter-wrapper { width: 100%; } 
.filter-group { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.filter-group > label { font-size: var(--f-size-S);  color: var(--color-body); margin: 0; white-space: nowrap; }
.filter-controls { display: flex; align-items: center; gap: 15px; flex: 1; flex-wrap: wrap; }
.filter-controls .arrow-btn-2 { color: var(--brand-primary) !important; }
.filter-item { position: relative; display: flex; align-items: center; gap: 8px; box-shadow: 4px 4px 8px 0px #0000000a; border: 1px solid #E6E6E6; }
.filter-item.price-item { display: flex; align-items: center; gap: 8px; padding: 8px; }
.filter-label { font-size: var(--f-size-18); font-weight: 300; color: var(--color-black); margin: 0; white-space: nowrap; }
.filter-select {width: 100%; background: url(../images/solid-arw-btm.svg); background-repeat: no-repeat; background-position: right 14px center; border: 0; border-radius: 0px; padding: 8px 37px 8px 24px; font-size: var(--f-size-18); font-weight: 300; color: var(--color-body);  cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 35px; min-width: 140px; transition: var(--common-transition); }
.filter-select:hover { border-color: var(--brand-primary); }
.filter-select:focus { outline: none; border-color: var(--color-black);  }
.filter-item:has(.filter-select) { position: relative; }
.filter-arrow { position: absolute; right: 12px; pointer-events: none; color: var(--brand-secondary); font-size: 12px; top: 50%; transform: translateY(-50%); }
.filter-input-group { display: flex; align-items: center; gap: 10px; }

.range-entry { display: flex; align-items: center; gap: 8px; background: var(--color-white);  border-radius: 0px; }
.range-entry input { border-bottom: 1px solid #000000; height: 25px; }
.range-entry input[type="number"]::-webkit-outer-spin-button , .range-entry input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.range-text { font-size: var(--f-size-18); color: var(--color-black); white-space: nowrap; font-weight: 300;}
.filter-input { background: transparent; border: none; padding: 4px 0; font-size: var(--f-size-XS); color: var(--color-body); font-family: var(--font-family-primary); width: 60px; transition: var(--common-transition); }
.filter-input::placeholder { color: #999; font-size: var(--f-size-XS); }
.filter-input:focus { outline: none; color: var(--color-black); }
.filter-apply-btn { background: var(--brand-primary); color: var(--color-white); border: none; padding: 10px 24px; border-radius: 4px; font-size: var(--f-size-XS);  font-family: var(--font-family-primary); cursor: pointer; display: flex; align-items: center; gap: 10px; transition: var(--common-transition); white-space: nowrap; }
.filter-apply-btn:hover { background: #a0102a; transform: translateX(2px); }
.filter-apply-btn span { display: flex; align-items: center; }
.filter-apply-btn i { font-size: 12px; }

/*--------Page==Equipment for Sale --------*/

/*--------Page==Financial Reports --------*/
.report-logo { margin-bottom: 38px; }
.report-logo ul { display: flex; align-items: center; gap: 70px; margin: 0; } 

.feeling-content h4 { color: var(--color-black); font-weight: 700; }

.report-form .row { --bs-gutter-y: 55px; }
.report-form form {display: flex; align-items: center; border-bottom: 1px solid #919191; padding-bottom: 13px; margin-bottom: 110px;}
.report-form form h5{color: var(--color-black); margin-bottom: 0; margin-right: 24px;}
.report-form form select { padding: 5px 17px; width: 140px; background: url(../images/solid-arw-btm.svg); background-repeat: no-repeat; background-position: right 14px center;}


.information-section .row:last-child{--bs-gutter-y: 55px; }

.annual-box { box-shadow: 0px 1px 6px 0px #0000001F; border-radius: 12px; overflow: hidden;  height: 100%;} 
.annual-img { position: relative; padding-bottom: 65%; } 
.annual-img img { position: absolute; width: 100%; height: 100%; inset: 0; }
.annual-content { padding: 22px 25px 15px; } 
.annual-content * { color: var(--color-black) !important; } 
.annual-content h5 { font-size: var(--f-size-18); }
.annual-content .arrow-btn-2 { color: var(--color-black); text-transform: uppercase; font-size: 10px; font-weight: 800;}
.annual-content .arrow-btn-2::after { filter: brightness(0); }

.light-gray { background: #FAFAFA; }

.circular-head { background: var(--brand-secondary); padding: 22px 35px; margin-bottom: 30px;} 
.circular-head h3 { color: var(--color-white); max-width: 300px; margin-bottom: 0; font-weight: 400; }

.circular-wrap ul li:not(:last-child){margin-bottom: 38px;}
.circular-wrap ul li h5 { font-size: var(--f-size-22); color: var(--color-black); font-weight: 700; margin-bottom: 30px; }
.circular-wrap ul li .arrow-btn-2 { text-transform: uppercase; color: var(--brand-primary) !important;}


.download-link-wrap { display: flex; justify-content: space-between; align-items: center; background: var(--color-gray-light); padding: 24px 22px; border-left: 16px solid var(--tm-inner-ban-heading); }
.download-section .download-link-wrap p { margin: 0; font-family: var(--font-family-primary);}
.download-link-wrap:not(:last-child) { margin-bottom: 30px; }

.download-link {  display: flex; align-items: center; gap: 6px; transition: var(--common-transition); color: var(--color-black) !important; text-transform: uppercase; font-size: var(--f-size-XS); width: max-content; }
.download-link:after { content: ''; width: 16px; height: 16px; display: block; background-image: url(../images/black-arrow.svg); background-repeat: no-repeat; background-size: contain; background-position: center; transition: var(--common-transition); }
.download-link:hover::after { transform: translateX(5px); }


.download-section.column-two .row .download-link-wrap { margin-bottom: 30px; }
.download-link-text h6 { font-size: var(--f-size-18); color: #141417; font-weight: 600; font-family: var(--font-family-secondary); }

/*--------Page==Financial Reports --------*/

/*--------Page==Equipment Maintenance --------*/
.corporate-text h2 { margin-bottom: 54px; }
.corporate-text h4 { font-weight: 800; color: var(--color-black); text-transform: uppercase;     margin-bottom: 0;}
.corporate-img {  margin: 0 25px; }
.corporate-img figure{position: relative; padding-bottom: 119%;} 
.corporate-img img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }

.service-text p i { font-weight: 600; } 
.service-text { margin-bottom: 43px; }

.corporate-text p i { font-weight: 600; }

.zigzag-safety .row:nth-child(even) { flex-direction: row-reverse; } 
.zigzag-safety .row:nth-child(odd) { margin-bottom: 94px; }

.utube-text { padding: 34px 33px; background: var(--color-gray-light); } 
.utube-video { position: relative; padding-bottom: 66%; } 
.utube-video iframe { position: absolute; width: 100%; height: 100%; object-fit: cover; inset: 0; } 
.utube-text p { font-size: 13px; margin: 0; }

.equip-provided-wrap { display: flex; flex-wrap: wrap; gap: 13px; } 
.equip-provided-wrap .download-link-wrap { width: calc(50% - 13px); width: 48vw;}

.equip-provided-sec{padding: 90px 0 30px;}
.equip-provided-wrap { display: flex; flex-wrap: wrap; gap: 13px; } 

.equip-provided-wrap .download-link-wrap { width: calc(50% - 6.5px); margin-bottom: 0 !important; padding: 15px; } 
.equip-provided-text h3 { font-weight: 500; color: var(--color-black); font-style: italic; }

.equip-provided-wrap .download-link-text p { font-weight: 600; color: var(--color-black); }

.component-img { position: relative; padding-bottom: 30.5%; } 
.component-img img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }

/* .manufacturing-img { width: 33.2vw; }  */
.manufacturing-img figure { position: relative; padding-bottom: 69.1%; } 
.manufacturing-img figure img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
/*--------Page==Equipment Maintenance --------*/

/*--------Page==Health, Safety & Environment --------*/
.health-object-img { margin-right: 12px; position: relative; padding-bottom: 69.5%; } 
.health-object-img img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; } 
.health-object-text p { font-weight: 600; } 
.health-object-text { margin-left: 32px; }

.journey-image { position: relative; padding-bottom: 35.5%; } 
.journey-image img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
/* .journey-wrap{background: var(--brand-primary);} */
.journey-wrap h4 { color: var(--color-white); font-weight: 700; }

.health-download-section .download-link-wrap { height: 100% ; margin-bottom: 0; } 
.health-download-section .download-link-wrap p { font-weight: 600; font-size: var(--f-size-22); max-width: 400px; } 
.health-download-section { margin-top: 120px; }
.health-download-section .row{--bs-gutter-y: 64px;}

.leadership-head h2 { max-width: 383px; }
/*--------Page==Health, Safety & Environment --------*/

/*--------Page==Board of Directors --------*/
.director-section { background-color: var(--color-white); }

.board-members { display: flex; flex-direction: column; gap: 95px; max-width: 1023px; margin: 0 auto; }

.board-member-card { padding: 0px 0 84px;  position: relative;}
.board-member-card:after { position: absolute; content: ''; width: calc(100% + 260px); height: 1px; background: var(--color-black); bottom: 0; left: -13%; right: 0; }
.board-member-card:last-child{padding: 0;}
.board-member-card:last-child:after { display: none; }

.member-content { display: flex; gap: 40px; align-items: flex-start; }

.member-image {width: 241px; flex-shrink: 0;}
.member-image figure{position: relative;padding-bottom: 136.6%;}
.member-image figure img {width: 100%;height: 100%;object-fit: cover;position: absolute;inset: 0;}

.member-info { flex: 1; }
.member-info h3 { margin: 0 0 8px 0; color: var(--color-black); font-size: var(--f-size-XL); font-weight: 400; }

.member-info h4 {  color: var(--brand-primary); font-size: var(--f-size-18); margin: 0 0 7px 0; display: block; }

.member-info p{ margin: 0;  line-height: 1.6; font-weight: var(--fw-regular); }
/*--------Page==Board of Directors --------*/

/*--------Page==Presentations --------*/
.annual-content h4 { line-height: 1; margin-bottom: 8px; } 
.annual-content p { font-size: 14px; color: #575C63; }

.feeling-img { max-width: 485px; margin: 0 auto; }
.feeling-img figure { position: relative; padding-bottom: 131%; } 
.feeling-img figure img { position: absolute; width: 100%; height: 100%; object-fit: cover; inset: 0; }
/*--------Page==Presentations --------*/

/*--------Page==Event --------*/
.event-shadow-box { box-shadow: 4px 4px 24px 0px #00000014; padding: 89px 90px 77px; background: var(--color-white); position: relative;}
.event-shadow-box:not(:last-child) { margin-bottom: 100px; }
.event-shadow-box .event-content h2 { margin-bottom: 100px; }
.event-shadow-box .event-content h5 { color: var(--f-size-18); text-transform: uppercase; font-weight: 900; margin-bottom: 14px; }
.event-wrap { margin-top: -155px; position: relative; } 
body:has(.event-wrap) .inner-banner-title { margin-top: -218px; } 
/*--------Page==Event --------*/

/*--------Page==news --------*/
.news-tabs { border-bottom: 1px solid #919191; padding: 50px 0 35px; gap: 82px;}

.news-tabs .nav-link { border: none; color: var(--color-black); font-weight: 300; padding: 0px; font-size: var(--f-size-M); }
.news-tabs .nav-link.active { color: #000; font-weight: 600; }

.news-wrapper .tab-content .tab-pane .row { --bs-gutter-y: 120px; }

.news-box .category { font-size: 12px; font-weight: 700; color: var(--color-body); }
.news-box h4 { font-size: var(--f-size-XL); font-weight: 700; margin: 0 0 7px; color: var(--color-body); }
.news-box p { font-size: 14px; margin-bottom: 34px; max-width: 580px;}
.news-box a{color: var(--brand-primary) !important;}

.news-wrapper .tab-content { margin-top: 150px; }

.breadcrumb a { color: var(--color-black); }
/*--------Page==news --------*/

/*--------Page==Indigenous Relations --------*/
.relation-image figure { position: relative; padding-bottom: 131%; } 
.relation-image figure img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
.relation-image { text-align: center; max-width: 476px; margin: 0 auto; } 
.zigzag-row .row:nth-child(even) { flex-direction: row-reverse; } 
.zigzag-row .row:not(:last-child) { margin-bottom: 95px; } 
.relation-image figure { position: relative; padding-bottom: 131%; } 
.relation-image figure img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }

.indigenous-sec{padding: 81px 0 128px;}

.relation-img { position: relative; padding-bottom: 25.8%; }
.relation-img img { position: absolute; width: 100%; height: 100%; object-fit: cover; inset: 0; }
/*--------Page==Indigenous Relations --------*/

/*--------Page==map --------*/ 
#map { float: none !important; }
.map-wrapper { padding: 100px; }
.map-wrapper img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }

.taab-listing { border-bottom: 1px solid #919191; padding: 24px 0; border-top: 1px solid #919191; }
.taab-listing  .nav-link { border: none; color: var(--color-black); font-weight: 300; padding: 0px; font-size: var(--f-size-M); }
.taab-listing  .nav-link.active { color: #000; font-weight: 700; background-color: transparent;}
.taab-listing .nav-item{margin-right: 47px;}

.overview-map h5  , .overview-map h6{ font-size: var(--f-size-18); font-weight: 700; color: var(--color-black); margin-bottom: 2px; } 
.overview-map h6 { font-style: italic; } 
.overview-map:not(:last-child) { margin-bottom: 47px; } 
.overview-map p { color: var(--color-black); font-weight: 400; max-width: 550px; } 
.overview-map h5 { text-transform: uppercase; font-weight: 800; } 
.map-content { margin-top: 84px; } 
.map-content h2 { max-width: 530px; margin-bottom: 78px; }

.map-overview-content { display: grid; grid-template-columns: repeat(2 , 1fr); }

.tab-wrapper { clear: both; }
/*--------Page==map --------*/

 

/* Contact Page */
.black-innertext-section { background-color: var(--tm-black-innertext); padding: 80px 0; }
.black-innertext-section .black-innertext-wrap { max-width: 1020px; margin: 0 auto; }
.black-innertext-section .black-innertext-wrap p { font-size: var(--f-size-22);  color: var(--color-white); line-height: 1.4; }

.contact-info-wrap h2 { font-size: var(--f-size-40); font-weight: var(--fw-medium); }
.contact-info-wrap p { font-size: var(--f-size-18); font-weight: var(--fw-medium); }
.contact-list ul { padding: 0; margin: 0; list-style: none; }
.contact-list li, .contact-list li a{ color: #000000;}
.contact-list li:not(:last-child){ margin-bottom: 2px;}
.contact-list li a:hover{ color: var(--brand-primary);}

/* Governance & Charters Page */
.download-section h2 { color: var(--color-black); margin-bottom: 30px; }
.download-section p { font-size: var(--f-size-18); color: var(--color-black); font-family: 'Sonny Vol 2 Book';}

.download-section.column-two .row .download-link-wrap { margin-bottom: 30px; }


/* Product Page */
.product-details { padding-left: 50px; }
.product-details h2 { font-size: var(--f-size-40); font-weight: var(--fw-medium); color: var(--tm-inner-ban-heading); margin-bottom: 10px; }

.product-header { margin: 0 0 40px; }
.product-badge { display: inline-block; background: var(--tm-product-badge); color: var(--color-white);  padding: 10px 30px; margin-bottom: 15px; font-size: var(--f-size-40); font-weight: var(--fw-bold);}
.product-header p { margin: 0; font-size: var(--f-size-18);  color: var(--color-black); padding-left: 30px; font-style: italic; }

/* Contact Page Css */
.contact-form .arrow-btn { padding: 0; margin: 0 0 0 auto; }


/* Product Page Css */
.product-gallery .swiper-button-next, .product-gallery .swiper-button-prev { display: none; }
.product-gallery .swiper-slide img { aspect-ratio: 1.33; object-fit: cover; }

.product-thumb-swiper .swiper-slide { height: auto; }
.product-thumb-swiper .swiper-slide img { aspect-ratio: 1.4; object-fit: cover; height: 200px; }


/* Leadership Page Css */
.leadership-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 110px; grid-row-gap: 60px; } 
.leader .team-img { width: 100%; padding-bottom: 136%; position: relative; margin-bottom: 24px; }
.leader .team-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.leader h3 { color: var(--tm-lm-color-2); margin-bottom: 5px; line-height: 1.2; }
.leader h6 {  color: var(--brand-primary);  margin-bottom: 5px; }
.leader p { color: #212529; }


.bio-link {  display: flex; align-items: center; gap: 5px; transition: var(--common-transition); color: var(--tm-lm-color-2) !important; text-transform: uppercase; font-size: var(--f-size-S); width: max-content; }
.bio-link:after { content: ''; width: 18px; height: 16px; display: block; background-image: var(--arrow-icon-3); background-repeat: no-repeat; background-size: contain; background-position: center; transition: var(--common-transition); }
.bio-link:hover { color: var(--brand-primary) !important; }
.bio-link:hover::after { transform: translateX(5px); }

.custom-modal .modal-dialog { width: 96%; max-width: 1296px; }
.custom-modal .modal-content { background: #efefef; border-radius: 0; padding: 60px 60px; position: relative; }
.custom-modal .modal-body { padding: 0; }

.modal-close { position: absolute; top: 3px; right: 5px; background: transparent; border: 0; font-size: 56px; color: var(--tm-inner-ban-heading); font-weight: 700; line-height: 1; cursor: pointer; transform: rotate(45deg); }

.board-member-wrap { display: flex; align-items: flex-start; gap: 50px; }
.board-member-img { width: 320px; flex-shrink: 0; }
.board-member-img img { width: 100%; display: block; }

.board-member-content { flex: 1; }
.board-member-content  h3 { color: var(--tm-lm-color-2); margin-bottom: 5px; line-height: 1.2; }
.board-member-content  h6 {  color: var(--brand-primary);  margin-bottom: 5px; }
.board-member-content  p { color: #343A40; font-size: var(--f-size-18); font-weight: var(--fw-medium); }
 

/* History Page Css */
.history-row-wrap { position: relative; gap: 70px; display: flex; flex-direction: column; }
.history-row-wrap:before { content: ''; position: absolute; border-left: 1px solid #000000; height: 100%; left: 50%; }

.history-row { display: flex; gap: 60px; } 
.history-row .history-left, .history-row .history-right { width: 50%; }
 
.history-year h3 { background-color: var(--tm-history-heading); color: var(--color-white); max-width: max-content; padding: 15px; border-radius: 7px; margin: 0 0px 40px auto; position: relative; }
.history-year h3:before { content: ''; width: 30px; height: 1px; background-color: var(--tm-history-heading); position: absolute; right: -30px; top: 50%; transform: translateY(-50%); }

.history-right { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding-top: 112px;}
.history-right:has(.history-image:only-child) { grid-template-columns: 1fr; gap: 0; }
.history-right .history-image:only-child { grid-column: span 2; } 

.history-image { position: relative; padding: 0 0 65%; overflow: hidden; height: max-content; }
.history-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.history-row .history-content { max-width: 400px; }
.history-row .history-content p{ font-size: 18px;}
.history-row-wrap .history-row:nth-child(odd) .history-content{ margin: 0 auto;}
.history-row-wrap .history-row:nth-child(even) { flex-direction: row-reverse; }
.history-row-wrap .history-row:nth-child(even) .history-year h3 { margin: 0 auto 40px 0; }
.history-row-wrap .history-row:nth-child(even) .history-year h3:before { right: auto; left: -30px; }


/* Career Pages */
.page-template-tpl-careers .key-info-section .info-wraper{ max-width: 975px;}
.career-bookmark-section { border-bottom: 1px solid #919191; overflow: hidden; }
.career-bookmark-list { margin: 0; list-style: none; display: flex; padding: 24px 0; gap: 50px; }
.career-bookmark-list a { color: var(--color-black); font-weight: var(--fw-light); font-size: var(--f-size-M); font-family: 'Sonny Vol 2 Book';}

.career-future-content p { font-size: var(--f-size-22); }

.career-current-jobs .download-link { gap: 8px; }
.career-current-jobs .download-link:after { width: 30px; height: 30px; background-image: url(../images/arrow.svg); filter: brightness(0); }
.career-current-jobs .download-link:hover::after { transform: rotate(-45deg); }
.career-current-jobs .download-link-wrap p { margin: 0; font-weight: var(--fw-medium); color: var(--color-black); }

.career-opportunities-section .career-opportunities-filter-wrap{ padding: 80px 0; border-bottom: 1px solid #919191;}
.career-opportunities-section .search-bar-row { margin-bottom: var(--gap-50);}
.career-opportunities-section .filter-row .title { width: 100px; flex: 0 0 auto;}
.career-opportunities-section .filter-row p{ color: #000000; font-family: var(--font-family-secondary);}
.career-opportunities-section .filter-row  .form-holder-row{ gap: 15px;}
.career-opportunities-section .search-bar-row .form-holder-row { width: 65%; }
.career-opportunities-section .form-holder-row .search-form{ flex: 1;}
.career-opportunities-section .filter-bar-row .form-holder-row { flex: 1; }
.career-opportunities-section .filter-bar-row .form-holder-row .form-row { flex: 1; }
.career-opportunities-filter-wrap .filter-bar-row .form-holder-row .form-row:last-child{ max-width: 115px;}
.career-opportunities-section .filter-row .form-control{  font-family: var(--font-family-secondary); font-size: 15px !important; color: #000 !important; border: 1px solid #E6E6E6; padding: 5px 15px; font-weight: 300;}
.page-template-tpl-career-opportunities .arrow-btn{ color: #003036 !important; font-family: var(--font-family-secondary); text-transform: uppercase;}
.page-template-tpl-career-opportunities .arrow-btn:after {background: var(--arrow-icon-2); }
.career-opportunities-section .filter-row select.form-control { background-image: url('../images/select-arrow-1.svg'); background-repeat: no-repeat; background-position: right center; padding-right: 25px;}
.clear-filter-btn { padding: 0; border: 0; background: transparent; line-height: 1; text-transform: uppercase; font-size: 12px; font-weight: var(--fw-semi-bold); margin: 0 5px; color: #1A1A1A; padding-bottom: 1px; border-bottom: 1px solid #1A1A1A; }
.clear-filter-btn:disabled{ display:none}

.career-opportunity-card { padding: 25px; box-shadow: 4px 4px 4px 0px #00000024; border: 1px solid #E6E6E6; height: 100%;}
.career-opportunity-content{ display: flex; flex-direction: column; height: 100%;}
.career-opportunity-card .job-title h3{ color: var(--tm-lm-color-2); }
.career-opportunity-card .career-opportunity-dis{ margin-bottom: var(--gap-50); flex: 1;}
.career-opportunity-card .job-footer-row{ gap: 20px; margin-top: auto;}
.career-opportunity-card .job-meta { display: flex; flex-wrap: wrap; gap: 8px; flex: 1;}
.career-opportunity-card .job-meta .job-tag { background: #A4A4A4; color: #fff; font-size: 14px; padding: 5px 10px; text-transform: capitalize;}
.career-opportunity-card .job-button{ flex: 0 0 auto;}
.career-opportunity-card .arrow-btn::after { width: 20px; height: 20px; }
.career-opportunities-card-wraper .row { row-gap: 25px; }
.careers-pagination .page-link { color: var(--tm-lm-color-2); border-color: var(--tm-lm-color-2); font-size: 14px; min-width: 45px; min-height: 40px; padding: 5px 15px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: var(--f-size-XS); }
.careers-pagination .page-link.current, .careers-pagination .page-link:hover{ background-color: var(--tm-lm-color-2); color: var(--color-white);}

.custom-modal.career-modal-info .modal-content { box-shadow: 4px 4px 23px 0px #0000004A; }
.career-modal-info .modal-body { padding: 0 50px; }
.apply-btn, a.apply-btn { background: var(--brand-primary); padding: 8px 10px; border-radius: 5px; color: var(--color-white); margin: 0; font-size: 14px; line-height: 1; }
.apply-btn:hover, a.apply-btn:hover{ background: var(--brand-secondary);}


/* .dont-miss-section { background: var(--brand-primary); } */
.dont-miss-wrap { display: flex; align-items: center; justify-content: space-between; max-width: 900px; margin: 0 auto; gap: 30px; }
.dont-miss-wrap * { color: var(--color-white) !important; }
.dont-miss-left, .dont-miss-right { width: 50%;}
.dont-miss-left h4 { margin: 0; max-width: 350px;  }

.dont-miss-right { display: flex; flex-direction: column; gap: 8px; }
.dont-miss-right a.dont-miss-link { display: inline-flex; align-items: center; gap: 10px;  transition: var(--common-transition); text-transform: uppercase; }
a.dont-miss-link img { filter: brightness(0) invert(1); width: 26px; }

.career-full-img { position: relative; padding-bottom: 34.5%; } 
.career-full-img img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
.career-benefit-row:not(:last-child){ margin-bottom: 100px;}
.career-benefit-row:nth-child(odd) .row{ flex-direction: row-reverse;}
.career-benefit-row h2{ font-size: var(--f-size-40); font-weight: var(--fw-regular); line-height: 1.2;}
.career-benefit-row .career-benefit-quote-box { background: #F3F3F3; padding: 85px 65px; }
.career-benefit-quote-icon { display: inline-block; width: auto; height: 40px; margin-bottom: 15px; }
.career-benefit-quote-icon img{ display: block; width: auto; height: 100%;}
.career-benefit-row .career-benefit-quote-box h6{  font-size: var(--f-size-18); margin-bottom: 0; color: var(--tm-career-auth-color);}

.career-benefits-quote-section{ padding: 50px 0; background: var(--color-black);}
.career-benefits-quote-section .benefits-quote-content { max-width: 800px; }
.career-benefits-quote-section p{ color: var(--color-white);  font-size: var(--f-size-18);}
.career-benefits-quote-section .career-benefit-quote-icon img{ filter: brightness(0) invert(1);}
.career-benefits-quote-section h6{ margin-bottom: 0; color: var(--tm-career-auth-color);  font-size: var(--f-size-18);}

.career-diversity-inclusion-section .section-title{ margin-bottom: var(--gap-50);}
.career-diversity-inclusion-section .row{ row-gap: 24px;}
.diversity-inclusion-card { background: #F3F3F3; padding: 35px 45px; height: 100%; }
.diversity-inclusion-card p{  font-size: var(--f-size-18); color: var(--color-black); font-style: italic; }
.career-diversity-inclusion-section .bottom-dis{ margin-top: var(--gap-50);}
.career-diversity-inclusion-section .bottom-dis p{ font-size: var(--f-size-18); color: var(--color-black);}
.career-diversity-inclusion-section .bottom-dis p a{ color: var(--color-black); }
.career-diversity-inclusion-section .bottom-dis p a:hover{ color: var(--brand-primary);}

.career-acknowledges-section{ background: var(--brand-secondary); overflow: hidden;}
.career-acknowledges-section .image-wraper { width: 50vw; height: 100%; }
.career-acknowledges-section .image-wraper img { width: 100%; height: 100%; object-fit: cover; }
.career-acknowledges-section .info-wraper{ padding: 50px 0;}
.career-acknowledges-section .info-wraper p{ font-size: var(--f-size-22); color: var(--color-white);}

.career-awards-section .section-title{ margin-bottom: var(--gap-50);}
.career-awards-section .awards-row{ max-width: 80%;}
.career-awards-section .row{ row-gap: 40px;}
.career-awards-section .bottom-dis{ margin-top: var(--gap-50); margin-bottom: var(--gap-50); max-width: 760px;}
/* .career-awards-section .bottom-dis p{ font-size: var(--f-size-18); color: var(--color-black);} */

.career-awards-section .awards-gallary-card{ position: relative; padding-bottom: 60%; overflow: hidden;}
.career-awards-section .awards-gallary-card img{ position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover;}

/* .theme-nacg .indigenous-partnership-img { width: calc(50vw - 12px); margin-right: calc((1320px - 100vw - 12px) / 2); height: 100%;} */
.page-template-template-news .indigenous-partnership-img { margin-left: 0;}

.theme-nacg .indigenous-partnership-content { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 50px 25px 50px 25px; }
.career-vission-mission-section { background: #FAFAFA;}
.career-vission-mission-section h2{ color: var(--tm-career-auth-color); font-size: var(--f-size-40); font-weight: var(--fw-regular);}
.career-vission-mission-section p{ font-size: var(--f-size-S); color: var(--color-black); }
.career-vission-mission-section ul { display: flex;  gap: 45px; flex-wrap: wrap; padding: 0; margin: 0 0 25px; list-style: none;}
.career-vission-mission-section li{ width: calc(50% - 45px/2); font-size: var(--f-size-S); color: var(--color-black); }
.career-vission-mission-section .indigenous-partnership-img { width: calc(50vw - 12px); margin-left: calc((1320px - 100vw - 12px) / 2); }

.career-hiring-process-section .section-title{ margin-bottom: var(--gap-50); max-width: 500px;}
.career-hiring-process-section  .accordion-item { border: 0; border-radius: 0 !important; border-bottom: 1px solid #000000;}
.career-hiring-process-section  .accordion-body { padding: 0 0 35px; }
.accordion-button{ display: flex; justify-content: space-between; padding: 50px 0; font-size: var(--f-size-40); color: var(--color-body) !important; background: transparent !important; box-shadow: none !important; outline: none !important;}
.accordion-button::after{ display: none;}
.accordion-button .icon{ display: flex; align-items: center; justify-content: end; gap: 16px; flex: 0 0 auto;}
.accordion-button .icon::before{ content: "Click here to Expand"; position: relative; display: block; color: var(--color-black); font-size: var(--f-size-S); transition: var(--common-transition);}
.accordion-button .icon img{ display: block; width: 22px; height: 22px; transition: var(--common-transition);}
.accordion-button:not(.collapsed) .icon::before{ content: "Click here to Minimize";}
.accordion-button:not(.collapsed) .icon img{ transform: rotate(-45deg);}

.career-hiring-process-section  .accordion-body .inner-box{ padding: 25px 35px;}
.career-hiring-process-section  .accordion-body .step-box { background: #F3F3F3; min-height: 370px; }
.career-hiring-process-card .sub-title{ margin-bottom: 6px;}
.career-hiring-process-card .sub-title p { color: var(--brand-primary); text-transform: uppercase;  }
.career-hiring-process-card .step-box h6{ color: var(--color-black);  font-size: var(--f-size-18); text-transform: uppercase; margin-bottom: 8px;}
.career-hiring-process-card p, .career-hiring-process-card a{ color: var(--color-black);}
.career-hiring-process-card a{  text-decoration: underline;}
.career-hiring-process-card a:hover{ color: var(--brand-primary);}

.tip-box.inner-box p { font-style: italic; }

/* Map Page Css */
.operations-map { border: 4px solid var(--tm-inner-ban-heading ); }

.operations-map .mapboxgl-popup-content { background: #526A7E !important; padding: 60px 20px 30px 20px!important; font-size: 14px; color: #fff; }
.operations-map .mapboxgl-popup-close-button { font-size: 50px; padding: 14px; background-color: #000 !important; color: #c31230; }
.operations-map-popup-title { font-size: 20px; color: #fff; margin-bottom: 5px; font-family: var(--font-family-primary); font-weight: 700; }
.operations-map-popup-subtitle { font-family: var(--font-family-primary); font-weight: 500; margin: 0 0 10px; }
.operations-map .operations-map-popup { max-height: 250px; overflow: auto; }

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip { border-bottom-color: #526A7E !important; }
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip { border-bottom-color: #526A7E !important; }
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip { border-bottom-color: #526A7E !important; }
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip { border-top-color: #526A7E !important; }
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip { border-top-color: #526A7E !important; }
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip { border-top-color: #526A7E !important; }
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip { border-right-color: #526A7E !important; }
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip { border-left-color: #526A7E !important; }
/* Map Page Css */

/* NEWS DETAILS PAGE START HERE */
html:has(.news-template-default), html:has(.single){ overflow-x: visible;}
.news-details-category-section{ padding: 35px 0; background: #F5F5F5; color: var(--color-black); font-size: var(--f-size-L);}
.news-details-category-section .bread-nav-wrap { display: flex; align-items: center; justify-content: space-between; }
.news-details-category-section ol, .news-details-category-section ul{ margin: 0;}
.news-details-category-section .bread-nav-wrap .post-navigation { display: flex; align-items: center; gap: 10px; }
.news-details-category-section .post-navigation a{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;}
.news-details-category-section .post-navigation .prev-post img{ transform: scaleX(-1);}

.news-details-section .news-sidebar { position: sticky; top: 60px; padding-right: 15%; }
.news-details-section .news-sidebar .reading-time{ margin-bottom: 45px;}
.news-details-section .news-sidebar .reading-time h4{ text-align: center;  color: var(--color-black); font-size: var(--f-size-XL);}
/* Progress bar */
.read-bar-track { height: 5px; background: #343A40; border-radius: 100px; overflow: hidden; }
.read-bar-fill { height: 100%; width: 0%; background: #007db4; border-radius: 99px; transition: width 0.2s ease; }
.news-details-section .news-sidebar ul{ list-style: none; padding: 0; margin: 0;}
.news-details-section .news-sidebar li a{ display: inline-block; padding: 5px 0; color: var(--color-black);}
/* .news-details-section .news-content ul{ list-style: none; padding: 0; margin: 0;}  */
.news-details-section .news-content a{ color: #1A1A1A;}
.news-details-section .news-content a:hover{ color: var(--brand-primary);}
.news-details-section .news-content li{ margin-bottom: 3px;}
/* .news-details-section .news-content li:last-child{ margin-top: 20px;} */
.news-details-section .news-sidebar li a.active{ font-weight: 700;}

/* Active TOC link */
.news-sidebar-list a.active { font-weight: 500; }
.news-details-section .news-content *:not(a):not(.related-section *){ color: var(--color-black); }
.news-details-section .news-content h1{ color: var(--color-body); font-weight: 700;}
.news-details-section .news-content .content-section{ padding-top: 40px;}
.news-details-section .related-section{ margin-top: 35px;}
.news-details-section .related-section .news-card-content, .news-details-section .related-section .news-card-dec{ padding: 16px;}
.news-details-section .related-section h3 { font-size: 16px; }
.news-details-section .related-section .news-card-dec .news-card-date { margin: 0; }
.news-details-section .related-section .news-card-inner .arrow-btn-2{ margin-left: 15px;}

span.wpcf7-spinner { position: absolute; left: 0; }


/* Analyst Page */
.analyst-section { padding: 60px 0; } 
.analyst-table { width: 100%; border-collapse: collapse;  }
.analyst-table thead th { color: var(--brand-primary); font-weight: 700; font-size: var(--f-size-L); padding: 20px 25px; text-align: left; background: transparent; }
.analyst-table tbody tr:nth-child(odd) { background-color: #F5F5F5; }
.analyst-table tbody tr:nth-child(even) { background-color: #ffffff; }
.analyst-table tbody td { padding: 20px 25px; color: #000; font-weight: 700; font-size: var(--f-size-L); border: none; }
 




/*Media Query css*/  
@media only screen and ( max-width:1799px ) { 
  :root {
    --f-size-XXXL: 45px;
    --f-size-XXL: 45px;
    --f-size-XL: 28px;
    --f-size-L: 22px;
    --f-size-M: 18px;
    --f-size-22: 20px;
  }
  /*--------Page==Heavy Construction & Mining Services --------*/
  .hc-matter-img{padding-bottom: 79%;}

  /*--------Page==Heavy Construction & Mining Services --------*/

  /*--------Page==Event --------*/
  .event-shadow-box{padding: 70px 60px;}
  .event-shadow-box .event-content h2 { margin-bottom: 30px; }
  /*--------Page==Event --------*/

  #map { height: 660px !important; }
    
}

@media only screen and ( max-width:1599px ) { 
  :root {
  --f-size-XXXL: 40px;
  --f-size-XXL: 40px;
  --f-size-XL: 26px;
  --f-size-L: 20px;
  --f-size-M: 18px;
  --f-size-22: 18px;  
  --f-size-40: 30px;
  }
  h1, h2, h3, h4, h5, h6{line-height: 1.2;}
  /* h1 , h2 { font-size: var(--f-size-XL); } */

  .common-padd { padding-top: 80px; padding-bottom: 80px; }
  /* inner banner custom */
  .hero-section.inner-banner-section { min-height: 550px; }
  /* inner banner custom */

  /*--------Page==Heavy Construction & Mining Services --------*/
  .hc-matter-img{padding-bottom: 91%;}
  .hc-matter-text { padding: 30px 0 30px 50px; }
  /*--------Page==Heavy Construction & Mining Services --------*/

  /*--------Page==Equipment for Sale --------*/
  .filter-group{gap: 14px;}
  .filter-controls{gap: 13px;}
  /*--------Page==Equipment for Sale --------*/

  /*--------Page==History --------*/
  /*--------Page==History --------*/

  /*--------Page==Indigenous Relations --------*/
  .indigenous-sec .investor-overview-content{gap: 90px;}
  /*--------Page==Indigenous Relations --------*/
  
  /*--------Page==news --------*/
  .news-wrapper .tab-content { margin-top: 90px; }
  /*--------Page==news --------*/

  /*--------Page==Index --------*/
  body{--tm-about-max-width: 560px;}
  /*--------Page==Index --------*/

  .map-wrapper { padding: 50px; }

}
@media only screen and ( max-width:1499px ){
  .news-grid-box-holder .nav-arrow{ right: -40px;}
}
@media only screen and ( max-width:1399px ) {
  :root {
    --f-size-XXXL: 30px;
    --f-size-XXL: 30px;
    --f-size-XL: 26px;
    --f-size-L: 20px;
    --f-size-M: 18px;
    --f-size-22: 18px;  
    }
  .arrow-btn::after { width: 20px; height: 20px; }

  
  .main-header .main-menu ul { gap: 24px; margin-right: 20px; }
  .main-header .main-menu ul li a{ font-size: 16px;}

  .news-card-inner{ min-height: 160px;}

  /* inner banner custom */ 
  .hero-section.inner-banner-section .container { max-width: 1140px; }
  .hero-section.inner-banner-section { min-height: 440px; }
  /* inner banner custom */ 

  /*--------Page==Heavy Construction & Mining Services --------*/
  .hc-matter-text { padding: 30px 38px 30px 30px; }
  /*--------Page==Heavy Construction & Mining Services --------*/

  /*--------Page==Presentations --------*/
  .information-section .row:last-child { --bs-gutter-y: 55px; }
  .report-form form{margin-bottom: 73px;}
  /*--------Page==Presentations --------*/

  /*--------Page==Equipment for Sale --------*/
  .filter-group{flex-direction: column; align-items: flex-start;}
  .filter-group > label , .filter-select , .filter-label , .filter-input , .filter-controls .arrow-btn-2{font-size: var(--f-size-S);}
  .equip-sale-section { padding: 54px 0 ;}
  .req-head .arrow-btn{gap: 13px;}
  /*--------Page==Equipment for Sale --------*/

  /*--------Page==Board of Directors --------*/
  .board-member-card:after{width: calc(100% + 91px); left: -6%;}
  .board-member-card { padding: 0px 0 50px;}
  .board-members{gap: 50px;}
  /*--------Page==Board of Directors --------*/

  /*--------Page==Investor Profile --------*/
  .analyst-img figure{padding-bottom: 18%;}
  .analyst-img { margin-bottom: 40px; }
  .statement-content p { margin-right: 0; }
  /*--------Page==Investor Profile --------*/

  /*--------Page==Board Director --------*/  
  .leadership-grid{grid-column-gap: 60px; grid-row-gap: 40px;}
  /*--------Page==Board Director --------*/  

  /*--------Page==Map --------*/  
  .overview-map p{max-width: 480px;}
  /*--------Page==Map --------*/  
  body {--tm-about-max-width: 566px;}  

  /* Career Pages */
  .career-benefit-row .career-benefit-quote-box { padding: 60px 35px; }
  .diversity-inclusion-card { padding: 30px; }
  /* .theme-nacg .indigenous-partnership-img { margin-right: calc((1140px - 100vw - 24px) / 2); } */
 .career-vission-mission-section .indigenous-partnership-img { margin-left: calc((1140px - 100vw - 24px) / 2); }

  .accordion-button { padding: 35px 0; }
  .career-hiring-process-section  .accordion-body .inner-box { padding: 20px; }

  .career-opportunity-card { padding: 20px 15px; }
  .career-opportunity-card .job-meta .job-tag, .page-template-tpl-career-opportunities .arrow-btn{ font-size: 12px;}
  .career-opportunities-section .filter-row select.form-control{ font-size: 14px !important; background-position: right 8px center !important;}

  /* Custom Modal */
  .custom-modal .modal-dialog { width: 96%; max-width: 1116px; }


  .product-details { padding-left: 20px; }


  /* NEWS DETAILS PAGE RESPONSIVE START HERE */
  .news-details-section .related-section .news-card-content{ padding: 14px;}
  /* NEWS DETAILS PAGE RESPONSIVE END HERE */

  


}

@media only screen and ( max-width: 1260px ) {

  .main-header .main-menu ul { gap: 16px; }

}

@media only screen and ( max-width: 1199px ) {
  :root {
    --f-size-XXXL: 30px;
    --f-size-XXL: 30px;
    --f-size-XL: 20px;
    --f-size-L: 20px;
    --f-size-M: 17px;
    --f-size-22: 18px;
  }

  .fz-22 { font-size: var(--f-size-S); }

 
  /* inner banner custom */
  .hero-section.inner-banner-section .container { max-width: 960px; }
  .inner-banner-section .inner-banner-title{padding: 10px 20px;}
  body:has(.event-wrap) .inner-banner-title { margin-top: -178px; }
  /* inner banner custom */

  /*--------Page==Heavy Construction & Mining Services --------*/
  .hc-exp-content h2{margin-bottom: 24px;}
  /*--------Page==Heavy Construction & Mining Services --------*/

  /*--------Page==Presentations --------*/
  .annual-content { padding: 22px 12px 15px; }
  .annual-content h5 { font-size: var(--f-size-S); }
  /*--------Page==Presentations --------*/

  /*--------Page==Sustainability --------*/
  .footer-newsletter-content p { font-size: var(--f-size-S);}
  /*--------Page==Sustainability --------*/

  /*--------Page==Equipment for Sale --------*/
  .filter-item{width: calc(33.3% - 13px);}
  /*--------Page==Equipment for Sale --------*/

  /*--------Page==Equipment Maintenance --------*/
  .manufacturing-img { width: auto; }
  .utube-text { padding: 20px 18px;}
  .corporate-text h2 { margin-bottom: 24px; }
  .hc-matter-text p{font-size: var(--f-size-S);}
  .download-link-wrap{border-left: 8px solid var(--tm-inner-ban-heading); padding: 14px 10px;}
  .equip-provided-wrap .download-link-text p { font-size: var(--f-size-XS); }
  /*--------Page==Equipment Maintenance --------*/

  /*--------Page==Board of Directors --------*/
  .board-member-card:after { width: 100%; left: 0; }
  /*--------Page==Board of Directors --------*/

  /*--------Page==Health, Safety & Environment --------*/
  .health-download-section .download-link-wrap p{font-size: var(--f-size-18);}
  /*--------Page==Health, Safety & Environment --------*/

  /*--------Page==Financial Reports --------*/
  .circular-head{padding: 16px 22px;}
  .circular-wrap ul li h5{margin-bottom: 16px;}
  .circular-head h3{max-width: 100%;}
  /*--------Page==Financial Reports --------*/

  /*--------Page==Event --------*/
  .event-shadow-box:not(:last-child) { margin-bottom: 60px; }
  /*--------Page==Event --------*/

  /*--------Page==History --------*/
  .history-row-wrap{gap: 50px;}
  .history-right{padding-top: 98px;}
  /*--------Page==History --------*/

  /*--------Page==Board Director --------*/ 
  .leadership-grid{grid-template-columns: repeat(3, 1fr);} 
  /*--------Page==Board Director --------*/ 

  /*--------Page==Map --------*/  
  .overview-map p{max-width: 410px;}
  /*--------Page==Map --------*/   

  /*--------Page==contact us --------*/
  .map-content { margin-top: 50px; }
  .map-content h2{margin-bottom: 48px;}
  /*--------Page==contact us --------*/

  /*--------Page==News --------*/
  .news-wrapper .tab-content .tab-pane .row { --bs-gutter-y: 70px; }
  .news-tabs{gap: 50px;}
  /*--------Page==News --------*/

  /*--------Page==Index --------*/
  body {--tm-about-max-width: 526px;}
  /* .news-card-wrapper{grid-template-rows: auto;}
  .news-card-wrapper > * { grid-area: unset; }
  .news-grid-1{grid-column: span 2; grid-row: span 2;}
  .news-grid-2{grid-column: span 2;}
  .news-grid-3{grid-column: span 2;}
  .news-card-image{flex: 1;} */
  .news-card-wrapper .news-card:not(:first-child) .news-card-content h3{ font-size: 13px;}
  .news-card-inner { min-height: 150px; }
  .news-card-content h3 { font-size: 22px; }
  .news-card-wrapper .news-card:not(:first-child) .news-card-content { padding: 10px; }
  .news-grid-box-holder .nav-arrow { right: -22px; width: 30px; height: 30px; }
  .news-grid-box-holder .nav-arrow svg{ width: 100%; height: 100%;}
  .news-card-wrapper .news-card:not(:first-child) .news-card-dec { padding: 10px; }
  .news-grid-box-holder .news-card-dec{ padding: 15px 5px;}
  .news-grid-box-holder .news-card-inner .arrow-btn-2, .news-grid-box-holder .news-card-wrapper .news-card:not(:first-child) .news-card-inner .arrow-btn-2 { margin-left: 5px; }
  .news-slide:not(:first-child) .news-card-wrapper .news-card:not(:first-child) .news-card-dec{ padding:5px 0 0;}
  .news-slide:not(:first-child) .news-card-inner .arrow-btn-2{ margin-left: 0 !important;}

  .indigenous-partnership-img { width: calc(50vw - 12px); height: 100%; position: relative; padding-bottom: 85%; }
  .indigenous-partnership-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; object-fit: cover; }

  .indigenous-partnership-img.video-full-wrap { padding-bottom: 0%; }

  .indigenous-partnership-content { padding: 40px 0 70px; }
  /*--------Page==Index --------*/

  /* Custom Modal */
  .custom-modal .modal-dialog { width: 96%; max-width: 936px; }
  .board-member-wrap { display: flex; align-items: flex-start; gap: 30px; }
  .custom-modal .modal-content { padding: 40px; }

  .history-row .history-content p{ font-size: 16px;}

  /* Career Pages */
  .career-benefit-row:not(:last-child){ margin-bottom: 70px;}
  /* .theme-nacg .indigenous-partnership-img { margin-right: calc((960px - 100vw - 24px) / 2);} */
  .career-vission-mission-section .indigenous-partnership-img { margin-left: calc((960px - 100vw - 24px) / 2); }
  .theme-nacg .indigenous-partnership-content { padding: 20px 20px 20px 0; }

  .career-opportunities-section .career-opportunities-filter-wrap{ padding: 60px 0;}
  .career-opportunities-section .filter-row  .form-holder-row { gap: 15px; }
  .career-opportunity-card { padding: 20px; }
  .career-modal-info .modal-body { padding: 0 25px; }
  .career-opportunities-filter-wrap .filter-bar-row .form-holder-row { flex-wrap: wrap; gap: 15px; }
  .career-opportunities-filter-wrap .filter-bar-row .form-holder-row .form-row { width: calc(33.33% - 15px*2/3);}

  .product-thumb-swiper .swiper-slide img { height: 130px; }

  .stock-bar { gap: 20px 20px; }

}

@media only screen and ( min-width: 992px ){

  .custom-slider-row{ display: flex; flex-wrap: wrap; row-gap: 40px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1* var(--bs-gutter-y)); margin-right: calc(-.5* var(--bs-gutter-x)); margin-left: calc(-.5* var(--bs-gutter-x));}
  .custom-slider-row>* { flex-shrink: 0; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }

}

@media only screen and ( max-width: 991px ) { 
  :root {
    --f-size-XXXL: 28px;
    --f-size-XXL: 28px;
    --f-size-XL: 24px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-40: 24px;
    --f-size-22: 16px;
  } 

  body{
    --gap-50:25px;
  } 
  .common-padd { padding-top: 70px; padding-bottom: 70px; }
  .common-padd-bottom { padding-bottom: 70px; }
  .common-padd-small { padding-top: 30px; padding-bottom: 30px; }
  .mb-60 { margin-bottom: 30px; }

  /* inner banner custom */  
  .hero-section.inner-banner-section { min-height: 380px; } 
  .hero-section.inner-banner-section .container { max-width: 720px; }
  /* inner banner custom */   

  .project-slider-wrapper { margin: 0 -25px; }

  /*--------Page==Heavy Construction & Mining Services --------*/
  .hc-exp-content p{font-size: var(--f-size-S);}

  .hc-exp-section .row { flex-direction: column-reverse; }
  .hc-exp-img{max-width: 440px; margin-right: auto; margin-bottom: 30px;}
  .hc-exp-img figure{padding-bottom: 121.2%;}

  .hc-matter { padding: 40px 24px; }
  .hc-matter-img { padding-bottom: 63%; }
  .hc-matter-text { padding: 30px 0px 30px 0px; max-width: 100%; }
  .hc-matter-text p{font-size: var(--f-size-S);}
  .hc-service-listul ul li{padding: 16px 14px; text-align: center;}

  .footer-newsletter-content { max-width: 100%;  margin-bottom: 30px;}

  .footer-newsletter-input-wrap .newsletter-btn{font-size: var(--f-size-S);}
  .footer-logo-col { margin-bottom: 30px; } 
  .footer-nav-col { margin-bottom: 20px;}
  .footer-bottom-row{margin-top: 20px;}
  

  .hc-service-listul ul{column-gap: 12px; row-gap: 12px;}
  .hc-service-listul ul li { width: calc(33.3% - 8px); font-size: var(--f-size-XS); }
  /*--------Page==Heavy Construction & Mining Services --------*/

  /*--------Page==Presentations --------*/
  .feeling-img { margin-bottom: 30px; }
  .regulatory-feeling-section .row { flex-direction: column-reverse; }

  .feeling-content  h2 br{display: none;}
  .annual-content { padding: 22px 17px 15px; }
  /*--------Page==Presentations --------*/

  /*--------Page==Sustainability --------*/
  .care-content{margin-top: 20px;}
  .footer-newsletter-content p { font-size: var(--f-size-S);}
  /*--------Page==Sustainability --------*/

  /*--------Page==Equipment for Sale --------*/
  .filter-item{width: calc(50% - 13px);}
  .filter-input{width: 100%;}
  .hm-product-card{height: calc(100% - 30px); margin-bottom: 30px;}
  .req-head { margin-bottom: 40px; }
  .req-head h2{margin-bottom: 20px;}
  /*--------Page==Equipment for Sale --------*/

  /*--------Page==Equipment Maintenance --------*/
  .corporate-text h2 br{display: none;}
  .corporate-section .row { flex-direction: column-reverse; }
  .corporate-img { margin: 0 auto 30px; max-width: 400px; }
  .equip-provided-wrap{width: 100%; margin-top: 25px;}

  .manufacturing-section .row{flex-direction: column-reverse;}
  .manufacturing-img { width: 400px; margin: 0 auto 30px; }
  .manufacturing-img figure{padding-bottom: 100%;}
  .equip-provided-sec { padding: 0px 0 30px; }

  .utube-video-wrapper { margin-bottom: 30px; }
  /*--------Page==Equipment Maintenance --------*/

  /*--------Page==Health, Safety & Environment --------*/
  .health-object-text { margin-left: 0px; }
  .health-download-section { margin-top: 40px; }
  .health-download-section .row { --bs-gutter-y: 30px; }
  .health-download-section .download-link-wrap p{max-width: 100%;}
  .health-object-img{margin-bottom: 30px; margin-right: 0;}
  /*--------Page==Health, Safety & Environment --------*/

  /*--------Page==Investor Profile --------*/
  .stock-bar{flex-direction: column;}
  .stock-main-wrap { width: 100%;}
  .investor-content { margin-bottom: 20px; }

  .statement-section .row { flex-direction: column-reverse; }
  .statement-img { max-width: 400px; margin: 0 auto 30px; }
  .statement-img figure{padding-bottom: 100%;}
  /*--------Page==Investor Profile --------*/

  /*--------Page==Financial Reports --------*/
  .circular-wrap ul li h5{margin-bottom: 14px; font-size: var(--f-size-18);}
  .stock-item{justify-content: space-between;}
  /*--------Page==Financial Reports --------*/

  /*--------Page==Event --------*/
  body:has(.event-wrap) .inner-banner-title { margin-top: 0; }
  .event-wrap { margin-top: 0;}
  .event-shadow-box:not(:last-child) { margin-bottom: 30px; }
  .event-shadow-box { padding: 40px 30px; }
  /*--------Page==Event --------*/

  /*--------Page==History --------*/
  .history-year h3{margin: 0 0px 20px auto; padding: 8px 10px; border-radius: 3px; font-size: var(--f-size-XXS);}
  /*--------Page==History --------*/

  /*--------Page==Product Page --------*/
  .product-details { padding-left: 0; padding-top: 30px; }
  /*--------Page==Product Page --------*/

  /*--------Page==Indigenous Relations --------*/
  .relation-image{margin: 0 auto 30px;}
  .zigzag-row .row:nth-child(odd) , .zigzag-row .row:nth-child(even) { flex-direction: column-reverse; }
  /*--------Page==Indigenous Relations --------*/

  /*--------Page==Board Director --------*/ 
  .leadership-grid{grid-template-columns: repeat(2, 1fr);} 
  /*--------Page==Board Director --------*/  

  /*--------Page==Governance & Charters --------*/  
  .download-section.column-two .row .download-link-wrap{flex-direction: column; align-items: flex-start;}
  .download-section.column-two .row .download-link-wrap .download-link { margin-top: 16px; }
  /*--------Page==Governance & Charters --------*/ 

  /*--------Page==Map --------*/  
  .overview-map p{max-width: 100%;}
  .map-overview-content{grid-template-columns: repeat(1, 1fr);}
  .map-content h2 { max-width: 100%; margin-bottom: 40px; }
  /*--------Page==Map --------*/   

  /*--------Page==contact us --------*/ 
  .contact-info-wrap { margin-bottom: 40px; }  
  /*--------Page==contact us --------*/  

  /*--------Page==News --------*/
  .news-tabs{gap: 20px; }
  /*--------Page==News --------*/

  /*--------Page==Index --------*/
  body { --tm-about-max-width: 486px; }
  .hero-section .row { display: none; }
  .home-zigzag-section .zigzag-row .col-lg-4 { margin-top: 17px; }
  .project-slide-img{padding-bottom: 76%;}
  
  /*--------Page==Index --------*/

  .map-wrapper { padding: 36px; }
  #map { height: 520px !important; }
  .taab-listing { padding: 15px 0; }

  /* Custom Modal */
  .board-member-img { width: 200px; flex-shrink: 0; }
  
  /* Career Pages */
  .career-bookmark-list { gap: 25px; overflow: auto; width: calc(100% + 35px); padding-right: 30px; scrollbar-width: 0; scrollbar-width: none;}
  .career-bookmark-list li{ flex: 0 0 auto;}
  /* .theme-nacg .indigenous-partnership-img { margin-right: 0; width: 100%; } */
  .career-vission-mission-section .indigenous-partnership-img { margin-left: 0; width: 100%; }
  .theme-nacg .indigenous-partnership-content { padding: 30px 0; }
  .career-benefit-row:not(:last-child){ margin-bottom: 25px;}
  .career-benefit-row .row{ flex-direction: column-reverse !important;}
  .career-benefit-row .career-benefit-content { padding-bottom: 25px; }
  .career-benefit-row  .career-benefit-image{ position: relative; padding-bottom: 75%;}
  .career-benefit-row  .career-benefit-image img{ position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover;}
  .career-acknowledges-section{ padding: 50px 0;}
  .career-acknowledges-section .image-wraper{ width: 100%;}
  .career-acknowledges-section .info-wraper{ padding-top: 25px; padding-bottom: 0;}
  .career-awards-section .awards-row{ max-width: 100%;}
  .career-awards-section .row { row-gap: 20px; }
  .career-awards-section .bottom-dis{ margin-top: 20px; text-align: start !important;}

  .career-awards-section { overflow: hidden;}
  .awards-gallary-slider .swiper-slide{ width:100% !important; }
  .awards-gallary-slider { padding: 0 15%; overflow: visible; }
  .career-hiring-process-section { overflow: hidden;}
  .career-hiring-slider { padding-right: 15%; overflow: visible; }
  .career-hiring-process-section  .accordion-body .step-box { min-height: 320px; }

  .career-vission-mission-section{ padding-bottom: 50px;}
  .career-vission-mission-section .row{ flex-direction: column-reverse !important;}
  .career-vission-mission-section .indigenous-partnership-content{ padding-bottom: 25px;}
  .career-vission-mission-section .indigenous-partnership-img{ margin-left: 0; width: 100%;}

  .career-opportunities-section .filter-row{ flex-wrap: wrap;}
  .career-opportunities-section .filter-row  .form-holder-row { width: 100%; flex: 0 0 auto; }
  .career-opportunities-section .filter-row .title{ width: 100%; margin-bottom: 5px;}
  .career-opportunities-section .filter-row .form-control{ padding: 5px 15px;}

  .news-details-section .news-sidebar{ padding-right: 0;}
  .news-details-section .news-sidebar .reading-time { margin-bottom: 30px; }

  /* NEWS DETAILS PAGE RESPONSIVE START HERE */
  .news-grid-box-holder .news-card-wrapper .news-card:not(:nth-child(1)){ display: none;}
  .news-grid-box-holder .news-card-wrapper { grid-template-columns: repeat(1, 1fr); grid-template-rows: auto; }
  .news-grid-box-holder .news-card-wrapper>*{ grid-area: inherit;}
  .news-grid-box-holder .news-slide:not(:first-child) .news-card-wrapper .news-card-image{ display: block;}
  .news-grid-box-holder .news-card-image{ padding-bottom: 50%;}
  /* NEWS DETAILS PAGE RESPONSIVE END HERE */

}

@media only screen and ( max-width: 767px ) { 
  :root {
    --f-size-XXXL: 22px;
    --f-size-XXL: 22px;
    --f-size-XL: 20px;
    --f-size-L: 15px;
    --f-size-M: 14px;
    --f-size-S: 14px;
    --f-size-40: 22px;
    
  }

  .container { padding: 0 25px; }
  .common-padd { padding-top: 50px; padding-bottom: 50px; }
  .common-padd-bottom { padding-bottom: 50px; }
  /* inner banner custom */ 
  .hero-section.inner-banner-section { min-height: 200px; }
  .hero-section.inner-banner-section .container { max-width: 100%; }
  /* inner banner custom */

  /*--------Page==Heavy Construction & Mining Services --------*/
  .hc-service-listul ul li { width: calc(50% - 8px);} 


  .inner-banner-section .inner-banner-title { padding: 4px 8px 4px 8px;}
  .inner-banner-section .inner-banner-title h1{line-height: 1.2; font-size: 10px;}

  .footer-newsletter-content p { font-size: var(--f-size-S);}
  .footer-nav-col ul li { margin-bottom: 7px; }

  .hero-section .container{padding-bottom: 30px;}
  .footer-newsletter-form { max-width: 100%;}

  .footer-nav-col { margin-bottom: 20px; text-align: center; }
  .footer-bottom-row{flex-direction: column; margin-top: 20px;}
  .site-footer{padding: 60px 0 30px;}

  /*--------Page==Heavy Construction & Mining Services --------*/ 

  /*--------Page==Presentations --------*/ 
  .report-form form { margin-bottom: 33px; }
  /*--------Page==Presentations --------*/

  /*--------Page==Equipment for Sale --------*/
  .small-banner-section{padding-bottom: 38.4%;}
  .filter-item{width: 100%;}
  .hm-product-card-head{min-height: auto;}
  .hm-product-card-head { padding: 14px;}
  .hm-product-card-head h4{font-size: var(--f-size-18);}
  .hm-product-card { height: auto; margin-bottom: 30px; }
  .hm-product-section .row .col-md-6:last-child .hm-product-card{margin-bottom: 0;}
  .req-head { margin-bottom: 30px; }
  /*--------Page==Equipment for Sale --------*/

  /*--------Page==Equipment Maintenance --------*/
  .service-text { margin-bottom: 20px; }
  .maintence-section .row .col-lg-4:last-child .service-text { margin-bottom: 0; }
  .zigzag-safety .row:nth-child(odd) { margin-bottom: 30px; }
  .equip-provided-wrap .download-link-wrap { width: 100%;}
  .manufacturing-img { width: 100%;}
  .component-img{padding-bottom: 50%;}
  .footer-newsletter-section{padding: 30px 0;}
  /*--------Page==Equipment Maintenance --------*/

  /*--------Page==Board of Directors --------*/
  .member-content{flex-direction: column;}
  .member-image{margin: 0 auto;}
  .member-info h3{font-size: var(--f-size-M);}
  .member-content{gap: 20px;}

  .board-members { gap: 40px; }
  .board-member-card { padding: 0px 0 30px; }
  /*--------Page==Board of Directors --------*/

  /*--------Page==Health, Safety & Environment --------*/
  .journey-image{padding-bottom: 50%;}
  .health-download-section { margin-top: 20px; }
  .health-download-section .row { --bs-gutter-y: 12px; }
  .health-download-section .download-link-wrap p { font-size: var(--f-size-S); }
  /*--------Page==Health, Safety & Environment --------*/

  /*--------Page==Investor Profile --------*/
  .investor-overview-content { column-count: 1; }
  .statement-content p br { display: none; }

  .stock-item .stock-title { font-size: var(--f-size-XS);}
  .stock-meta , .stock-price-wrap{font-size: var(--f-size-XXXS);}
  .stock-item { gap: 8px; padding-bottom: 9px; justify-content: space-between; }
  .stock-price , .stock-item{align-items: center;}
  .price-status , .stock-dec p{font-size: var(--f-size-XXXS);}
  .analyst-img figure { padding-bottom: 10%; }
  .analyst-img h6{padding-top: 20px; margin-top: 25px;}
  /*--------Page==Investor Profile --------*/

  /*--------Page==Financial Reports --------*/
  .download-section h2{margin-bottom: 10px;}
  h1, h2, h3, h4, h5, h6{margin: 0 0 10px;}
  .report-form form select{width: 100px; background-size: 10%; padding: 5px 11px;}
  .report-form .row { --bs-gutter-y: 35px; }
  /*--------Page==Financial Reports --------*/

  /*--------Page==History --------*/
  .history-row{gap: 12px;}
  .history-right{padding-top: 0;}
  .history-row-wrap{gap: 35px;  flex-direction: column; padding-left: 7px;}
  .history-row-wrap:before {left: 0;}
  .history-row , .history-row-wrap .history-row:nth-child(even) { flex-direction: column; }
  .history-row .history-left, .history-row .history-right { width: 100%; }
  .history-year h3 { margin: 0 0px 20px 0;}
  .history-year h3:before{    width: 7px;     right: inherit; left: -7px;}
  .history-row-wrap .history-row:nth-child(even) .history-year h3:before { right: auto; left: -7px; }
  .history-row-wrap .history-row:nth-child(even) .history-year h3 { margin: 0 auto 12px 0; }
  .history-image{padding: 0 0 56%;}
  /*--------Page==History --------*/

  /*--------Page==Product --------*/
  .product-header { margin: 0 0 30px; }
  /*--------Page==Product --------*/

  /*--------Page==Indigenous Relations --------*/
  .zigzag-row .row:not(:last-child) { margin-bottom: 45px; }
  .indigenous-sec { padding: 50px 0px; }
  .relation-img{padding-bottom: 34%;}
  /*--------Page==Indigenous Relations --------*/

  /*--------Page==Board Director --------*/ 
  .leadership-grid { grid-template-columns: repeat(2, 1fr); grid-column-gap: 24px; grid-row-gap: 24px; }
  .leader .team-img { margin-bottom: 10px; }
  /*--------Page==Board Director --------*/ 

  .download-section .download-link-wrap {flex-direction: column; align-items: flex-start;} 
  .download-section .download-link-wrap .download-link { margin-top: 8px; } 
  .download-section.column-two .row .download-link-wrap { margin-bottom: 20px; }
  .download-section.column-two .row .download-link-wrap .download-link { margin-top: 8px; }

  /*--------Page==contact us --------*/ 
  select{background-position: right 19px center; background-size: 14px;}
  /*--------Page==contact us --------*/ 

  /*--------Page==map --------*/ 
  .taab-listing .nav { justify-content: center; flex-direction: column; align-items: center; }
  .taab-listing .nav-item { margin-right: 0; }
  .taab-listing .nav-item:not(:last-child) { margin-bottom: 10px; }

  .map-content { margin-top: 30px; }
  .map-content h2 { max-width: 100%; margin-bottom: 24px; }
  .overview-map:not(:last-child) { margin-bottom: 20px; }
  /*--------Page==map --------*/ 

  /*--------Page==News --------*/
  .news-wrapper .tab-content .tab-pane .row { --bs-gutter-y: 30px; }  
  .news-wrapper .tab-content { margin-top: 20px; }
  .news-tabs { gap: 10px; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0; }
  .news-box p { margin-bottom: 16px; }
  /*--------Page==News --------*/

  /*--------Page==Index --------*/
  .hero-about-section h2 { text-wrap: balance; }
  .zigzag-img { width: calc(100% + 50px); margin-left: -25px; }
  .news-card-wrapper{grid-template-columns: repeat(1, 1fr);}
  .news-card:not(:first-child){display: none;}
  .hmProductSlider{ overflow:hidden; padding-bottom:40px; } 
  .hmProductSlider .swiper-slide{ height:auto; }
  .news-heading .view-btn{display: block;}
  .hm-product-row { padding-bottom: 20px; } 
  .hm-product-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background: transparent; border: 1px solid #D9D9D9; opacity: 1; } 
  .hm-product-pagination .swiper-pagination-bullet-active { background: #D9D9D9; }

  .slide-card { width: calc(100% - 120px); max-width: 100%; margin: 0; padding: 20px; }
  .slide-card h3 { margin-bottom: 25px; }

  .project-tab-list { gap: 8px; }
  .custom-tabs { margin-bottom: 20px; }
  
  .project-slider { max-width: 100%;}
  .project-slide-img { padding-bottom: 130%; }

  .slide-card{bottom: 40px;}
  /*--------Page==Index --------*/
 
  .map-wrapper { padding: 25px; }
  #map { height: 380px !important; }

  .operations-map .mapboxgl-popup-content { padding: 30px 20px 30px 20px!important; font-size: 14px; }
  .operations-map .operations-map-popup { max-height: 140px; overflow: auto; }
  .operations-map .mapboxgl-popup-close-button { font-size: 40px; padding: 7px; }

  /* Career Pages */
  .career-opportunities-filter-wrap .filter-bar-row .form-holder-row  .filter-btn-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; max-width: 100% !important; width: 100% !important; }
  .clear-filter-btn{ margin: 0;}
  .career-current-jobs .download-link-wrap p{ font-size: 12px;}
  .career-current-jobs .download-link{ font-size: 10px;}   
  .dont-miss-wrap{ flex-wrap: wrap; gap: 20px;}
  .dont-miss-right { width: 100%; }
  .career-benefit-quote-icon { height: 24px; margin-bottom: 10px; }
  .career-benefit-row .career-benefit-quote-box { padding: 30px 20px; }
  .diversity-inclusion-card { padding: 15px; }

  .career-vission-mission-section .indigenous-partnership-img{ display: block; }
  .diversity-inclusion-card p { font-size: 10px; }

  .news-details-section .news-sidebar{ display: none;}
  .news-details-section .reading-time-mobile { display: block !important; background: #fff; position: sticky; top: 0; z-index: 99; margin: 0; padding: 25px 0; border-bottom: 1px solid #000; }
  .news-details-section .news-content{ padding-top: 25px;}
  .news-details-section .news-content .content-section { padding-top: 20px; }
  .news-details-section .reading-time-mobile { padding: 0 0 25px 0; }
  .news-details-category-section { padding: 16px 0; }
 
  /* .indigenous-partnership-img{display: none;} */
  .indigenous-partnership-content ul, .indigenous-partnership-content ol { padding-left: 0; gap: 25px; }
  .career-vission-mission-section li { width: calc(50% - 25px / 2); font-size: 12px; }
  .career-future-content p { font-size: 10px; }

  .career-opportunities-section .filter-bar-row .form-holder-row { flex-wrap: wrap; }
  .career-opportunities-section .filter-bar-row .form-holder-row .form-row { flex: 0 0 auto; width: calc(50% - 15px/2); }
  .career-modal-info .modal-body { padding: 20px 0; }

  



  /* Custom Modal */
  .custom-modal .modal-content { padding: 20px; }
  .board-member-img { width: 100%; flex-shrink: 0; }
  .board-member-wrap { gap: 20px; flex-direction: column; }
  .modal-close { position: absolute; top: -11px; right: -5px; z-index: 2; }
 
  .information-section .row:last-child { --bs-gutter-y: 24px; }
  .report-form .row { --bs-gutter-y: 24px; }

  .event-shadow-box { padding: 20px 20px; }
  .event-shadow-box .event-content h2 { margin-bottom: 16px; }

  .equip-sale-section { padding: 30px 0; }
  .filter-sec { padding: 30px 0 30px; }
  .hm-product-card-dec p { margin: 0 0 10px; }
  .req-head, .req-head h2 { margin-bottom: 15px; } 

  .product-thumb-swiper .swiper-slide img { height: 80px; }
  .product-header p { padding-left: 20px; }

  .footer-logo-col { text-align: center; } 


  /* NEWS DETAILS PAGE RESPONSIVE START HERE */
  .news-details-category-section .bread-nav-wrap{ flex-wrap: wrap; gap: 10px;}
  .breadcrumb-item { font-size: 15px; }
  .news-details-category-section .post-navigation a { width: 25px; height: 25px;}
  /* NEWS DETAILS PAGE RESPONSIVE END HERE */
  
} 


@media only screen and ( max-width: 575px ){ 

  /* HOME PAGE RESPONSIVE START HERE */
  .news-grid-box-holder .news-card-content { padding: 20px 15px; }
  .news-grid-box-holder .news-card-content h3 { font-size: 20px; }
  /* HOME PAGE RESPONSIVE END HERE */

  /* Career Pages */
  .career-current-jobs .download-link:after { width: 20px; height: 20px; }
  .dont-miss-left { width: 60%; }
  .career-full-img{ padding-bottom: 40%;}
  .career-benefit-row .career-benefit-quote-box{ width: calc(100% + 50px); margin-left: -25px; padding: 30px 25px;}
  .career-benefit-row .career-benefit-image{ width: calc(100% + 50px); margin-left: -25px; padding-bottom: 65%;}
  .career-benefit-quote-icon { height: 18px; }
  .career-benefits-section{ padding-bottom: 0;}
  .career-diversity-inclusion-section .row { row-gap: 16px; --bs-gutter-x: 8px; }
  .diversity-inclusion-card { padding: 10px; }
  .career-acknowledges-section{ padding-top: 0;}
  .career-acknowledges-section .image-wraper { width: calc(100% + 50px); margin-left: -25px; }
  .career-acknowledges-section .info-wraper{ padding-top: 50px; text-align: center;}
  .career-vission-mission-section{ padding-bottom: 0;}
  .career-vission-mission-section .indigenous-partnership-img{ width: calc(100% + 50px); margin-left: -25px;}

  .career-opportunities-section .career-opportunities-filter-wrap { padding: 45px 0; }
  .career-opportunity-card .job-footer-row{ flex-wrap: wrap; justify-content: end;}
  .career-opportunity-card .job-meta{ flex: 0 0 auto; width: 100%;}

}

@media only screen and ( max-width:419px ){
  :root {
    --f-size-40: 14px;
  }
  /* Career Pages */
  .career-current-jobs .download-link-wrap p { font-size: 10px; }
  .career-current-jobs .download-link { font-size: 8px; }
  .dont-miss-left { width: 70%; }

  .career-opportunity-card { padding: 15px; }
  .career-opportunity-card .job-meta  .job-tag { font-size: 11px; }
}

/*Media Query css*/ 



/* @media (max-width: 767px) {

    .news-listing__filter {
        position: relative;
    }

    .news-listing__filter .nav-tabs {
        display: block;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        overflow: hidden;
        background: #fff;
        margin: 0;
        padding: 0;
    }

    .news-listing__filter .nav-item {
        display: none;
        width: 100%;
    }

    .news-listing__filter.open .nav-item {
        display: block;
    }

    .news-listing__filter .nav-item.active-item {
        display: block;
    }

    .news-listing__filter .nav-link {
        width: 100%;
        text-align: left;
        padding: 16px 45px 16px 16px;
        border: 0;
        background: #fff;
        position: relative;
    }

    .news-listing__filter .nav-tabs::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 16px;
        width: 10px;
        height: 10px;
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
        transform: translateY(-70%) rotate(45deg);
        transition: .3s;
        pointer-events: none;
    }

    .news-listing__filter.open .nav-tabs::after {
        transform: translateY(-30%) rotate(-135deg);
    }
} */