@font-face {
  font-family: 'Figtree';
  src: url('../fonts/fingtree/Figtree-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/Inter_18pt-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope/Manrope-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: 300;
}

@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/bebusneue/BebasNeue-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Didot';
  src: url('../fonts/didot/Didot-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Didot';
  src: url('../fonts/didot/Didot-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Didot';
  src: url('../fonts/didot/Didot-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/futura/FuturaPT-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/futura/FuturaPT-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/futura/FuturaPT-Demi.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Futura PT';
  src: url('../fonts/futura/FuturaPT-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* navbar/ header styles starts */
.main_header {
align-self: stretch;
background-color: #006fb9;
}

.main_header .navbar {
background-color: #006fb9;
min-height: 96px;
padding: 16px 0;
align-items: center;
}

.main_header .navbar > .container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
align-self: stretch;
width: 100%;
}

.main_header .navbar-brand {
margin: 0;
padding: 0;
}

.main_header .logo {
display: flex;
align-items: center;
}

.main_header .logo img {
display: block;
max-height: 48px;
width: auto;
}

.nav-main-logo {
height: 100%;
width: 126px;
object-fit: cover;
}

#navbarList.navbar-nav {
display: flex;
align-items: center;
gap: 40px;
}

.main_header .navbar-nav {
align-items: center !important;
}

.navbar-nav {
position: relative;
}

#nav_btn a {
color: white;
text-decoration: none;
}

.navbar-nav .nav-link {
position: relative;
padding: 0;
}

.main_header .navbar-nav .nav-link {
padding: 0;
}

.navbar-nav li {
position: relative;
}

.navbar-nav li:hover .dropdown {
display: block;
}

.nav-item .nav-ancher-tag {
font-family: "Figtree", sans-serif;
color: #ffffff;
font-weight: 500;
font-size: 16px;
line-height: 1;
text-decoration: none;
}

.nav-item .nav-ancher-tag:hover {
color: #ffffff;
opacity: 0.85;
}

.main_header .navbar-toggler {
border-color: rgba(255, 255, 255, 0.5);
}

.main_header .custom-icon-color {
color: #ffffff;
}

@media (min-width: 992px) {
.main_header .navbar-collapse {
  display: flex !important;
  flex-grow: 0;
  justify-content: flex-end;
  align-items: center;
  align-self: stretch;
}

.main_header .navbar-collapse .navbar-nav {
  margin-bottom: 0;
}
}

@media (max-width: 768px) {
.dropdown {
  position: static;
}

.nav-main-logo {
  width: 100px;
  object-fit: cover;
}

#navbarList.navbar-nav {
  gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 16px;
}
}

#nav_btn {
  background-color: transparent;
  border-radius: 0px;
  font-size: 16px;
  border: none;
  line-height: 26px;
}

#nav_btn img {
  width: 20px;
}

.dropdown a {
  color: #003366;
  padding: 10px 15px;
  text-decoration: none;
  font-weight: 500;
  display: block;
  font-size: 14px !important;
}

.navbar-nav .dropdown {
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 200px;
}

.navbar-nav li {
  position: relative;
}

.navbar-nav li:hover .dropdown {
  display: block;
}

.dropdown a:hover {
  background-color: #e5eef8;
}

@media (max-width: 768px) {
  .dropdown {
    position: static;
  }
}

/* navbar/ header styles ends */


/* lemartec-nv2a-footer starts */
.lemartec-nv2a-footer {
background-color: transparent;
padding: 0;
font-family: "Figtree", sans-serif;
}

.lemartec-nv2a-footer > section:not(.contact_section_form) {
background-color: #006fb9;
padding-bottom: 32px;
}

.lemartec-nv2a-footer__inner {
width: 100%;
max-width: 1392px;
margin: 0 auto;
padding: 56px 10px 0;
box-sizing: border-box;
}

.lemartec-nv2a-footer__main {
display: grid;
grid-template-columns: minmax(220px, 1.35fr) minmax(0, 3.65fr);
gap: 40px 32px;
padding-bottom: 40px;
}

.lemartec-nv2a-footer__brand a {
display: inline-block;
text-decoration: none;
}

.lemartec-nv2a-footer__nav {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
min-width: 0;
}

.lemartec-nv2a-footer__brand {
align-self: start;
min-width: 0;
}

.lemartec-nv2a-footer__logo {
display: block;
width: auto;
max-width: 320px;
height: auto;
object-fit: contain;
margin-bottom: 28px;
}

.lemartec-nv2a-footer__address,
.lemartec-nv2a-footer__license {
margin: 0;
color: #ffffff;
font-family: "Figtree", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.55;
}

.lemartec-nv2a-footer__address {
margin-bottom: 16px;
}

.lemartec-nv2a-footer__heading {
margin: 0 0 18px;
color: #ffffff;
font-family: "Figtree", sans-serif;
font-weight: 800;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.lemartec-nv2a-footer__list {
list-style: none;
margin: 0;
padding: 0;
}

.lemartec-nv2a-footer__list li {
margin-bottom: 10px;
}

.lemartec-nv2a-footer__list li:last-child {
margin-bottom: 0;
}

.lemartec-nv2a-footer__list a {
color: #ffffff;
font-family: "Figtree", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.45;
text-decoration: none;
}

.lemartec-nv2a-footer__list a:hover {
color: rgba(255, 255, 255, 0.75);
}

.lemartec-nv2a-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.lemartec-nv2a-footer__copyright {
margin: 0;
color: #ffffff;
font-family: "Figtree", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
}

.lemartec-nv2a-footer__utility-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 8px 24px;
}

.lemartec-nv2a-footer__utility-links a {
color: #ffffff;
font-family: "Figtree", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
text-decoration: none;
white-space: nowrap;
}

.lemartec-nv2a-footer__utility-links a:hover {
color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 1034px) {
.lemartec-nv2a-footer > section:not(.contact_section_form) {
  padding-bottom: 32px;
}

.lemartec-nv2a-footer__main {
  grid-template-columns: minmax(220px, 1.35fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px 24px;
  align-items: start;
}

.lemartec-nv2a-footer__brand {
  grid-column: 1;
}

.lemartec-nv2a-footer__nav {
  grid-column: 2 / 4;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 24px;
}

.lemartec-nv2a-footer__bottom {
  flex-direction: column;
  align-items: flex-start;
}

.lemartec-nv2a-footer__copyright {
  order: 2;
}

.lemartec-nv2a-footer__utility-links {
  order: 1;
  justify-content: flex-start;
}
}

@media (max-width: 992px) {
.lemartec-nv2a-footer__logo {
  max-width: 280px;
}
}

@media (max-width: 736px) {
.lemartec-nv2a-footer > section:not(.contact_section_form) {
  padding-bottom: 28px;
}

.lemartec-nv2a-footer__main {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  grid-template-areas:
    "brand company"
    "sectors contact";
  gap: 28px 24px;
  align-items: start;
}

.lemartec-nv2a-footer__brand {
  grid-area: brand;
}

.lemartec-nv2a-footer__nav {
  display: contents;
}

.lemartec-nv2a-footer__column:nth-child(1) {
  grid-area: company;
}

.lemartec-nv2a-footer__column:nth-child(2) {
  grid-area: sectors;
}

.lemartec-nv2a-footer__column:nth-child(3) {
  grid-area: contact;
}
}

@media (max-width: 557px) {
.lemartec-nv2a-footer > section:not(.contact_section_form) {
  padding-bottom: 24px;
}

.lemartec-nv2a-footer__main {
  grid-template-columns: 1fr;
  grid-template-areas: none;
  gap: 28px;
  padding-bottom: 32px;
  text-align: center;
}

.lemartec-nv2a-footer__brand {
  grid-area: auto;
  text-align: center;
}

.lemartec-nv2a-footer__nav {
  display: grid;
  grid-area: auto;
  grid-template-columns: 1fr;
  gap: 28px;
}

.lemartec-nv2a-footer__column {
  text-align: center;
}

.lemartec-nv2a-footer__column:nth-child(1),
.lemartec-nv2a-footer__column:nth-child(2),
.lemartec-nv2a-footer__column:nth-child(3) {
  grid-area: auto;
}

.lemartec-nv2a-footer__logo {
  max-width: 190px;
  width: auto;
  margin: 0 auto 20px;
}

.lemartec-nv2a-footer__bottom {
  padding-top: 20px;
  align-items: center;
  text-align: center;
}

.lemartec-nv2a-footer__utility-links {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
}
/* lemartec-nv2a-footer ends */


/* hero section starts */

.hero-section {
height: 100vh;
background: url('../images/henkels-hero.png') no-repeat center center/cover;
display: flex;
justify-content: start;
align-items: center; 
}

.hero-section-heading{
  font-size: 65px; 
  font-weight: 700; 
  text-transform: uppercase; 
  font-family: 'Inter', sans-serif;
  color: #ffffff;
}
.hero-section-heading-container{
  background-color: #008453CC; 
  padding: 40px 60px; 
}

.hero-section-heading-container {
background-color: #008453CC; 
padding: 40px 60px;
text-align: center; /* Ensures text inside is centered */
}

@media (max-width: 1023px) {
 
  .hero-section-heading {
      font-size: 48px;
  }
  
}

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

  .hero-section-heading {
      font-size: 28px;
  }
  .hero-section-heading-container{
     
      padding: 40px 40px; 
  }
  
}

* {
box-sizing: border-box;
}
.graph-outer-container {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
padding: 10px;
}

.graph-outer-container .flex-thirty {
flex-basis: 30%;
}
.graph-outer-container .flex-seventy {
flex-basis: 70%;
}

.graph-cell {
min-height: 75px;
flex-grow: 1;
flex-basis: 100%;
}
.fixed-3-7 .col-sm-3 {
width: 25%;
}
.fixed-3-7 .col-sm-9 {
width: 75%;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.graph-cell {
  min-height: 100px;
}
.graph-outer-container {
  flex-wrap: wrap;
}
}

.construction_section{
  padding: 50px 60px;
}

.join_us_text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.join_us h3{
  color: #081A31;
  font-size: 32px;
  line-height: 42px;
  font-weight: 300;
  margin-bottom: 30px;
}
.join_us h3 strong{
  font-weight: 600;
}



.custom_slider_classes .text-justify {
text-align: justify;
}

.custom_slider_classes .carousel-control-prev,
.custom_slider_classes .carousel-control-next {
width: 10rem !important;
}



.custom_slider_classes h3{
  color: #000000;
  font-size: 48px;
  font-weight: bold;
  text-align:center;
  padding-top: 100px;
} 
  .custom_slider_classes p_arrow_slide_icon svg{
  fill:#000000;
  }
.custom_slider_classes .slider-preview{
   background: #f4f4f4;
  border: 1px solid #bdbdbd;
  border-radius: 7px;
  height: 550px;
  width: 100%;
}

.project-list-view-section .project-item {
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.project-list-view-section .project-section-flex-container {
  height: 100%;
}

.project-list-view-section .col-lg-6 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.project-list-view-section .col-lg-6 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.project-list-view-section .project-section-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .5rem;
  padding: 2rem;

}


.project-list-view-section .project-section-learn-more {
 color: #000;
background-color: rgba(255, 223, 73, 1);
  text-decoration: none;
  padding: 0.625rem 1.25rem;
  display: inline-block;
  font-weight: 600;
  transition: all 0.3s ease;
  width: 150px;

}

.project-list-view-section .project-section-learn-more:hover {
  background-color: rgb(247, 209, 42);

  color: #000;

  text-decoration: none;

}

.project-list-view-section .project-main-heading{
  text-transform: uppercase;
}


/* On small screens, allow items to stack naturally */
@media (max-width: 767.98px) {
  .project-list-view-section .project-item {
    height: auto;
  }

  .project-list-view-section .col-lg-6 {
    height: auto;
  }

  .project-list-view-section .col-lg-6 img {
    height: auto;
    max-height: 300px;
    object-fit: cover;
  }

  .project-list-view-section .project-section-card {
    padding: 1.5rem;
  }
}


/* hero section ends */

/* lemartec-nv2a-hero starts */
.lemartec-nv2a-hero {
position: relative;
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
width: 100%;
min-height: clamp(420px, 85vh, 900px);

background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
}

.lemartec-nv2a-hero__overlay {
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.2);
pointer-events: none;
}

.lemartec-nv2a-hero__content {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 48px 24px;
text-align: center;
}

.lemartec-nv2a-hero__heading {
margin: 0;
width: 100%;
color: #ffffff;
font-family: "Futura PT", Futura, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.15;
letter-spacing: 21.5%;
text-transform: uppercase;
text-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}

.lemartec-nv2a-hero__line {
display: block;
width: 100%;
text-align: center;
}

.lemartec-nv2a-hero__breadcrumbs {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
padding: 0 10px 60px;
box-sizing: border-box;
}

.lemartec-nv2a-hero__breadcrumbs-inner {
width: 100%;
max-width: 1392px;
margin: 0 auto;
text-align: center;
}

.lemartec-nv2a-hero__breadcrumb-list {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}

.lemartec-nv2a-hero__breadcrumb-item {
display: flex;
align-items: center;
gap: 8px;
color: #ffffff;
font-family: "Figtree", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
text-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}

.lemartec-nv2a-hero__breadcrumb-link {
color: #ffffff;
text-decoration: none;
}

.lemartec-nv2a-hero__breadcrumb-link:hover,
.lemartec-nv2a-hero__breadcrumb-link:focus-visible {
text-decoration: underline;
}

.lemartec-nv2a-hero__breadcrumb-icon {
display: block;
flex-shrink: 0;
color: #ffffff;
}

@media (min-width: 992px) {
.lemartec-nv2a-hero__heading {
  font-size: 48px;
}

.lemartec-nv2a-hero__breadcrumb-item {
  font-size: 18px;
}
}

@media (max-width: 991px) {
.lemartec-nv2a-hero {
  min-height: clamp(360px, 70vh, 720px);
}

.lemartec-nv2a-hero__content {
  padding: 40px 20px;
}

.lemartec-nv2a-hero__breadcrumbs {
  padding-bottom: 40px;
}
}

@media (max-width: 575px) {
.lemartec-nv2a-hero {
  min-height: clamp(320px, 62vh, 560px);
}

.lemartec-nv2a-hero__content {
  padding: 32px 16px;
}

.lemartec-nv2a-hero__breadcrumbs {
  padding-bottom: 20px;
}

.lemartec-nv2a-hero__heading {
  line-height: 1.25;
}
}
/* lemartec-nv2a-hero ends */


.news-list-section .news-card {
background-color: rgba(0, 132, 83, 0.08);
border-radius: 0;
padding: 1.5rem;
margin-bottom: 1.5rem;
}
.news-list-section .news-title {
font-weight: 700;
text-transform: uppercase;
}
.news-list-section .news-date {
font-size: 0.875rem;
color: #6c757d;
}
.news-list-section .news-body {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.news-list-section .read-more-btn {
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 5px;
border-radius: 0;
background-color: #fff !important;
}

.news-list-section .read-more-btn:hover {
color: #272525;
}
.news-list-section .pagination-container {
margin-top: 2rem;
text-align: left;
}

.news-list-section .page-item #page-link {
background-color: rgba(255, 255, 255, 1);
border: 1px solid #000000;
color: #000000;
transition: 0.2s ease;
width: 40px;
height: 40px;
padding: 0;
border-radius: 5px;
text-align: center;
line-height: 40px;
}

.news-list-section .page-item #page-link:hover {
background-color: #e2e6ea;
border-radius: 5px;
}

.news-list-section .page-item.active #page-link {
background-color: rgba(0, 132, 83, 1);
color: white;
border-radius: 5px;
border: none;
}


section.contact_section_form {
display: flex;
justify-content: center;
align-items: stretch;
background-color: transparent;
flex-wrap: nowrap;
width: 100%;
min-height: auto;
}

.contact_section_form .contact_img {
width: 50%;
min-height: 520px;
}

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

.contact_section_form .contact_field {
width: 50%;
padding: 56px 64px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
background-color: rgba(0, 87, 184, 0.05);
}

.contact_section_form .contact_field h2 {
margin: 0 0 32px;
color: #000000;
font-family: "Futura PT", Futura, sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1.2;
letter-spacing: 21.5%;
text-transform: uppercase;
text-align: left;
}

.contact_section_form .contact_field label {
width: 100%;
display: block;
margin-bottom: 8px;
color: #000000;
font-family: "Figtree", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}

.contact_field input,
.contact_field select,
.contact_field textarea {
width: 100%;
display: block;
outline: none;
border: none;
background-color: #ffffff;
padding: 12px 14px;
margin-bottom: 20px;
color: #000000;
font-family: "Figtree", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.45;
border-radius: 6px;
box-sizing: border-box;
}

.contact_field select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 40px;
}

.contact_section_form .contact_field textarea {
min-height: 120px;
resize: vertical;
color: #000000;
}

.contact_section_form .contact_field button {
width: 100%;
margin-top: 4px;
padding: 14px 20px;
border: none;
border-radius: 0;
background-color: #0057b8;
color: #ffffff;
font-family: "Figtree", sans-serif;
font-weight: 800;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
}

.contact_section_form .contact_field button:hover {
background-color: #004a9e;
}

.contact_section_form .input_radio,
.contact_section_form .input_checkbox {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
margin-bottom: 10px;
}

.contact_section_form .input_radio input,
.contact_section_form .input_checkbox input {
width: auto;
margin: 0;
}

.contact_section_form .input_radio label,
.contact_section_form .input_checkbox label {
width: auto;
margin-left: 5px;
}

@media (max-width: 991px) {
section.contact_section_form {
  flex-wrap: wrap;
  min-height: auto;
}

.contact_section_form .contact_img,
.contact_section_form .contact_field {
  width: 100%;
}

.contact_section_form .contact_img {
  min-height: 360px;
}

.contact_section_form .contact_field {
  padding: 40px 32px;
}
}

@media (max-width: 576px) {
.contact_section_form .contact_field {
  padding: 32px 20px;
}

.contact_section_form .contact_field h2 {
  margin-bottom: 24px;
  font-size: 20px;
  letter-spacing: 0.1em;
}

.contact_section_form .contact_field button {
  padding: 12px 16px;
  font-size: 13px;
}

.contact_field input,
.contact_field select,
.contact_field textarea {
  padding: 12px;
  margin-bottom: 16px;
  font-size: 13px;
}

.contact_section_form .contact_img {
  min-height: 260px;
}
}

 .table_section {
    padding: 20px;
    line-height: 1.6;
  }
  .table_section .search_section label {
    display: block;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .table_section .search_section input[type="search"] {
    width: 100%;
    min-width: 250px;
    height: 52px;
    background-color: transparent;
    border: 1px solid #cccccc;
    border-radius: 7px;
    padding: 0 15px;
    font-size: 16px;
  }
  
  /* Table styles */
  .table_section .table-container {
    overflow-x: auto;
    margin: 25px 0;

    border-radius: 5px;
    background: rgba(235, 245, 241, 1);
  }
  
  .table_section .styled-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 18px;
    min-width: 600px;
  }
  .table_section .styled-table caption {
    font-size: 1.2em;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
  }
  .table_section .styled-table thead tr {
    background-color: #ebf5f1;
    color: #000;
    text-align: left;
    font-weight: bold;
  }
  .table_section .styled-table th, .styled-table td {
    padding: 16px 20px;
    text-align: left;
  }
  .table_section .styled-table tbody tr:nth-of-type(odd) {
    background-color: #fafdfc;
  }
  .table_section .styled-table tbody tr:nth-of-type(even) {
    background-color: #f5faf8;
  }
  .table_section .styled-table tbody tr:hover {
    background-color: #d8efe5;
  }
  
  /* Mobile card view */
 .mobile-cards {
    display: none;
  }
  
  .mobile-card {
    background: white;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  
  .mobile-card-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
  }
  
  .mobile-card-row:last-child {
    border-bottom: none;
  }
  
  .mobile-card-label {
    font-weight: bold;
    color: #555;
    min-width: 120px;
  }
  
  /* Pagination styles */
  .table_section .button_pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
  }
  .table_section .button_secion button {
    padding: 8px 15px;
    border: none;
    color: white;
    font-weight: 400;
    background-color: rgba(0, 132, 83, 1);
    border-radius: 0px;
  }
  .table_section select.rows-per-page {
    border: none;
    background: transparent;
    margin-right: 20px;
    font-size: 18px;
  }
  .table_section span.page-info {
    font-size: 18px;
    margin-right: 20px;
    font-weight: 500;
  }
  .table_section button.nav-btn {
    border: 1.5px solid black;
    padding: 10px;
    border-radius: 5px;
    background: transparent;
  }
  .table_section button.nav-btn.active {
    background: black;
  }
  .table_section button.nav-btn.active svg path {
    stroke: white;
  }
  .table_section .top-container{
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-bottom: 3;
  }

  @media (max-width: 767px) {
    .d-flex.justify-content-between {
      flex-direction: column;
      gap: 15px;
    }
    .table_section .top-container{
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end;
     gap: 10px;
      margin-bottom: 3;
  }
  .table_section .search_section{
     
      width: 100%;
  }
  .table_section .search_section input[type="search"] {
      max-width: 100%;
    }
    
    .table_section .styled-table {
      display: none;
    }
    
    .mobile-cards {
      display: block;
    }
    
    .table_section .button_pagination {
      justify-content: space-between;
    }
  }

  .table_section button.nav-btn {
 
  cursor: pointer; /* Added this line */
}
.table_section button.nav-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: #ccc;
}
.table_section button.nav-btn:disabled svg path {
  stroke: #ccc;
}
/* Add these styles to your existing CSS */
.table_section button.nav-btn.active {
  background: black;
}

.table_section button.nav-btn.active svg path {
  fill: white;  /* Changed from stroke to fill */
}



.image-gallery-section {
    width: 100%;
    padding: 0 60px;
  }
  .image-gallery-section .main-image-wrapper {
    position: relative;
    margin-bottom: 120px;
    max-width: 100%;
  }
  .image-gallery-section .main-image {
    width: 100%;
    height: 500px;
    min-width: 250px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s;
    display: block;
    margin: 0 auto;
  }
  .image-gallery-section .thumbnails-scroll-container {
    position: absolute;
    bottom: -50px;
    left: -50px;
    right: 0;
    overflow-x: auto;
    padding: 0 10px;
    margin: 0 auto;
  }
  .image-gallery-section .thumbnails-container {
    display: flex;
    /* gap: 10px;s */
    width: max-content;
    padding: 10px 0;
  }
  .image-gallery-section .thumbnail, .image-gallery-section .add-thumbnail {
    width: 90px;
    height: 90px;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    cursor: pointer;
    transition: all 0.3s;
  }

  .image-gallery-section .active-thumbnail {
    border: 2px solid #007bff;
  }
  .image-gallery-section .add-thumbnail {
    background-color: #f8f9fa;
    font-size: 1.8rem;
    color: #6c757d;
    border: 1px dashed #ccc;
  }
  /* Scrollbar styling */
  .image-gallery-section .thumbnails-scroll-container::-webkit-scrollbar {
    height: 6px;
  }
  .image-gallery-section .thumbnails-scroll-container::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 5px;
  }
  .image-gallery-section .thumbnails-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  /* Responsive adjustments */
  @media (max-width: 768px) {
      .image-gallery-section .main-image-wrapper {
      margin-bottom: 100px;
    }
    .image-gallery-section .thumbnail, .image-gallery-section .add-thumbnail {
      width: 70px;
      height: 70px;
    }
    .image-gallery-section .image-gallery-section {
    width: 100%;
    padding-left:50px;
    padding-right: 20px;
  }
  .image-gallery-section .main-image {
      height: 400px;
  }
  .image-gallery-section .thumbnails-scroll-container {
  bottom: -45px;
  left: -50px;
}
  }
  @media (max-width: 576px) {
      .image-gallery-section .main-image-wrapper {
      margin-bottom: 90px;
    }
    .image-gallery-section .thumbnail, .image-gallery-section .add-thumbnail {
      width: 60px;
      height: 60px;
    }
    .image-gallery-section .image-gallery-section {
    width: 100%;
    padding-left:50px;
    padding-right: 20px;
  }
  .image-gallery-section .main-image {
      height: 300px;
  }
  .image-gallery-section .thumbnails-scroll-container {
    bottom: -40px;
    left: -40px;
  }
  }


        .custom-swipper-slider-new .slider-wrapper {
          position: relative;
        }

 .custom-swipper-slider-new .slider-container {
          position: relative;
          overflow-x: auto;
          scroll-snap-type: x mandatory;
          scroll-behavior: smooth;
          display: flex;
          gap: 1rem;
          padding: 1rem;
          /* Hide scrollbar */
          -ms-overflow-style: none;
          scrollbar-width: none;
        }
         .custom-swipper-slider-new .slider-container::-webkit-scrollbar {
          display: none;
        }
         .custom-swipper-slider-new .slide {
          scroll-snap-align: start;
          background: #007bff;
          color: white;
          border-radius: 10px;
          height: 300px;
          padding: 2rem;
          text-align: center;
          flex: 0 0 calc(100% / var(--slides-per-view) - 1.5rem);
        }
         .custom-swipper-slider-new .slider-nav {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 100%;
          display: flex;
          justify-content: space-between;
          pointer-events: none;
          z-index: 1;
        }
        .custom-swipper-slider-new .slider-nav button {
          pointer-events: all;
          background: white;
          border: none;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          box-shadow: 0 2px 10px rgba(0,0,0,0.1);
          cursor: pointer;
          transition: all 0.3s ease;
        }
        .custom-swipper-slider-new .slider-nav button:hover {
          background: #f8f9fa;
          transform: scale(1.05);
        }
        .custom-swipper-slider-new .slider-nav button i {
          font-size: 1.2rem;
          color: #007bff;
        }

/* lemartec-nv2a-home-projects starts */
.lemartec-nv2a-home-projects {
  background-color: #f3f3f3;
  padding: 64px 0 80px;
}

.lemartec-nv2a-home-projects__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.lemartec-nv2a-home-projects__heading {
  margin: 0 0 40px;
  color: #000000;
  font-family: "Futura PT", Futura, sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
}

.lemartec-nv2a-home-projects__slider {
  position: relative;
}

.lemartec-nv2a-home-projects__viewport {
  overflow: hidden;
}

.lemartec-nv2a-home-projects__track {
  display: flex;
  gap: 24px;
  transition: transform 0.45s ease;
  will-change: transform;
}

.lemartec-nv2a-home-projects__card {
  position: relative;
  flex: 0 0 calc((100% - 48px) / 3);
  aspect-ratio: 1 / 1;
  background-color: #006fb9;
  border-radius: 0 40px 0 0;
  overflow: hidden;
  text-decoration: none;
  display: block;
}

.lemartec-nv2a-home-projects__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  transition: filter 0.35s ease, transform 0.35s ease;
  transform: scale(1);
}

.lemartec-nv2a-home-projects__card:hover .lemartec-nv2a-home-projects__bg,
.lemartec-nv2a-home-projects__card:focus-visible .lemartec-nv2a-home-projects__bg {
  filter: blur(6px);
  transform: scale(1.08);
}

.lemartec-nv2a-home-projects__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 111, 185, 0.6);
  transition: background-color 0.3s ease;
}

.lemartec-nv2a-home-projects__card:hover .lemartec-nv2a-home-projects__overlay,
.lemartec-nv2a-home-projects__card:focus-visible .lemartec-nv2a-home-projects__overlay {
  background: rgba(0, 0, 0, 0.6);
}

.lemartec-nv2a-home-projects__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
}

.lemartec-nv2a-home-projects__category {
  margin-bottom: 12px;
  color: #ffffff;
  font-family: "Futura PT", Futura, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lemartec-nv2a-home-projects__title {
  color: #ffffff;
  font-family: "Futura PT", Futura, sans-serif;
  font-weight: 400;
  font-size: 22px ;
  line-height: 1.35;
}

.lemartec-nv2a-home-projects__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: none;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  transition: opacity 0.2s ease;
}

.lemartec-nv2a-home-projects__nav:hover {
  opacity: 0.85;
}

.lemartec-nv2a-home-projects__nav[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}

.lemartec-nv2a-home-projects__nav--prev {
  left: -20px;
}

.lemartec-nv2a-home-projects__nav--next {
  right: -20px;
}

.lemartec-nv2a-home-projects__nav svg {
  display: block;
  width: 16px;
  height: 16px;
}

.lemartec-nv2a-home-projects__card-skeleton {
  flex: 0 0 calc((100% - 48px) / 3);
  aspect-ratio: 1 / 1;
  border-radius: 0 40px 0 0;
  background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
  background-size: 200% 100%;
  animation: lemartec-nv2a-home-projects-shimmer 1.4s ease infinite;
}

@keyframes lemartec-nv2a-home-projects-shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .lemartec-nv2a-home-projects {
    padding: 48px 0 56px;
  }

  .lemartec-nv2a-home-projects__heading {
    margin-bottom: 32px;
  }

  .lemartec-nv2a-home-projects__card,
  .lemartec-nv2a-home-projects__card-skeleton {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  .lemartec-nv2a-home-projects__title {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .lemartec-nv2a-home-projects {
    padding: 80px 0 96px;
  }

  .lemartec-nv2a-home-projects__heading {
    font-size: 33px;
    margin-bottom: 36px;
    letter-spacing: 21.5%;
  }

  .lemartec-nv2a-home-projects__title {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .lemartec-nv2a-home-projects {
    padding: 32px 0 40px;
  }

  .lemartec-nv2a-home-projects__heading {
    font-size: 28px;
    margin-bottom: 28px;
  }

  .lemartec-nv2a-home-projects__track {
    gap: 16px;
  }

  .lemartec-nv2a-home-projects__card,
  .lemartec-nv2a-home-projects__card-skeleton {
    flex: 0 0 100%;
  }

  .lemartec-nv2a-home-projects__title {
    font-size: 18px;
  }

  .lemartec-nv2a-home-projects__nav--prev {
    left: 0;
  }

  .lemartec-nv2a-home-projects__nav--next {
    right: 0;
  }
}
/* lemartec-nv2a-home-projects ends */

.lemartec-nv2a-disclaimer {
  margin: 0;
  color: #666666;
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

.lemartec-nv2a-disclaimer--home {
  margin-top: 32px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.lemartec-nv2a-disclaimer--experience {
  margin-top: 32px;
}

.lemartec-nv2a-disclaimer--modal {
  margin-top: 16px;
}

/* lemartec-nv2a-experience starts */
.lemartec-nv2a-experience {
  background-color: #ffffff;
  padding: 64px 0 80px;
  position: relative;
  overflow: hidden;
}

.lemartec-nv2a-experience__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1392px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

.lemartec-nv2a-experience__heading {
  margin: 0 0 32px;
  color: #000000;
  font-family: "Futura PT", Futura, sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 21.5%;
  text-align: center;
  text-transform: uppercase;
}

.lemartec-nv2a-experience__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 48px;
}

.lemartec-nv2a-experience__filter {
  padding: 10px 24px;
  border: 1px solid #0057B8;
  background-color: #ffffff;
  color: #0057B8;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}

.lemartec-nv2a-experience__filter.is-active,
.lemartec-nv2a-experience__filter:hover {
  background-color: #0057B8;
  color: #ffffff;
}

.lemartec-nv2a-experience__title {
  margin: 0 0 20px;
  max-width: 500px;
  color: #000000;
  font-family: "Futura PT", Futura, sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lemartec-nv2a-experience__text {
  margin: 0 0 24px;
  color: #000000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
}

.lemartec-nv2a-experience__read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  border: none;
  background-color: #ffffff;
  color: #0057B8;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}

.lemartec-nv2a-experience__read-more:hover {
  background-color: #006fb9;
  color: #ffffff;
}

.lemartec-nv2a-experience__read-more-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.lemartec-nv2a-experience__empty {
  margin: 0;
  padding: 48px 15px;
  color: #000000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}

.lemartec-nv2a-skeleton {
  background: linear-gradient(90deg, #e8eef3 25%, #f3f7fb 50%, #e8eef3 75%);
  background-size: 200% 100%;
  animation: lemartec-nv2a-skeleton-shimmer 1.4s ease infinite;
}

.lemartec-nv2a-experience__skeleton-line--title {
  height: 28px;
  width: 80%;
  border-radius: 4px;
}

.lemartec-nv2a-experience__skeleton-line--text {
  height: 14px;
  width: 100%;
  border-radius: 4px;
}

.lemartec-nv2a-experience__skeleton-line--text-short {
  width: 65%;
}

.lemartec-nv2a-experience__skeleton-line--button {
  height: 44px;
  width: 160px;
  margin-top: 8px;
  border-radius: 0;
}

.lemartec-nv2a-experience__media-skeleton {
  position: absolute;
  inset: 0;
}

.lemartec-nv2a-experience__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.lemartec-nv2a-experience__separator {
  height: 20px;
  background-color: #ffffff;
  flex-shrink: 0;
}

.lemartec-nv2a-experience__row {
  display: grid;
  grid-template-columns: minmax(0, 9fr) minmax(0, 11fr);
  gap: 48px;
  align-items: stretch;
  width: 100%;
  background-color: rgba(0, 87, 184, 0.05);
  overflow: visible;
  --nv2a-project-mark-size: 118px;
  --nv2a-project-mark-gap: 24px;
}

.lemartec-nv2a-experience__row--reverse {
  grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
}

.lemartec-nv2a-experience__row--reverse .lemartec-nv2a-experience__content {
  order: 2;
}

.lemartec-nv2a-experience__row--reverse .lemartec-nv2a-experience__media {
  order: 1;
}

.lemartec-nv2a-experience__content {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 100%;
 

}

.lemartec-nv2a-experience__content-inner {
  box-sizing: border-box;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  padding: 45px 15px;
}

.lemartec-nv2a-experience__media {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 450px;
  align-self: stretch;
  overflow: visible;
}

.lemartec-nv2a-experience__media::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc((var(--nv2a-project-mark-size) + var(--nv2a-project-mark-gap)) * -1);
  z-index: 2;
  width: var(--nv2a-project-mark-size);
  aspect-ratio: 1 / 1;
  background-image: url('/Images/_98_72cfe195-1656-4e45-9c0a-8668f6531806.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  transform: translateY(-50%);
}

.lemartec-nv2a-experience__row--reverse .lemartec-nv2a-experience__media::before {
  right: auto;
  left: calc((var(--nv2a-project-mark-size) + var(--nv2a-project-mark-gap)) * -1);
  transform: translateY(-50%) scaleX(-1);
}

.lemartec-nv2a-experience__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 450px;
  object-fit: cover;
  transition: opacity 0.25s ease;
}

.lemartec-nv2a-experience__media.is-loading img {
  opacity: 0;
}

.lemartec-nv2a-experience__media.is-loaded img {
  opacity: 1;
}

.lemartec-nv2a-experience__media.is-loaded .lemartec-nv2a-experience__media-skeleton {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.lemartec-nv2a-experience__row-skeleton .lemartec-nv2a-experience__content-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@keyframes lemartec-nv2a-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@media (min-width: 992px) {
  .lemartec-nv2a-experience {
    padding: 80px 0 96px;
  }

  .lemartec-nv2a-experience__heading {
    font-size: 36px;
    margin-bottom: 40px;
  }

  .lemartec-nv2a-experience__title {
    font-size: 28px;
  }
}

@media (max-width: 991px) {
  .lemartec-nv2a-experience {
    padding: 48px 0 56px;
  }

  .lemartec-nv2a-experience__row {
    --nv2a-project-mark-size: 82px;
    --nv2a-project-mark-gap: 18px;
  }

  .lemartec-nv2a-experience__filters {
    margin-bottom: 32px;
  }
}

@media (max-width: 1034px) {
  .lemartec-nv2a-experience__media::before {
    display: none;
  }

  .lemartec-nv2a-experience__content {
    background-image: url('/Images/_98_441f51a7-d77a-4f10-88c2-ee164d986674.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .lemartec-nv2a-experience {
    padding: 32px 0 40px;
  }

  .lemartec-nv2a-experience__heading {
    font-size: 28px;
    margin-bottom: 24px;
  }

  .lemartec-nv2a-experience__title {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .lemartec-nv2a-experience__text {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .lemartec-nv2a-experience__filter,
  .lemartec-nv2a-experience__read-more {
    padding: 8px 16px;
    font-size: 13px;
  }

  .lemartec-nv2a-experience__filters {
    gap: 8px;
    margin-bottom: 24px;
  }

  .lemartec-nv2a-experience__row,
  .lemartec-nv2a-experience__row--reverse {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .lemartec-nv2a-experience__content,
  .lemartec-nv2a-experience__row--reverse .lemartec-nv2a-experience__content {
    order: 2;
    display: block;
  }

  .lemartec-nv2a-experience__media,
  .lemartec-nv2a-experience__row--reverse .lemartec-nv2a-experience__media {
    order: 1;
    height: 280px;
    min-height: 280px;
  }

  .lemartec-nv2a-experience__row {
    --nv2a-project-mark-size: 54px;
    --nv2a-project-mark-gap: 10px;
  }

  .lemartec-nv2a-experience__media::before {
    right: calc((var(--nv2a-project-mark-size) + var(--nv2a-project-mark-gap)) * -1);
  }

  .lemartec-nv2a-experience__row--reverse .lemartec-nv2a-experience__media::before {
    left: calc((var(--nv2a-project-mark-size) + var(--nv2a-project-mark-gap)) * -1);
  }

  .lemartec-nv2a-experience__media img {
    height: 280px;
    min-height: 280px;
  }
}
/* lemartec-nv2a-experience ends */

/* lemartec-nv2a-project-modal starts */
.lemartec-nv2a-project-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px 10px;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.lemartec-nv2a-project-modal.is-open {
  display: flex;
}

.lemartec-nv2a-project-modal__backdrop {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.55);
}

.lemartec-nv2a-project-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 960px;
  max-height: calc(100dvh - 32px);
  margin: 0 auto;
  padding: 32px 32px 24px;
  background-color: #ffffff;
  box-sizing: border-box;
  overflow-y: auto;
background-image:url('/Images/_98_441f51a7-d77a-4f10-88c2-ee164d986674.png');
      background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.lemartec-nv2a-project-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #000000;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
}

.lemartec-nv2a-project-modal__close:hover,
.lemartec-nv2a-project-modal__close:focus-visible {
  color: #006fb9;
}

.lemartec-nv2a-project-modal__title {
  margin: 0 0 24px;
  padding-right: 40px;
  color: #000000;
  font-family: "Futura PT", Futura, sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 21.5%;
  text-transform: uppercase;
}

.lemartec-nv2a-project-modal__meta {
  margin: 0 0 24px;
}

.lemartec-nv2a-project-modal__meta-row {
  margin-bottom: 8px;
  color: #000000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
}

.lemartec-nv2a-project-modal__meta-row:last-child {
  margin-bottom: 0;
}

.lemartec-nv2a-project-modal__meta-label {
  font-weight: 600;
}

.lemartec-nv2a-project-modal__description {
  margin: 0 0 24px;
  color: #000000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
}

.lemartec-nv2a-project-modal__description p {
  margin: 0 0 16px;
}

.lemartec-nv2a-project-modal__description p:last-child {
  margin-bottom: 0;
}

.lemartec-nv2a-project-modal__disclaimer:empty {
  display: none;
}

.lemartec-nv2a-project-modal__media-stage {
  position: relative;
  width: 100%;
}

.lemartec-nv2a-project-modal__viewer {
  position: relative;
  width: 100%;
  min-height: clamp(240px, 40vh, 420px);
  background-color: transparent;
  overflow: hidden;
}

.lemartec-nv2a-project-modal__viewer.is-loading,
.lemartec-nv2a-project-modal__viewer.is-loaded,
.lemartec-nv2a-project-modal__viewer.is-video-active {
  min-height: clamp(240px, 40vh, 420px);
}

.lemartec-nv2a-project-modal__viewer.is-loading .lemartec-nv2a-project-modal__loader {
  opacity: 1;
  visibility: visible;
}

.lemartec-nv2a-project-modal__viewer.is-loaded .lemartec-nv2a-project-modal__loader {
  opacity: 0;
  visibility: hidden;
}

.lemartec-nv2a-project-modal__slider {
  position: relative;
  overflow: hidden;
}

.lemartec-nv2a-project-modal__slider.is-hidden,
.lemartec-nv2a-project-modal__slider[hidden] {
  display: none !important;
}

.lemartec-nv2a-project-modal__slider-track {
  display: flex;
  transition: transform 0.35s ease;
}

.lemartec-nv2a-project-modal__slider-slide {
  position: relative;
  flex: 0 0 100%;
  display: none;
}

.lemartec-nv2a-project-modal__slider-slide.is-active {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.lemartec-nv2a-project-modal__slider-slide img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.lemartec-nv2a-project-modal__slide-skeleton {
  position: absolute;
  inset: 0;
  min-height: 200px;
}

.lemartec-nv2a-project-modal__slider-slide.is-loading.is-active .lemartec-nv2a-project-modal__slide-skeleton {
  opacity: 1;
  visibility: visible;
}

.lemartec-nv2a-project-modal__slider-slide.is-loading img {
  opacity: 0;
}

.lemartec-nv2a-project-modal__slider-slide.is-loaded img {
  opacity: 1;
}

.lemartec-nv2a-project-modal__slider-slide.is-loaded .lemartec-nv2a-project-modal__slide-skeleton {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.lemartec-nv2a-project-modal__loader {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}

.lemartec-nv2a-project-modal__spinner {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(0, 111, 185, 0.2);
  border-top-color: #006fb9;
  border-radius: 50%;
  animation: lemartec-nv2a-modal-spin 0.8s linear infinite;
}

.lemartec-nv2a-project-modal__play {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
}

.lemartec-nv2a-project-modal__play.is-hidden,
.lemartec-nv2a-project-modal__play[hidden] {
  display: none !important;
}

.lemartec-nv2a-project-modal__play svg {
  display: block;
  width: clamp(56px, 12vw, 96px);
  height: auto;
  pointer-events: none;
}

.lemartec-nv2a-project-modal__viewer.is-video-active .lemartec-nv2a-project-modal__slider,
.lemartec-nv2a-project-modal__viewer.is-video-active .lemartec-nv2a-project-modal__slider-slide,
.lemartec-nv2a-project-modal__viewer.is-video-active .lemartec-nv2a-project-modal__loader {
  display: none !important;
}

.lemartec-nv2a-project-modal__video-wrap {
  position: relative;
  width: 100%;
  height: clamp(240px, 40vh, 420px);
  min-height: clamp(240px, 40vh, 420px);
  overflow: hidden;
  background-color: transparent;
}

.lemartec-nv2a-project-modal__video-wrap[hidden] {
  display: none !important;
}

.lemartec-nv2a-project-modal__viewer.is-video-active .lemartec-nv2a-project-modal__video-wrap {
  display: block !important;
}

.lemartec-nv2a-project-modal__video-poster {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.lemartec-nv2a-project-modal__video-poster.is-hidden {
  display: none !important;
}

.lemartec-nv2a-project-modal__video-wrap video,
.lemartec-nv2a-project-modal__video-wrap .lemartec-nv2a-project-modal__video-player {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  object-fit: contain;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.lemartec-nv2a-project-modal__video-wrap video.is-playing,
.lemartec-nv2a-project-modal__video-wrap .lemartec-nv2a-project-modal__video-player.is-playing {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
  object-fit: contain;
}

.lemartec-nv2a-project-modal__video-wrap .lemartec-nv2a-project-modal__play {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.lemartec-nv2a-project-modal__video-error {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(240px, 40vh, 420px);
  margin: 0;
  padding: 24px;
  color: #000000;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.lemartec-nv2a-project-modal__thumbs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.lemartec-nv2a-project-modal__thumb {
  position: relative;
  flex: 0 0 72px;
  width: 72px;
  height: 54px;
  padding: 0;
  border: 2px solid transparent;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}

.lemartec-nv2a-project-modal__thumb.is-active {
  border-color: #006fb9;
}

.lemartec-nv2a-project-modal__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.25s ease;
}

.lemartec-nv2a-project-modal__thumb.is-loading img {
  opacity: 0;
}

.lemartec-nv2a-project-modal__thumb.is-loaded img {
  opacity: 1;
}

.lemartec-nv2a-project-modal__thumb-skeleton {
  position: absolute;
  inset: 0;
}

.lemartec-nv2a-project-modal__thumb.is-loaded .lemartec-nv2a-project-modal__thumb-skeleton {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.lemartec-nv2a-project-modal__thumb--video {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 87, 184, 0.05);
}

.lemartec-nv2a-project-modal__thumb--video.is-active {
  border-color: #006fb9;
}

.lemartec-nv2a-project-modal__thumb-play {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #006fb9;
}

.lemartec-nv2a-project-modal__thumb-play-icon {
  display: block;
  width: 24px;
  height: 24px;
}

.lemartec-nv2a-project-modal__viewer.is-loading .lemartec-nv2a-project-modal__viewer-skeleton,
.lemartec-nv2a-project-modal__viewer.is-loaded .lemartec-nv2a-project-modal__viewer-skeleton {
  opacity: 0;
  visibility: hidden;
}

@keyframes lemartec-nv2a-modal-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 992px) {
  .lemartec-nv2a-project-modal__title {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .lemartec-nv2a-project-modal {
    padding: 10px;
  }

  .lemartec-nv2a-project-modal__dialog {
    max-height: calc(100dvh - 20px);
    padding: 28px 20px 20px;
  }

  .lemartec-nv2a-project-modal__title {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .lemartec-nv2a-project-modal__meta {
    margin-bottom: 16px;
  }

  .lemartec-nv2a-project-modal__description {
    margin-bottom: 20px;
  }
}

.lemartec-nv2a-experience_disclaimer{
	font-size: 13px;

	font-family: "Figtree", sans-serif;
	font-style: italic;
	margin:0px;
  position:absolute; 
 top:0px; 
  left:0px; 
  background-color:rgba(7, 48, 95, 0.493);
  color:white; 
  padding:14px 20px;
  max-width: 360px;
  line-height: normal;
}
/* lemartec-nv2a-project-modal ends */