:root {
    --color-primary: #014960;/*#0043d3;*/
    --color-primary-dark: #011f60;
    --color-secondary: #87b7f2;
    --color-light-gray: #ebeff4;
    --color-white: #ffffff;
    --color-text-dark: #000000;
    --color-text-light: rgba(0, 0, 0, 0.75);
    /* #000000bf */
    --text-muted: rgba(0, 0, 0, 0.7);
    /*#000000b3*/
    --color-text-placeholder: rgba(0, 0, 0, 0.5);
    /* #00000080 */
    --color-text-white: rgba(255, 255, 255, 0.9);
    /* #ffffffe6 */
    --color-text-white-muted: rgba(255, 255, 255, 0.75);
    /* #ffffffbf */
    --color-background-soft: rgba(235, 239, 244, 0.5);
    /* #ebeff480 */
    --font-heading: 'Lora', serif;
    --font-body: 'Arial', 'Inter', sans-serif;
    --font-secondary: 'Arial', sans-serif;
    --font-family-tertiary: 'Inter', sans-serif;
    --bg-footer: #F5F7F9;
    --color-dark-bg: #35455a;
    --border-color: rgba(207, 206, 206, 0.3);
    /* #cfcece4d */
    --border-dark-alpha: rgba(0, 0, 0, 0.5);
    /* #00000080 */
    --border-color-2: #d9d9d9;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--font-body);
    background-color: var(--color-white);
    color: var(--color-text-dark);
}

.container {
    width: 100%;
    max-width: 1512px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
}

a {
    text-decoration: none;
    color: inherit;
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-heading);
    margin: 0;
}

p {
    margin: 0;
    line-height: 1.5;
	font-size:16px;
	color:#404040;
}
ul li{
	color:#404040;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-dark {
    border: 1px solid rgba(0, 0, 0, 0.55);
    color: rgba(0, 0, 0, 0.7);
}

.btn-dark:hover {
    background-color: var(--color-primary);
    /*--color-light-gray   --color-text-dark*/
    color: var(--color-white);
    /*--color-primary   --color-white*/
}

.btn-primary {
    background-color: var(--color-primary);
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: var(--color-text-white-muted);
}

.btn-primary:hover {
    background-color: var(--color-secondary);
    color: var(--color-primary-dark);
}

.btn-light {
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: var(--color-text-white-muted);
}

.btn-light:hover {
    background-color: var(--color-white);
    color: var(--color-primary);/*--color-primary-dark*/
}

.arrow-icon {
    width: 32px;
    height: 17px;
    position: relative;
}

.arrow-icon img {
    position: absolute;
    transition: transform 0.3s ease;
}

.arrow-icon .arrow-1 {
    left: 0;
}

.arrow-icon .arrow-2 {
    left: 12px;
}

.btn:hover .arrow-icon .arrow-1 {
    transform: translateX(12px);
}

.margin-bottom-30{
    margin-bottom: 30px;
}


/*My style*/
.design-page h3.article-title {
    font-size: 42px;
    padding-bottom: 10px;
}

/*.design-page h2.section-title {
    padding-bottom: 60px;
}*/

.design-page .product-image-placeholder {
    background: transparent;
}

.design-page .accordion-item {
    padding-bottom: 30px;
    padding-top: 30px;
}

.design-page .accordion-item .accordion-content {
    display: none;
}

.design-page .accordion-item.is-open .accordion-content {
    display: block;
    transition: max-height 0.4s ease, padding 0.3s ease;
}

.design-page .accordion-header img {
    transition: transform 0.3s ease;
}

.design-page .accordion-item.is-open .accordion-header img {
    /*transform: rotate(180deg);*/
}

.btn:hover .arrow-icon .arrow-2 {
    transform: translateX(-12px);
}

.design-page .product-description ul {
    padding: 0;
    display: flex;
    gap: 7px 0;
    flex-direction: column;
    margin: 0;
}

.design-page .product-description ul li {
    list-style: none;
    display: flex;
    width: 100%;
}

.particular-label,
.particular-value {
    font-size: 16px;
    color: #000000;
}

.particular-label {
    width: 50%;
}

.particular-value {
    width: 50%;
}

.service-page .article-title {
    font-size: 42px;
    /*padding-bottom: 40px;*/
}

/*.service-page h2.section-title {
    padding-bottom: 60px;
}*/

.service-page .content-wrapper .sidebar-menu ul li a.active,
.about-main-section .about-main-container .sidebar-menu ul li a.active,
.archives-listing .archives-wrapper .sidebar-menu ul li a.active {
    background: var(--color-primary) ;/*url("../images/service-images/I468_5191_29_1094.svg") no-repeat 97% center*/
}
.archives-search-listing{
    padding-bottom: 30px;
}


/* Home page section style start */

/* CSS for section section:header */
.header-section {
    background-color: var(--color-white);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    max-width: 1512px;
    margin: 0 auto;
    padding: 0 40px;
}

.logo-svg-wrapper {
    position: relative;
    width: 250px;
    height: 72px;
}

.main-nav ul {
    display: flex;
    align-items: center;
    gap: 25px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    color: var(--color-text-dark);
    padding: 10px 0;
}

.main-nav a:hover {
    color: var(--color-primary);
}

.current-menu-item a {
    color: var(--color-primary);
    font-weight: 700;
}

.current-menu-item-contact {
     color: #ffffff;
	background:var(--color-primary);
}

.btn-dark:hover .current-menu-item-contact {
    color: var(--color-white);
}

.mobile-nav-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
}

/* Hide sub-menus by default */
.main-nav .sub-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Add arrow for parent menu items */
.main-nav .menu-item-has-children>a::after {
    content: "▾";
    /* down arrow */
    font-size: 12px;
    margin-left: 5px;
    transition: transform 0.3s ease;
}

/* Rotate arrow when active */
.main-nav .menu-item-has-children.open>a::after {
    transform: rotate(180deg);
}

/* Parent should be relative to position sub-menu correctly */
.main-nav .menu-item-has-children {
    position: relative;
}

/* Sub-menu positioned under parent */
.main-nav .sub-menu {
    display: none;
    /* hidden by default */
    position: absolute;
    top: 100%;
    /* place right below parent */
    left: 0;
    /* align left edge */
    list-style: none;
    margin: 0;
    padding: 10px 0;
    min-width: 180px;
    /* ensures submenu has width */
    z-index: 999;
    background: var(--color-white);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

/* Sub-menu items */
.main-nav .sub-menu li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2px 10px;
    /*gap: 30px;*/
    border-bottom: solid 1px #e5e5e557;
}

.main-nav .sub-menu li a {
    display: block;
    padding: 8px 15px;
    color: var(--color-text-dark);
    white-space: nowrap;
}

.main-nav .sub-menu li a:hover {
    background: #f5f5f5;
    color: var(--color-primary);
}


/* Base hidden state */
.mobile-nav {
    position: fixed;
    top: 0;
    right: -100%;
    /* hidden offscreen */
    width: 100%;
    /*max-width: 300px;*/
    height: 100%;
    background: var(--color-white);
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
    transition: right 0.3s ease;
    z-index: 9999;
    padding: 20px 20px 20px;
    /* leave room for header */
}

/* When active (open) */
.mobile-nav.active {
    right: 0;
}

/* Style mobile nav items */
.mobile-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile-nav a {
    font-size: 18px;
    color: var(--color-text-dark);
    text-decoration: none;
}

.mobile-nav a:hover {
    color: var(--color-primary);
}

/* Only show on small screens */


body.no-scroll {
    overflow: hidden;
}

.mobile-nav-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: var(--color-text-dark);
}

.mobile-nav-close:hover {
    color: var(--color-primary);
}


/* Sub-menus hidden by default */
.mobile-nav .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    /* control speed */
    /*padding: 10px 20px;*/
    padding-left: 20px;
}

/* Expanded submenu */
.mobile-nav .menu-item-has-children.open>.sub-menu {
    max-height: 500px;
    /* large enough to fit items */
}

/* Toggle button (+ / -) */
.mobile-nav .submenu-toggle {
    font-size: 20px;
    margin-left: 20px;
    cursor: pointer;
    user-select: none;
    transition: transform 0.3s ease;
}

.mobile-nav .menu-item-has-children.open>a .submenu-toggle {
    content: "-";
}

.mobile-nav .sub-menu li:first-child {
    margin-top: 10px;
}


/* CSS for section section:hero */
.hero-section {
    position: relative;
    height: 650px;
    /*background-image: url('images/7a6457086e9f72e9e5ad46b4e7b7443d3b66677e.png');*/
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    border-radius: 10px;
    margin: 15px;
}

.hero-content {
    padding: 25px;
    border-radius: 15px;
    /*backdrop-filter: blur(2px);*/
}

/*.swiper-slide .hero-content {
    background: rgba(0, 0, 0, 0.2);
}*/

.hero-text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}

.hero-subtitle {
    font-family: var(--font-heading);
    font-size: 32px;
    line-height: 1.2;
}

.hero-title {
    font-family: var(--font-heading);
    font-size: 62px;
    line-height: 1.2;
}

.hero-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 41px;
    height: 41px;
    border: 1.5px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-arrow-left {
    left: 40px;
}

.hero-arrow-right {
    right: 40px;
}

.swiper-button-prev,
.swiper-button-next {
    width: 60px !important;
    height: 42px !important;
    background-repeat: no-repeat;
}

.swiper-button-prev {
    background-image: url('../images/L-Arrow-Button.svg');/*swiper-button-prev.png*/
}

.swiper-button-next {
    background-image: url('../images/R-Arrow-Button.svg');/*swiper-button-next.png*/
}
.heroSwiper .swiper-button-next{
    right: 15px !important;;
}
.heroSwiper .swiper-button-prev{
    left: 15px !important;;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: none !important;
    content: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    display: none;
}

.hero-slider {
    position: relative;
    margin: 15px;
    border-radius: 10px;
    overflow: hidden;
}

.hero-slider .swiper-slide {
    height: 500px;/*650px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-slide {
    position: relative;
    height: 650px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
}

.hero-content {
    padding: 25px;
    border-radius: 15px;
    /*backdrop-filter: blur(2px);*/
    text-align: center;
}

.hero-content {
    /*background: rgba(0, 0, 0, 0.2);*/
    max-width: 894px;
}
.page-template-page-design .hero-content {
    max-width: 925px;
}
.page-template-page-about-us .hero-content {
    max-width: 900px;
}

.hero-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 41px;
    height: 41px;
    border: 1.5px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

.hero-arrow-left {
    left: 40px;
}

.hero-arrow-right {
    right: 40px;
}


/* CSS from section:philosophy */
.philosophy-section {
    padding: 40px 40px;
}

.philosophy-title,
.page-content-section h1,
.page-content-section .page-main-title {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 42px;
    line-height: 1.28;
    color: var(--color-text-dark);
    margin: 0 0 40px 0;
    /*max-width: 782px;*/
}

.philosophy-card {
   
   
    /* stretch both columns equally */
    /*flex-start;  align image to top */
    border-radius: 10px;
    overflow: hidden;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);*/
	display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.philosophy-image {
     /*position: relative;
  overflow: hidden;*/
  height: 100%;
}

.philosophy-image img {
    width: 100%;
    height: auto;/*100%;*/
    object-fit: cover;
    border-radius: 10px;
    display: block;
    /*max-height: 566px;*/
}

.philosophy-details {
    flex: 1;
    background-color: var(--color-white);
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    /*align-self: center;*/
    height: fit-content;
}

.philosophy-item {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.item-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 25px;
    line-height: 1.15;
    margin: 0;
    font-family: var(--font-secondary);
}

.item-title strong {
    font-weight: 700;
    color: var(--color-text-dark);
}

.item-title .item-subtitle {
    font-weight: 400;
    color: var(--color-text-light) !important;
}

.item-title .item-subtitle:first-of-type {
    color: var(--color-text-dark);
}

.item-description {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.15;
    color: rgba(0, 0, 0, 0.9);
    margin: 0;
}
.philosophy-item.expanded .more-content {
  max-height: 1000px; /* large enough to hold content */
}
.item-more {
	/*max-height: 0;*/
    display: none;
	overflow: hidden;
	transition: max-height 0.6s ease;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.85);
	margin-top: 10px;
}

.item-more.active {
    display: block;
}

.item-link {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.15;
    color: var(--color-primary);
    text-decoration: none;
}

.item-link:hover {
    text-decoration: underline;
}

.item-divider {
    border: none;
    height: 1px;
    background-color: rgba(15, 39, 70, 0.35);
    margin: 0;
}


/* CSS for section section:about */
.about-section {
    padding: 40px 0 120px;
}

.about-intro {
    margin-bottom: 40px;
}

.about-title {
    font-size: 42px;
    line-height: 1.28;
    color: var(--color-text-dark);
    margin-bottom: 15px;
}

.about-description {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    color: var(--color-text-light);
    font-size: 24px;
    line-height: 1.15;
}

.about-cards {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 16px;
}

.about-card-image img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 10px;
}

.about-card-text {
    padding: 30px 16px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-card-text h3 {
    font-size: 32px;
    line-height: 1.28;
    color: var(--color-text-dark);
    margin-bottom: 15px;
}

.about-card-text p {
    font-size: 16px;
    line-height: 1.15;
    color: var(--color-text-light);
}

.bg-light-gray {
    background-color: var(--color-light-gray);
}

.bg-secondary {
    background-color: var(--color-secondary);
}


/* CSS for section section:video */
.video-section {
    padding-bottom: 120px;
}

.video-container {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--color-light-gray);
}

.video-thumbnail {
    width: 100%;
    height: 680px;
    object-fit: cover;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play-button-wrapper {
    position: relative;
    width: 48.12px;
    height: 50px;
}

/* CSS for section section:news */
.news-section {
    padding: 120px 0;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.section-header h2 {
    font-size: 42px;
    font-weight: 400;
}

.carousel-dots {
    display: flex;
    gap: 15px;
    align-items: center;
}

.carousel-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--color-light-gray);
}

.carousel-dots .dot.active {
    background-color: var(--color-primary);
    width: 40px;
    border-radius: 30px;
}

.news-content {
    display: grid;
    grid-template-columns: 830fr 602fr;
    align-items: stretch;
}

.news-text-card {
    background-color: var(--color-light-gray);
    padding: 40px 20px;
    border-radius: 10px 0 0 10px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.news-text-card h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.28;
}

.news-text-card p {
    font-size: 16px;
    color: var(--color-text-light);
}

.news-buttons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 10px 10px 0;
}


/* CSS for section section:designs */
.designs-section {
    background-color: var(--color-light-gray);
    padding: 100px 0;
}

.designs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 16px;
}

.design-card {
    background-color: var(--color-light-gray);
    border-radius: 10px;
    overflow: hidden;
}

.design-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.design-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.design-card-content h3 {
    font-size: 32px;
}

.design-card-content p {
    font-size: 16px;
    color: var(--color-text-light);
    flex-grow: 1;
}

.design-card-content .btn {
    align-self: flex-start;
}

/* CSS for section section:references */
.references-section {
    padding: 40px 40px;
}

.references-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 16px;
}

.reference-card {
    background-color: var(--color-white);
    border-radius: 10px;
    overflow: hidden;
    /*box-shadow: 0 4px 15px rgba(0,0,0,0.05);*/
}

.reference-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}

.reference-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    min-height: 256px;
}
#section-news .reference-card-content{
    min-height: 276px;
}
#section-projects .reference-card-content{
    min-height: 220px;
}

.reference-card-content .tag {
    display: inline-block;
    background-color: var(--color-light-gray);
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 16px;
    margin-bottom: 10px;
}

.reference-card-content h3 {
    /*font-size: 32px;*/
    margin-bottom: 10px;

    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
}

.reference-card-content p {
    font-size: 16px;
    color: var(--color-text-light);
}

.reference-card-content .btn {
    align-self: flex-start;
}


.newsitem-more {
    display: none;
    transition: all 0.3s ease;
}

.newsitem-more.active {
    display: block;
}
    
    .popup-box{
        max-height: 90vh;
        overflow-y: auto;
        overflow-x: hidden;

        -webkit-overflow-scrolling: touch;
    }

    /* News Popup Styling */

    .brochure-popup .popup-box.news-popup-box{
        max-width: 650px;
        padding: 0;
    }
    .popup-box.news-popup-box{
        padding: 0;
        border-radius: 16px;
    }
    .news-popup-box .popup-close{
        background-color: #fff;
        border-radius: 50%;
    }
    .news-popup-box #news-popup-summary{
        padding: 0 25px;
    }
    .news-popup-box #news-popup-more{
        padding: 0 25px 30px;
    }



    .news-popup-box {
      max-width: 800px;
      width: 90%;
      background: #fff;
      border-radius: 12px;
      padding: 30px;
      position: relative;
      max-height: 90vh;
      overflow-y: auto;
    }

    .news-popup-image {
      width: 100%;
      border-radius: 0px;
      margin-bottom: 20px;
      height: 250px;
    }

    .news-popup-content h3 {
      font-size: 24px;
      margin-bottom: 10px;
      font-family: var(--font-body);
      font-weight: 400;
      padding: 0 20px;
    }

    .news-popup-content p {
      font-size: 16px;
      color: #333;
      line-height: 1.6;
      margin-bottom: 15px;
    }

    .news-popup-content .download-section {
      margin-top: 20px;
      text-align: left;
    }



/* CSS for section section:services */
.services-section {
    padding: 0 40px;
}

.services-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1432px;
    margin: 0 auto;
}

.services-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 0 0 10px;
}

.services-content {
    background-color: var(--color-primary);
    color: var(--color-white);
    padding: 50px 40px;
    border-radius: 0 10px 10px 0;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.services-content h2 {
    font-size: 42px;
}

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

/*.accordion-item {
    cursor: pointer;
}*/

.accordion-header {
    display: flex;
    align-items: center;
    gap: 20px;
    list-style: none;
}

.accordion-header::-webkit-details-marker {
    display: none;
}

.accordion-number {
    font-size: 16px;
    font-weight: 700;
}

.accordion-title {
    font-size: 24px;
    flex-grow: 1;
}

.accordion-icon {
    transition: transform 0.3s ease;
}

.accordion-item[open] .accordion-icon {
    transform: rotate(-180deg);
}

.accordion-body {
    padding: 20px 0 0 38px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-text-white);
}

.accordion hr {
    border: none;
    border-top: 1px solid #0f2746;
    margin: 0;
}

.muted {
    color: var(--color-text-white-muted);
}


/* CSS for section section:esg */
.esg-section {
    padding: 100px 0;
}

.esg-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.esg-content {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.esg-content h2 {
    font-size: 42px;
}

.esg-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.esg-item {
    display: flex;
    gap: 38px;
    align-items: flex-start;
}

.esg-item img {
    margin-top: 14px;
}

.esg-item-text h3 {
    font-size: 32px;
    margin-bottom: 20px;
}

.esg-item-text p {
    font-size: 16px;
    color: var(--color-text-light);
    white-space: pre-line;
}

.esg-list hr {
    border: none;
    border-top: 1.5px solid #eaece4;
    margin: 0;
}

.esg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}


/* CSS for section section:career */
.career-section {
    background-color: var(--color-primary-dark);
    padding: 80px 40px;
}

.career-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 831px;
    overflow: hidden;
}

.career-content {
    position: relative;
    z-index: 2;
    color: var(--color-white);
    text-align: center;
    max-width: 468px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.career-content h2 {
    font-size: 42px;
}

.career-content p {
    font-size: 24px;
    color: var(--color-text-white-muted);
    line-height: 1.4;
}

.career-bg-images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.career-bg-images img {
    position: absolute;
    border-radius: 10px;
    object-fit: cover;
}

.img1 {
    top: 27.08%;
    left: 0;
    width: 300px;
    height: 310px;
}

.img2 {
    top: 15.64%;
    left: 11.59%;
    width: 175px;
    height: 140px;
}

.img3 {
    top: 0;
    left: 42.17%;
    width: 170px;
    height: 170px;
}

.img4 {
    top: 20.94%;
    right: 0;
    width: 386px;
    height: 280px;
}

.img5 {
    bottom: 19.25%;
    right: 11.26%;
    width: 140px;
    height: 140px;
}

.img6 {
    bottom: 0;
    right: 39.65%;
    width: 105px;
    height: 105px;
}


/* CSS from section:footer */
.site-footer {
    background-color: var(--bg-footer);
    padding: 30px 0 40px;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.footer-logo-section {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.footer-logo-images {
    position: relative;
    width: 250px;
    height: 66px;
}

.footer-logo-images img {
    position: absolute;
}
.footer-logo-section > a.footer-logo {
  display: none;
}
.img-346_16464 {
    top: 2.97px;
    left: 19.55px;
}

.img-346_16472 {
    top: 11.13px;
    left: 26.69px;
}

.img-346_16473 {
    top: 11.13px;
    left: 31.83px;
}

.img-346_16475 {
    top: 14.93px;
    left: 21.64px;
}

.img-346_16479 {
    top: 15.75px;
    left: 38.80px;
}

.img-346_16482 {
    top: 20.38px;
    left: 13.39px;
}

.img-346_16487 {
    top: 18.17px;
    left: 9.25px;
}

.img-346_16490 {
    top: 4.05px;
    left: 35.16px;
}

.img-346_16491 {
    top: 0.41px;
    left: 0px;
}

.img-346_16499 {
    top: 7.29px;
    left: 99.90px;
}

.img-346_16508 {
    top: 34.99px;
    left: 101.27px;
}

.img-346_16542 {
    top: 50.80px;
    left: 100.91px;
}

.iso-logos {
    display: flex;
    align-items: center;
    gap: 16px;
}

.iso-logos img {
    height: 70px;
    object-fit: contain;
}

.footer-nav {
    display: flex;
    gap: 136px;
    align-items: center;
}

/*.footer-nav-col ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 32px;
        }*/
.footer-nav-col a {
    font-size: 16px;
}

.footer-nav-col a:hover {
    color: var(--color-primary);
}

.footer-nav-col ul {
    /*display: grid;
          grid-template-rows: repeat(2, auto); 
          grid-auto-flow: column; 
          list-style: none;
          padding: 0;
          margin: 0;
          gap: 32px;*/
    width: 66%;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    justify-content: flex-end;
}

.footer-divider {
    border: none;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.15);
    margin: 24px 0;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.social-links {
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    /* vertically center icons with text */
    /*justify-content: space-between;*/
    /* push text left, icons right */
    gap: 20px;
}

.social-links p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
    margin: 0;
    /* remove default margin */
}

.social-icons {
    display: flex;
    gap: 16px;
}

.social-icons a img {
    width: 24px;
    height: 24px;
}

.copyright-info {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.copyright-info p {
    font-size: 14px;
    color: var(--text-muted);
}

.copyright-info .heart {
    color: #137AFB;
}

.copyright-info a:hover {
    color: var(--color-primary);
}

/* CSS for section section:footer */
/*.footer-section {
            background-color: var(--color-white);
            padding: 80px 0 40px;
        }
        .footer-grid {
            display: grid;
            grid-template-columns: 348px 1fr 347px;
            gap: 14px;
        }
        .footer-col-main {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .footer-logo-wrapper {
            position: relative;
            width: 298px;
            height: 85px;
        }
        .social-links p {
            font-size: 12px;
            color: rgba(0,0,0,0.7);
            margin-bottom: 16px;
        }
        .social-icons {
            display: flex;
            gap: 16px;
        }
        .iso-certs {
            display: flex;
            align-items: center;
            gap: 16px;
        }
            .iso-certs img {
                width: 50%;
            }
        .copyright p {
            font-size: 14px;
            color: var(--color-text-light);
        }
        .copyright .heart {
            color: #137bfc;
        }
        .footer-col-links {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: auto auto;
            gap: 30px 16px;
        }
        .link-group h4 {
            font-family: var(--font-heading);
            font-size: 16px;
            color: rgba(0,0,0,0.5);
            margin-bottom: 16px;
        }
        .link-group ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        .link-group li a {
            font-size: 14px;
        }
        .link-group li a:hover {
            text-decoration: underline;
        }
        .newsletter-card {
            background-color: var(--color-light-gray);
            border-radius: 10px;
            padding: 15px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .newsletter-card h3 {
            font-size: 32px;
        }
        .newsletter-card p {
            font-size: 16px;
        }
        .newsletter-form {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: var(--color-white);
            border: 1px solid #cfcece;
            border-radius: 10px;
            padding: 0 15px;
            height: 60px;
        }
        .newsletter-form input {
            border: none;
            outline: none;
            background: transparent;
            font-size: 16px;
            flex-grow: 1;
        }
        .newsletter-form button {
            background: none;
            border: none;
            cursor: pointer;
            padding: 0;
        }
        .newsletter-image {
            border-radius: 10px;
        }
        @media (max-width: 1200px) {
            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
            .footer-col-newsletter {
                grid-column: 1 / -1;
                margin-top: 40px;
            }
            .footer-col-links {
                grid-template-columns: 1fr 1fr;
            }
        }
        @media (max-width: 768px) {
            .footer-grid {
                grid-template-columns: 1fr;
            }
            .footer-col-main, .footer-col-links, .footer-col-newsletter {
                gap: 40px;
            }
            .footer-col-links {
                grid-template-columns: 1fr 1fr;
            }
        }*/


/* Home page section style end */


/* Contact page style */

#contact {
    padding: 80px 0;
}

.contact-container {
    max-width: 1516px;
    margin: 0 auto;
    padding: 0 80px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.contact-intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /*max-width: 635px;*/
}

.contact-label {
    margin: 0;
    color: var(--color-text-light);
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.15;
}

.contact-headline {
    margin: 0;
    color: var(--color-text-dark);
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 62px;
    line-height: 1.28;
}

.contact-details {
    display: flex;
    gap: 157px;
    font-style: normal;
    padding-top: 8px;
    /* Visual alignment adjustment */
}

.contact-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-value {
    margin: 0;
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.15;
}

.contact-value a {
    color: inherit;
    text-decoration: none;
}

.contact-value a:hover {
    text-decoration: underline;
}

.email-value {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}


/* CSS from section:contact-form */
.contact-section {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 40px 20px;
    background-image: url('/page/15d94b0a-ab9f-4b2c-81b6-1ddc40321ec7/images/9ee5f4d6b84482f0e828950ced9a18cac280c198.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.form-container {
    width: 100%;
    max-width: 850px;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
}

.form-tabs {
    display: flex;
}

.tab-item {
    padding: 10px 15px;
    font-size: 16px;
    text-decoration: none;
    color: var(--color-white);
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    transition: background-color 0.3s, color 0.3s;
}

.tab-item.active {
    background-color: var(--color-white);
    color: var(--color-text-dark);
    font-weight: 700;
    border-radius: 10px 0 0 0;
}

.tab-item:nth-child(2) {
    /* No specific radius from figma, but this looks better */
}

.tab-item:nth-child(3) {
    border-radius: 0 10px 0 0;
}

.form-content {
    background-color: var(--color-white);
    border: 1px solid var(--border-color-2);
    border-top: none;
    padding: 30px;
    border-radius: 0 0 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.form-panel {
    display: none;
}

.form-panel.active {
    display: block;
}

.form-description {
    font-size: 24px;
    color: var(--color-text-light);
    line-height: 1.2;
    margin: 0;
}

.contact-form-body {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-row {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

label {
    font-size: 16px;
    color: var(--color-text-dark);
    font-weight: 400;
}

input,
textarea,
.custom-select {
    width: 100%;
    padding: 14px 15px;
    font-size: 16px;
    font-family: 'Inter', var(--font-secondary);
    border: 1px solid #cfcece;
    border-radius: 10px;
    background-color: var(--color-white);
}

input::placeholder,
textarea::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.custom-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-text-dark);
    /* Matching the label color for the selected value */
    cursor: pointer;
}

.custom-select img {
    transform: rotate(90deg);
    width: 24px;
    /* A sensible default size */
    height: 24px;
}

textarea {
    height: 140px;
    resize: vertical;
}

.submit-button {
    align-self: flex-start;
    padding: 12px 25px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.55);
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.submit-button:hover {
    /*background-color: #f0f0f0;*/

    background-color: var(--color-primary);
    color: var(--color-white);
}


/* CSS from section:address */
.address-container {
    max-width: 1516px;
    margin: 0 auto;
    padding: 80px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

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

.address-main-title {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: var(--color-text-dark);
    margin: 0;
}

.address-grid {
    display: flex;
    gap: 15px;
    align-items: stretch;
}

.address-card {
    /*flex: 1;*/
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 10px;
	width:50%;/*33%; as client removed Subsidiary Office */
}

.head-office-card {
    background-color: var(--color-light-gray);
}

.card-title {
    font-family: var(--font-heading);
    font-size: 24px;
    line-height: 1.28;
    color: var(--color-text-dark);
    margin: 0;
    font-weight: 400;
}

.head-office-title {
    font-weight: 600;
}

.card-address {
    font-family: var(--font-secondary);
    font-size: 16px;
    line-height: 1.15;
    color: var(--color-text-light);
    margin: 0;
    flex-grow: 1;
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contact-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.contact-pill {
    padding: 5px 10px;
    border-radius: 50px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    background:#ebeff4;
	color:#000000;
	
}
.address-card.active .contact-pill{
	color:#000000;
	background:#ffffff;
}

.pill-white {
    background-color: var(--color-white);
}

.pill-gray {
    background-color: var(--color-light-gray);
}

.contact-link {
    color: var(--color-text-dark);
    text-decoration: underline;
}

.map-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    object-fit: cover;
}


.map-container {
    position: relative;
    /*padding-bottom: 56.25%; /* 16:9 ratio */
    */ height: 0;
    overflow: hidden;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Contact page style end */


/* Team page style */

/* CSS from section:people */
.team-page-people-section {
    padding: 60px 80px 0;
}

.team-content-wrapper {
    max-width: 709px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.main-title {
    color: var(--color-text-dark);
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 62px;
    line-height: 79.36px;
    text-align: left;
    margin: 0;
}

.description-text {
    color: var(--color-text-light);
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 18.4px;
    text-align: left;
    margin: 0;
}


/* CSS from section:team-grid */
.team-page-team-section {
    padding: 60px 80px 80px;
}

.team-container {
    max-width: 1352px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px 15px;
}

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

.team-card__image {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 10px;
}

.team-card__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.team-card__name {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.15;
    /* Corresponds to 27.6px */
    color: var(--color-text-light);
    margin: 0;
}

.team-card__designation {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.15;
    /* Corresponds to 18.4px */
    color: var(--color-text-light);
    margin: 0;
}

/*@media (max-width: 1512px) {
        .team-page-team-section,
        .team-page-people-section {
            padding: 40px;
        }
    }*/


/* Team page style end */


/* About Us page style */

    /*.page-template-page-about-us .main-navigation{
        display: none;
    }*/

/* CSS for section section:hero */
.about-us-hero-section {
    background-size: cover;
    background-position: center;
    height: 500px;/*650px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 15px;
    border-radius: 10px;
}

/*.about-us-hero-sectionr::before {
          content: "";
          position: absolute;
          inset: 0; 
          background: rgba(0, 37, 78, 0.7); 
          z-index: 1;
        }
        .hero-banner .content {
          position: relative;
          z-index: 2; 
          color: #fff;
          text-align: center;
        }*/
.about-us-hero-title {
    font-family: var(--font-heading);
    font-size: 62px;
    font-weight: 400;
    color: var(--color-white);
    /*z-index: 2; /* ensure text/buttons appear above overlay */
    */
}

.about-main-heading-container{
    padding-top: 40px;
    padding-bottom: 40px;
}

/* CSS for section section:about-intro */
.about-intro-section {
    padding: 0 0 40px 0;
}

.about-intro-container {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    /*gap: 93px;*/
    padding-left: 18px;
}

.about-culture-heading{
    margin-bottom: 20px;
}

.about-text-content {
    /*max-width: 890px;*/
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: var(--color-text-light);
    font-size: 18px;/*26px;*/
    line-height: 1.2;
}
.about-text-content img,
.career-intro-img{
    max-height: 425px; /*310px;*/
    border-radius: 10px;
	object-fit: cover;
}
#section-services-content .placeholder-image img{
    max-height: 425px; /*310px;*/
    object-fit: cover;
    border-radius: 10px;
}
#section-services-content .placeholder-image.max-height-425 img{
    max-height: 425px;
}
#section-services-content .placeholder-image.max-height-full img{
    max-height: max-content;
}
/* .about-text-content p:not(:first-child) {
    font-size: 18px;
    line-height: 1.2;
}
 */
.mission-vision-wrapper {
    

    /*margin-top: 93px;*/
    padding: 40px 0;
    margin: 0 40px 0 18px;
}
.mission-vision-container{
    display: flex;
    gap: 16px;
    width: 100%;
    justify-content: center;
    padding: 0;
}

.statement-card {
    border-radius: 10px;
    padding: 24px 14px;
    flex: 1;
    /*max-width: 438px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mission-card {
    background-color: var(--color-light-gray);
}

.vision-card {
    background-color: var(--color-secondary);
}

.statement-title {
    font-family: var(--font-heading);
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 70px;
}

.statement-text {
    font-size: 16px;
    color: var(--color-text-light);
    line-height: 1.2;
}


/* CSS for section section:core-values */
.core-values-section {
    background-color: var(--color-dark-bg);
    padding: 40px 0;
    border-radius: 10px;
    margin: 0 40px 0 18px;
}

.core-values-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.values-list {
    flex: 1;
    max-width: 666px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.values-title {
    font-family: var(--font-heading);
    font-size: 42px;
    font-weight: 400;
    color: var(--color-white);
}

.values-list ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.value-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 20px;
    border-bottom: 1.5px solid #1f2835;
}

.value-item:last-child {
    border-bottom: none;
}

.value-icon {
    flex-shrink: 0;
    margin-top: 5px;
}

.value-text h3 {
    font-size: 26px;
    font-weight: 400;
    color: var(--color-white);
    margin-bottom: 16px;
	font-family: var(--font-body);
}

.value-text p {
    font-size: 16px;
    color: var(--color-text-white-muted);
}

.values-image {
    flex: 1;
    max-width: 585px;
}

.values-image img {
    border-radius: 10px;
    width: 100%;
    height: 596px;
    object-fit: cover;
}


/* CSS for section section:testimonials */
.testimonials-section {
    padding: 80px 0;
}
.about-main-section #client-testimonials.testimonials-section {
    padding-bottom: 0;
}
.about-main-section #client-testimonials.testimonials-section .container,
.about-main-section .people-section .container{
    padding-left: 18px;
}

.testimonials-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.testimonials-title {
    font-family: var(--font-heading);
    font-size: 42px;
    font-weight: 400;
    color: var(--color-text-dark);
}

.testimonials-pagination {
    display: flex;
    gap: 15px;
    align-items: center;
}

.testimonials-pagination .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--border-color-2);
}

.testimonials-pagination .dot.active {
    width: 40px;
    background-color: var(--color-primary);
    border-radius: 30px;
}

.testimonials-grid {
    display: flex;
    gap: 16px;
}

.testimonial-card {
    flex: 1;
    background-color: var(--color-light-gray);
    border-radius: 10px;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 15px 0;
}

.testimonial-quote {
    font-size: 16px;
    line-height: 1.15;
}

.testimonial-author {
    font-size: 16px;
    color: var(--color-text-light);
}

/*
              .testimonials-swiper {
                  overflow: hidden;
                }
                .testimonial-card {
                  background-color: var(--color-light-gray);
                  border-radius: 10px;
                  padding: 40px 20px;
                }
        .testimonials-section {
          margin: 60px 0;
        }

        .testimonials-title {
          text-align: center;
          font-size: 28px;
          margin-bottom: 30px;
        }

        .testimonials-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
          gap: 20px;
        }

        .testimonial-card {
          background: #f3f6fa;
          padding: 20px;
          border-radius: 8px;
        }

        .testimonial-text {
          font-size: 18px;
          color: #111;
          margin-bottom: 10px;
        }

        .testimonial-author {
          font-size: 14px;
          color: #555;
        }

        .testimonials-section {
          padding: 80px 0;
        }
        .testimonials-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 30px;
        }
        .testimonials-title {
          font-size: 32px;
          font-weight: 600;
        }
        .testimonials-pagination {
          display: flex;
          justify-content: flex-end;
        }
        .testimonial-card {
          background: #f3f6fa;
          border-radius: 10px;
          padding: 30px 20px;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }
        .testimonial-quote {
          font-size: 20px;
          line-height: 1.4;
        }
        .testimonial-author {
          margin-top: 15px;
          font-size: 16px;
          color: #666;
        }
        */
.testimonials-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: auto;
}

.testimonials-pagination .swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 30px;
}

/* Default desktop */
.testimonials-pagination-mobile {
  display: none;
}

.testimonials-swiper .swiper-slide {
  height: auto;
  display: flex;
}

.testimonial-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}


/* CSS for section section:people */
.people-section {
    padding: 80px 0 40px 0;
}

.people-title {
    font-family: var(--font-heading);
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 40px;
}

.people-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.person-card img {
    border-radius: 10px;
    width: 100%;
    margin-bottom: 16px;
	min-height: 360px;
    max-height: 360px;
    object-fit: cover;
}

.person-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.person-name {
    font-size: 24px;
    font-weight: 400;
    color: var(--color-text-light);
}

.person-designation {
    font-size: 16px;
    color: var(--color-text-light);
}


/* CSS for section section:careers */
.careers-section {
    padding: 80px 40px;
    background-color: var(--color-white);
}

.careers-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 831px;
    overflow: hidden;
}

.careers-collage {
    position: absolute;
    top: 0;
    left: 50%;
    /* anchor to center */
    transform: translateX(-50%);
    /* keep collage centered */
    width: 1600px;
    /* give enough space to hold positioned images */
    height: 100%;
    pointer-events: none;
}

.careers-content {
    position: relative;
    z-index: 1;
    max-width: 468px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.careers-title {
    font-family: var(--font-heading);
    font-size: 42px;
    font-weight: 400;
}

.careers-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.careers-text-wrapper p {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
}

.button-openings {
    border: 1px solid rgba(0, 0, 0, 0.55);
    border-radius: 50px;
    padding: 12px 25px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    align-self: flex-start;
    transition: background-color 0.3s, color 0.3s;
}

.button-openings:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}


    .about-us-careers .careers-container {
        /*max-width: 997px;*/
        margin: 40px auto;
        padding: 0 40px 0 18px;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .about-us-careers .intro-wrapper {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .about-us-careers .careers-title {
        font-family: var(--font-heading);
        font-weight: 400;
        font-size: 42px;
        line-height: 1.28;
        color: var(--color-text-primary);
    }

    .about-us-careers .intro-content {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .about-us-careers .intro-subtitle {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 26px;
        line-height: 1.15;
        color: var(--color-text-primary);
    }

    .about-us-careers .text-columns {
        display: grid;
        /*grid-template-columns: 1fr 1fr;*/
        gap: 16px;
    }

    .about-us-careers .text-columns p {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5; /* Adjusted for better readability */
        /*color: var(--color-text-secondary);*/
    }

    .about-us-careers .why-join-us {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .about-us-careers .section-title {
        font-family: var(--font-primary);
        font-weight: 400;
        font-size: 32px;
        line-height: 1.28;
        color: var(--color-text-primary);
    }
    .about-us-careers .why-join-us .section-title{
        margin: 0;
    }

    .about-us-careers .why-join-us-content {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .about-us-careers .content-subtitle {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 26px;
        line-height: 1.15;
        color: var(--color-text-primary);
    }

    .about-us-careers .cards-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .about-us-careers .career-card {
        display: flex;
        flex-direction: column;
        background-color: var(--color-background);
        border-radius: 10px;
        overflow: hidden;
        /*box-shadow: 0 4px 12px rgba(0,0,0,0.08);*/
    }

    .about-us-careers .career-card img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        border-radius: 10px;
    }

    .about-us-careers .card-content {
        padding: 24px 24px 24px 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
    }

    .about-us-careers .card-title {
        font-family: var(--font-primary);
        font-weight: 400;
        font-size: 21px;
        line-height: 1.28;
        color: var(--color-text-primary);
    }

    .about-us-careers .card-subtitle {
        font-family: var(--font-secondary);
        font-weight: 700;
        font-size: 16px;
        line-height: 1.15;
        color: var(--color-text-primary);
    }

    .about-us-careers .card-description {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }
    
    .about-us-careers .card-description p {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5; /* Adjusted for better readability */
        color: var(--color-text-secondary);
    }

    @media (max-width: 800px) {
        .about-us-careers .text-columns {
            grid-template-columns: 1fr;
        }
        .about-us-careers .cards-grid {
            grid-template-columns: 1fr;
            gap: 24px;
        }
    }

    @media (max-width: 600px) {
        .about-us-careers .careers-title {
            font-size: 36px;
        }
        .about-us-careers .intro-subtitle, .content-subtitle {
            font-size: 22px;
        }
        .about-us-careers .section-title {
            font-size: 28px;
        }
    }


    /* About us menu */
        .about-main-container {
          display: flex;
          align-items: flex-start;
          gap: 1px;
        }

        .about-sidebar {
          flex: 0 0 250px;
          position: sticky;
          top: 120px; /* adjust based on header height */
          align-self: flex-start;
        }

        .about-sidebar ul {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        .about-sidebar li {
          margin-bottom: 10px;
        }

        .about-sidebar a,
        .archives-sidebar a {
          text-decoration: none;
          color: #00254E;
          font-weight: 500;
          display: block;
          padding: 8px 12px;
          border-radius: 10px;
          transition: background 0.3s;
          margin: 0 8px;
        }

        .about-sidebar a.active,
        .about-sidebar a:hover,
        .archives-sidebar a:hover {
          background: var(--color-primary);
          color: #fff;
        }

        .about-content {
          flex: 1;
        }

        .about-content{
            width: 72%;
        }

/* About Us page style end */


/* Service page style */


/* CSS from section:hero */
.hero-banner {
    /*background-image: url('/page/143a0d52-eb60-4996-8a97-490042ee6823/images/8497bafab4fc5487ae297f57f5c6b02eb652dde5.png');*/
    background-size: cover;
    background-position: center;
    height: 500px;/*650px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--color-white);
    /*margin: 0 80px;*/
    margin: 15px;
    border-radius: 10px;
}

.hero-subtitle {
    font-family: var(--font-heading);
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 10px 0;
	color:#ffffff;
}

.hero-title {
    font-family: var(--font-heading);
    font-size: 62px;
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
}
.hero-description{
    font-family: var(--font-heading);
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--color-white);
    margin-top: 10px;
}


/* CSS from section:services-content */
.services-section {
    padding: 80px 0px;
}

.section-title {
    font-family: var(--font-heading);
    font-size: 42px;
    font-weight: 400;
    margin: 0 0 72px 0;
}

.content-wrapper {
    display: flex;
    gap: 18px;
}

.sidebar-menu {
    flex: 0 0 324px;
    background-color: var(--color-light-gray);
    border-radius: 10px;
    padding: 2px 0;
    align-self: flex-start;
}

.sidebar-header {
    font-size: 24px;
    padding: 18px 10px;
}
.page-template-page-reselling .sidebar-header {
    font-size: 22px;
}

.sidebar-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 10px;
    font-size: 16px;
    color: var(--text-muted);
    border-top: 1px solid var(--border-color);
    padding-right: 28px;
}

.sidebar-menu ul li:first-child a {
    border-top: none;
}

.sidebar-menu ul li a.active {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 10px;
    margin: 0 8px;
    padding: 12px 8px;
    padding-right: 28px;
}

.sidebar-menu ul li a:not(.active) img {
    opacity: 0;
}

.sidebar-menu ul li ul.sidebar-children{
    padding-left: 15px;
    display: none;
}
.sidebar-item.open > .sidebar-children {
  display: block;
}

.sidebar-parent-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.sidebar-parent-toggle .arrow {
  transition: transform 0.3s ease;
}

.sidebar-item.open > .sidebar-parent-toggle .arrow {
  transform: rotate(180deg);
}

.main-content {
    flex: 1;
}

.article-title {
    font-family: var(--font-heading);
    font-size: 42px;
    font-weight: 400;
    line-height: 1.28;
    margin: 0 0 40px 0;
}

.placeholder-image,
.placeholder-image img {
    width: 100%;
    /*height: 402px;*/
    /*background-color: var(--border-color-2);*/
    border-radius: 10px;
    margin-bottom: 40px;
}

.main-content article>*:last-child {
    margin-bottom: 0;
}

.intro-paragraph {
    font-size: 16px;
    line-height: 23px;
    /*color: var(--text-muted-darker);*/
    margin: 0 0 40px 0;
}

.service-content-small-heading {
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 20px 0;
    font-family: var(--font-body);
}

.content-block {
    margin-bottom: 40px;
}

.content-block h4,
.wp-block-group h4,
.tab-content h4 {
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 20px 0;
    font-family: var(--font-body);
}

.content-block h6,
.wp-block-group h6,
.tab-content h6 {
    font-size: 22px;
    font-weight: 400;
    margin: 20px 0;
}

.content-block p,
.content-block ul,
.wp-block-group p,
.wp-block-group ul,
.tab-content p,
.tab-content ul {
    font-size: 16px;
    line-height: 1.4;
   /* color: var(--text-muted-darker);*/
    margin: 0 0 20px 0;
}

.content-block ul,
.wp-block-group ul,
.tab-content ul {
    padding-left: 20px;
    list-style: disc;
}

.stand-out-list {
    list-style: none;
    padding-left: 0;
}

.stand-out-list li {
    margin-bottom: 10px;
}


/* Service page style end */


/* Design page Accordian item with Product cards style */

    /* CSS from section:products */
    .products-container {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .products-container .article-title {
        margin: 0;
    }

    /*.main-title {
            font-family: var(--font-heading);
            font-weight: 400;
            font-size: 42px;
            line-height: 1.28;
            color: #000000;
            margin: 0;
          }*/

    .accordion-item {
        display: flex;
        flex-direction: column;
    }

    .accordion-item.is-open .accordion-content {
        display: block;
    }

    .accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }

    .category-title {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 32px;
        line-height: 1.15;
        color: #000000;
        margin: 0;
    }

    .icon-button {
        background-color: transparent;
        /*border: 1px solid rgba(0, 0, 0, 0.5);*/
        border-radius: 16px;
        width: 32px;
        height: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        flex-shrink: 0;

        border: none;
    }

    .icon-button img {
        display: block;
    }

    /*.icon-button.icon-open {
            transform: rotate(-90deg);
          }

          .icon-button.icon-closed {
            transform: rotate(90deg);
          }*/

    .accordion-content {
        display: none;
        margin-top: 40px;
    }

    .product-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .product-card {
        display: flex;
        flex-direction: column;
        gap: 20px;
		
    }
.product-card.more-link{
	justify-content: space-between;
}
    /*.product-image-placeholder,
    .product-image-placeholder img {
        height: 220px;
        background-color: var(--border-color-2);
        border-radius: 10px;
    }*/
    .product-image-placeholder {
        height: 220px; /* fixed same height */
        width: 100%;
        overflow: hidden;
        border-radius: 10px;
        background-color: var(--border-color-2);
        position: relative;
    }

    .product-image-placeholder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }


    .product-info {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .reference-page .product-info {
        margin-bottom: 20px;
    }

    .product-title {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 25px;
        line-height: 1.15;
        color: #000000;
        margin: 0;
        margin-top: 20px;
    }

    .reference-page .product-title {
        /*margin-top: 0;*/
    }

    .product-description {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 16px;
        line-height: 1.15;
        color: rgba(0, 0, 0, 0.75);
        margin: 0;
        white-space: pre-line;
    }
    .reference-page .product-description {
        white-space: normal;
    }

    .product-description strong {
        font-weight: 700;
    }

    .divider {
        border: none;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.25);
        margin: 0;
    }


    .popup-read-more-only-content{
        display: none;
    }
    #design-popup-details .popup-read-more-only-content{
        display: block;
    }
    .product-listing-only-content{
        margin-top: -55px;
        display: block;
    }
    #design-popup-details .product-listing-only-content{
        display: none;
    }
    .design-page .product-description{
        margin-bottom: -32px;
    }
    .design-page #design-popup-details .product-description .popup-read-more-only-content ul{
        padding-inline-start: 40px;
    }
    .design-page #design-popup-details .product-description .popup-read-more-only-content ul li{
        display: list-item;
        list-style-type: disc;
    }


/* Design page Accordian item with Product cards style end */

/* Hide inactive tabs */
.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

/* Reselling page image margin */
.reselling-item-content-block-wrapper .placeholder-image:not(:first-of-type) {
    margin-top: 40px;
}

 
 .tab-extra {
    display: none;
 }
 .tab-extra.active {
    display: block;
 }
 /* 8888888888888888
 .service-testimonial-card-wrapper{
    display: flex;
 }*/
 #testimonial-slider {
  display: flex;
  gap: 0 20px;
}
 .service-testimonial-wrapper{
    padding-top: 60px;
    padding-bottom: 40px;
 }

 #build-confidence {
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .confidence-banner {
    box-sizing: border-box;
    max-width: 1352px;
    width: 100%;
    background-color: #f5f7f9;
    border-radius: 10px;
    padding: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  .confidence-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
    min-width: 0;
  }

  .confidence-title {
    font-family: 'Lora', serif;
    font-weight: 400;
    font-size: 42px;
    line-height: 1.28;
    color: #000000;
    margin: 0;
  }

  .confidence-description {
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.75);
    margin: 0;
    max-width: 985px;
  }

  .confidence-button {
    align-self: flex-start;
    padding: 12px 25px;
    border: 1px solid rgba(0, 0, 0, 0.55);
    border-radius: 50px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, color 0.3s;
  }

  .confidence-button:hover {
/*     background-color: var(--color-light-gray);
    color: var(--color-primary); */
	  background-color: var(--color-primary);
    color: #ffffff;
  }

  .confidence-illustration {
    position: relative;
    width: 267.03px;
    height: 190px;
    flex-shrink: 0;
  }

  .confidence-illustration img {
    position: absolute;
    object-fit: contain;
  }

  .img-1 { 
    opacity: 0.5; 
  }

/* brochure download section */

    .download-brochure-btn { display: none; }
    .download-brochure-btn.active,
    .download-brochure-btn.show-always { 
        display: inline-flex; 
        width: fit-content;
    }
    .margin-top-10{
        margin-top: 10px;
    }

    .heading-and-download-section .section-title{
        margin: 0;
    }
    .heading-and-download-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; /* Ensures wrapping on small screens */
      gap: 15px;
      margin-bottom: 72px;
    }

    .heading-and-download-section .heading-section {
      flex: 1;
    }

    .heading-and-download-section .download-section {
      display: flex;
      justify-content: flex-end;
    }

    .download-brochure-btn {
      background-color: #fff;
      /*color: #fff;
      border: none;*/
      padding: 14px 20px;
        border-radius: 25px;
        border: solid 1px #000;
        font-size: 15px;
        font-weight: 400;
        /*display: inline-flex;*/
        align-items: center;
        gap: 8px;
        cursor: pointer;
        transition: background-color 0.25s ease;
    }
    .download-brochure-btn img {
        margin: 0 5px;
    }

    .download-brochure-btn:hover {
        color: var(--color-white);
        background-color: var(--color-primary);
    }
    .download-brochure-btn:hover img {
        filter: brightness(0) invert(1);
    }


    .download-brochure-btn i {
      font-size: 16px;
    }

    /* ---------- Responsive ---------- */
    @media (max-width: 768px) {
      .heading-and-download-section {
        flex-direction: column;
        align-items: flex-start;
      }

      .heading-and-download-section .download-section {
        justify-content: flex-start;
      }

      .download-brochure-btn {
        margin-top: 10px;
      }
    }


    .hidden {
      display: none !important;
    }

    /* Overlay */
    .brochure-popup .popup-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.55);
      backdrop-filter: blur(3px);
      z-index: 9998;
    }

    /* Popup box */
        #design-popup.brochure-popup .popup-box {
            /*max-width:350px;*/
            max-width: 600px;
            max-height: 90%;
            overflow-y: auto;
            overflow-x: hidden;

            -webkit-overflow-scrolling: touch;
        }
        #design-popup .popup-close {
            top: 5px;
            right: 5px;
            border-radius: 50%;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            background-color: #fff;
            border: solid 1px #00000024;
        }
        .designitem-link{
            max-width: 135px;
        }
        #design-popup.brochure-popup .popup-box .product-image-placeholder,
        #design-popup.brochure-popup .popup-box .product-image-placeholder img{
            height: auto;
        }
    .brochure-popup .popup-box {
      position: fixed;
      top: 50%;
      left: 50%;
      width: 90%;
      max-width: 850px;
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
      transform: translate(-50%, -50%) scale(0.95);
      opacity: 0;
      padding: 30px 25px;
      z-index: 9999;
      transition: all 0.25s ease;
    }

    .brochure-popup:not(.hidden) .popup-box {
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }

    /* Close button */
    .popup-close {
      position: absolute;
      top: 12px;
      right: 16px;
      font-size: 24px;
      background: none;
      border: none;
      color: #555;
      cursor: pointer;
      line-height: 1;
      transition: color 0.2s ease;
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        border: solid 1px #00000024;
    }
    .popup-close:hover { color: #000; }

    #brochure-popup h3{
        font-family: var(--font-body);
        font-size: 24px;
        font-weight: 400;
        color: var(--color-text-light);
    }
    .brochure-popup-header-text{
        ont-family: var(--font-body);
        font-size: 16px;
        font-weight: 400;
        color: var(--color-text-light);
        margin: 16px 0;
    }

    /* Form */
    .form-row {
      margin-bottom: 16px;
      display: flex;
      flex-direction: column;
    }
    .form-row label {
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 5px;
      color: #333;
    }
    .form-row input {
      padding: 10px 12px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
      transition: border-color 0.2s ease;
    }
    .form-row input:focus {
      border-color: #0073aa;
      outline: none;
    }

    /* Buttons */
    .popup-buttons {
      display: flex;
      gap: 10px;
      justify-content: flex-end;
      margin-top: 10px;
    }
    .btn-primary {
      background-color: var(--color-primary);
      color: var(--color-white);
      border: none;
      padding: 10px 18px;
      border-radius: 50px;
      font-weight: 600;
      cursor: pointer;
      transition: background-color 0.2s ease;
    }
    .btn-primary:hover {
      background-color: var(--color-primary-dark);/*#005f87;*/
      color: var(--color-white);
    }
    .btn-secondary {
      /*background-color: #f3f3f3;
      color: #333;
      border: 1px solid #ddd;
      padding: 10px 18px;
      border-radius: 6px;
      cursor: pointer;
      transition: all 0.2s ease;*/

      border: 1px solid rgba(0, 0, 0, 0.55);
      color: rgba(0, 0, 0, 0.7);

      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 12px 25px;
      border-radius: 50px;
      font-size: 16px;
      font-weight: 400;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .btn-secondary:hover {
      /*background-color: #e7e7e7;*/
      background-color: var(--color-primary);
      color: var(--color-white);
    }

    /* Success Popup */
    .success-box {
      text-align: center;
      padding: 40px 25px;
    }
    .brochure-popup .popup-box.success-box {
        max-width: 500px;
    }
    .success-box img {
      width: 120px;
      margin: 0 auto;
      margin-bottom: 20px;
    }
    .success-box h3 {
      font-size: 24px;
      font-weight: 400;
      margin-bottom: 8px;
      color: #0073aa;
    }
    .success-box p {
      font-size: 16px;
      color: #333;
    }
    .success-box .btn-secondary.close-popup{
        margin-top: 30px;
    }

  

/* Carriers page style */


.section-padding {
    padding-left: 80px;
    padding-right: 80px;
    box-sizing: border-box;
    width: 100%;
}

.separator {
    border: none;
    border-top: 1px solid var(--border-color-2);
    width: calc(100% - 160px);
    margin: 0;
}


/* CSS from section:hero */
#hero {
    padding-top: 80px;
    padding-bottom: 40px;
    /* Calculated: 80px top padding + 40px gap in figma = 120px total vertical space. Split between sections */
}

.carriers-hero-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1352px;
    margin: 0 auto;
}

.carriers-hero-title {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 62px;
    line-height: 1.28;
    color: var(--color-text-dark);
    margin: 0;
}

.carriers-hero-subtitle {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.15;
    color: var(--color-text-light);
    margin: 0;
    max-width: 767px;
}


/* CSS from section:features */
#features {
    padding-top: 60px;
    padding-bottom: 60px;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 1352px;
    margin: 0 auto;
}

.feature-card {
    display: flex;
    flex-direction: column;
}

.feature-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.feature-text-content {
    background-color: var(--color-white);
    padding: 24px 16px;
    border-radius: 10px;
    /*margin-top: -50px;*/
    /* Overlap effect */
    position: relative;
    z-index: 1;
    /*margin-left: 16px;
      margin-right: 16px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);*/
}

.feature-text-content p {
    font-family: var(--font-secondary);
    font-size: 16px;
    line-height: 1.15;
    color: var(--text-muted);
    margin: 0;
}

.feature-text-content .bold-text {
    font-weight: 700;
    color: var(--text-dark);
}


/* CSS for section section:vacancies */
#vacancies,
#current-vacancies {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 18px;
    padding-right: 40px;
}

.vacancies-wrapper {
    width: 100%;
    max-width: 1352px;
    padding: 40px 0 20px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.vacancies-title {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 32px;
    line-height: 1.28;
    color: var(--text-dark);
    margin: 0;
}

.vacancies-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 15px;
}

.job-card {
    border: 1px solid var(--border-dark-alpha);
    border-radius: 15px;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s, border-color 0.2s;
}

.job-card:hover {
    background-color: #f0f0f0;
    border-color: var(--color-primary);
}
.job-card.full-width {
  grid-column: 1 / -1; /* Makes it span across both columns */
}


.carrier-listing-job-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.job-meta {
    font-size: 14px;
    line-height: 1.15;
    color: var(--text-muted);
    margin: 0;
}

.carrier-listing-job-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.15;
    color: var(--text-dark);
    margin: 0;
}

.job-description {
    font-size: 14px;
    line-height: 1.15;
    color: var(--text-muted);
    margin: 0;
}

.job-arrow-link {
    position: relative;
    width: 32px;
    height: 28px;
    flex-shrink: 0;
    overflow: hidden;
	background-image: url(https://electronikmedia.com/development/c-marine/wp-content/themes/c-marine/assets/images/Arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.job-card:hover .job-arrow-link{
	background-image: url(https://electronikmedia.com/development/c-marine/wp-content/themes/c-marine/assets/images/Blue_Arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.arrow-svg {
    position: absolute;
    top: 6.5px;
    height: 15px;
    width: 30px;
}


/* Carriers page style end */


/* Carriers Inner page style */

/* CSS from section:job-posting */
#job-posting {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.job-posting-container {
    max-width: 1513px;
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: var(--color-white);
    align-items: flex-start;
    /* children align from top */
}

.job-details {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 120px 40px 80px 80px;
    max-height: 100%;
    /* default safe max-height */
    overflow-y: auto;
}

/* Match job-details height to application-sidebar */
.application-sidebar {
    flex: 0 0 480px;
    /* give sidebar a fixed width */
    display: flex;
    flex-direction: column;
    padding: 100px 40px 120px 62px;
}

/* key trick: let job-details follow sidebar height */
.job-posting-container {
    align-items: stretch;
}

.job-details {
    height: auto;
    /* reset any fixed height */
    max-height: unset;
    /* don’t cap */
}

.job-details {
    height: auto;
    overflow-y: auto;
}

.job-details {
    max-height: 100%;
    overflow-y: auto;
}

.application-sidebar {
    display: flex;
    flex-direction: column;
}

.container-career {
    /* parent wrapper */
    display: flex;
    align-items: flex-start;
}


.job-details-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.btn-back {
    border: 1px solid var(--border-dark-alpha);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 12px 25px;
    border-radius: 50px;
    width: fit-content;
    font-family: var(--font-secondary);
    font-size: 16px;
    color: var(--text-muted);
}

.btn-back-icon {
    width: 30px;
    height: 15px;
    /*transform: rotate(180deg);*/
}

.job-title {
    margin: 0;
    color: var(--color-text-dark);
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 32px;
    line-height: 41px;
}

.divider {
    border: none;
    height: 1px;
    background-color: var(--border-color-2);
    margin: 0;
}

.job-info-cards {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.info-card {
    flex: 1;
    border: 1px solid var(--border-color-2);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border-radius: 10px;
}

.info-card-title {
    margin: 0;
    color: var(--color-text-placeholder);
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}

.info-card-content {
    margin: 0;
    color: var(--color-text-dark);
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
}

.job-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.job-posting-container .section-title,
.job-posting-container .job-section.hr-notes p {
    margin: 0;
    color: var(--color-text-dark);
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}

.job-posting-container .job-section.hr-notes p a:hover {
    color: var(--color-primary);
}

.section-content,
.job-posting-container .job-section p {
    margin: 0;
    color: var(--color-text-light);
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
}

.section-content.multiline,
.job-posting-container .job-section.job-section-content-multiline p {
    white-space: pre-line;
}

.application-sidebar {
    flex: 1;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    padding: 100px 40px 120px 62px;
}

.apply-form {
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    border-radius: 10px;
    box-shadow: -5px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.form-title {
    margin: 0;
    color: var(--color-text-dark);
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
}

.form-fields-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.form-group label {
    color: var(--color-text-dark);
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.form-group input {
    background-color: var(--color-white);
    border: 1px solid var(--border-color-2);
    padding: 21px 15px;
    border-radius: 10px;
    font-family: var(--font-secondary);
    font-size: 16px;
}

.form-group input::placeholder {
    color: var(--color-text-placeholder);
    font-size: 16px;
}

    .form-group select.form-control {
      background-color: var(--color-white);
      border: 1px solid var(--border-color-2);
      padding: 21px 15px;
      border-radius: 10px;
      font-family: var(--font-secondary);
      font-size: 16px;
      color: var(--text-color, #333);
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      width: 100%;
      background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
      background-repeat: no-repeat;
      background-position: right 15px center;
      background-size: 16px;
      cursor: pointer;
    }

    /* Style the placeholder (first option) */
    .form-group select.form-control option[value=""] {
      color: #999;
    }

    /* Optional: add hover/focus effects to match inputs */
    .form-group select.form-control:focus {
      outline: none;
      border-color: var(--primary-color, #0073aa);
      box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.15);
    }


.form-row {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.file-drop-zone {
    border: 1px solid var(--border-color-2);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 15px;
    border-radius: 10px;
    min-height: 100px;
}

.file-drop-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.upload-icon-wrapper {
    position: relative;
    width: 18px;
    height: 19px;
}

.upload-icon-part1 {
    position: absolute;
    top: 12px;
    left: 0;
    width: 18px;
    height: 6.75px;
}

.upload-icon-part2 {
    position: absolute;
    top: 0;
    left: 3px;
    width: 12px;
    height: 13.5px;
    transform: rotate(-180deg);
}

.file-drop-text {
    margin: 0;
    color: #6b7280;
    font-family: var(--font-family-tertiary);
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}

.file-type-info {
    margin: 0;
    color: var(--color-text-placeholder);
    font-family: var(--font-family-tertiary);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
}

.btn-apply {
    border: 1px solid var(--border-dark-alpha);
    background-color: transparent;
    cursor: pointer;
    padding: 12px 25px;
    border-radius: 50px;
    width: fit-content;
    font-family: var(--font-secondary);
    font-size: 16px;
    color: var(--text-muted);
}

.file-drop-zone.drag-over {
    background-color: #f9fafb;
    border: 2px dashed var(--border-color-2);
}

.file-selected {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
}

.file-selected .file-name {
    font-family: var(--font-family-tertiary);
    font-size: 14px;
    color: #374151;
}

.footer-decorator {
    width: 100%;
    max-width: 1513px;
    height: auto;
    display: block;
}


/*@media (min-width: 1200px) {
        .job-posting-container {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
        }

        .job-details {
            flex: 1;
            min-height: 100vh;      /* take full height /
            overflow-y: auto;       /* make it scrollable /
            padding: 40px 20px;
        }

        .application-sidebar {
            position: sticky;       /* stays in place while scrolling /
            top: 0;                 /* stick from top /
            right: 0;
            width: 380px;           /* fixed width sidebar /
            height: 100vh;          /* full height /
            overflow-y: auto;       /* scroll inside if content longer /
            padding: 40px 20px;
            background: #fff;       /* prevent overlap transparency /
            box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        }
        @media (min-width: 1200px) {
            .job-posting-container {
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                height: 100vh; /* lock to viewport height /
                overflow: hidden; /* prevent double scroll /
            }

            .job-details {
                flex: 1;
                min-width: 0; /* avoid flex overflow /
                height: 100%;
                overflow-y: auto; /* independent scroll /
                padding: 120px 40px 80px 80px;
            }

            .application-sidebar {
                flex: 0 0 400px; /* fixed width sidebar /
                height: auto; /* let it grow normally /
                overflow: visible; /* allow natural page scroll /
                padding: 100px 40px 120px 62px;
            }
        }*/


/* Carriers Inner page style end */


/* Archives page style */

/* CSS from section:news */
.news-container {
    max-width: 1352px;
    margin: 0 auto;
    padding: 100px 80px;
}

.featured-post {
    display: flex;
    align-items: center;
    gap: 15px;
}

.featured-post__image-wrapper {
    flex: 0 0 58.14%;
    /* 786px / 1352px */
    min-width: 0;
}

.featured-post__image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

.featured-post__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

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

.post-date {
    margin: 0;
    color: var(--color-text-placeholder);
    font-size: 16px;
    line-height: 1.15;
}

.post-title-lg {
    margin: 0;
    color: var(--color-text-dark);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.15;
}

.post-description {
    margin: 0;
    color: var(--color-text-light);
    font-size: 16px;
    line-height: 1.15;
}

.btn-read-more {
    display: inline-block;
    width: fit-content;
    padding: 12px 25px;
    border: 1px solid var(--border-dark-alpha);
    border-radius: 50px;
    color: var(--btn-text);
    font-size: 16px;
    text-align: center;
    transition: background-color 0.3s, color 0.3s;
}

.btn-read-more:hover {
    background-color: var(--color-primary);/*var(--border-dark-alpha);*/
    color: var(--color-white);/*#fff;*/
}

.section-divider {
    border: none;
    height: 1px;
    background-color: var(--border-color-2);
    margin: 60px 0;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 16px;
}

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

.news-card__image {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 15px;
}

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

.post-title-md {
    margin: 0;
    color: var(--color-text-dark);
    font-size: 28px;
    font-weight: 400;
    line-height: 1.15;
}

.post-title--lora {
    font-family: 'Lora', serif;
    font-weight: 500;
}

    .title-and-search-container{
        display: flex;
        gap: 40px;
        margin: 40px 0;
    }
    .archives-main-heading-section{
        flex: 0 0 350px;
    }
    .archives-search-section{
        flex: 1;

        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 32px;
        max-width: 783px;
        margin: 0 auto;
      }

      .filter-group {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-grow: 1;
      }
.filter-group .search-wrapper{
	border: none;
	padding:0;
}
.filter-group .input-field[type="text"]{
	border: 1px solid #cfcece;
}
      .filter-label {
        color: rgba(0, 0, 0, 0.75);
        font-size: 12px;
        font-weight: 400;
        white-space: nowrap;
      }

      .input-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #ffffff;
        border: 1px solid #cfcece;
        border-radius: 10px;
        height: 60px;
        padding: 0 15px;
      }

      .search-wrapper {
        flex-grow: 1;
      }

      .year-wrapper {
        width: 160px;
        cursor: pointer;
      }

      .input-field {
        border: none;
        outline: none;
        background: transparent;
        width: 100%;
        height: 100%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.75);
        font-family: 'Inter', sans-serif;
      }

      .input-field::placeholder {
        color: rgba(0, 0, 0, 0.75);
        opacity: 1;
      }

      .year-display {
        color: #000000;
        font-size: 16px;
        font-weight: 400;
      }

      .icon-button {
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .icon-stack {
        position: relative;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .icon-stack .icon-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: rotate(90deg);
      }

      .icon-stack .icon-fg {
        position: relative;
        z-index: 1;
      }

      .dropdown-icon {
        /*transform: rotate(90deg);*/
      }

    .archives-wrapper {
      display: flex;
      gap: 18px;
    }

    .archives-sidebar {
      /*flex: 0 0 250px;*/
    }

    .archive-tabs {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .archive-tabs li {
      margin-bottom: 10px;
    }

    .archive-tab {
      display: block;
      text-decoration: none;
      padding: 10px 15px;
      color: #00254E;
      border-radius: 4px;
      transition: background 0.3s;
    }

    .archive-tab.active,
    .archive-tab:hover {
      background: #00254E;
      color: #fff;
    }

    .archives-content {
      flex: 1;
    }

    .archives-content-section-title{
        margin-bottom: 40px;
    }

    .archive-tab-content {
      display: none;
    }

    .archive-tab-content.active {
      display: block;
    }

    .child-cat-title {
      font-family: var(--font-body);
      margin-bottom: 20px;
      font-size: 32px;
      font-weight: 400;
      display: inline-block;
    }
    .archive-parent-section .parent-cat-title {
      font-family: var(--font-body);
      margin-bottom: 20px;
      font-size: 32px;
      font-weight: 400;
      display: inline-block;
    }
    .archive-parent-section .child-cat-title {
      font-family: var(--font-body);
      margin-bottom: 20px;
      font-size: 24px;
      font-weight: 400;
      display: inline-block;
    }

    .child-cat-grid-end{
        color: #D9D9D9;
        margin: 40px 0;
    }
    .archive-tab-content.active .archive-category-group:last-child .child-cat-grid-end,
    .archive-parent-section:last-child .child-cat-grid-end{
        display: none;
    }
    .archive-tab-content.active .archive-category-group:last-child .news-grid,
    .archive-parent-section:last-child {
        margin-bottom: 40px;
    }

    .archive-category-content{
        margin-bottom: 20px;
    }
    .archive-category-group{
        margin-bottom: 20px;
    }

    .archive-popup-box{
        max-height: 90vh;
        overflow: auto;
    }
    .archive-popup-content {
        /*max-width: 600px;*/
        max-height: 90%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    /* added for read more same level in archive */
    .news-card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .news-card__content {
        display: flex;
        flex-direction: column;
        gap: 24px;
        flex: 1; 
    }

    .btn-read-more {
        margin-top: auto; 
    }

    /* Archives Gallery style */
        .archive-slider {
          position: relative;
          overflow: hidden;
        }

        .archive-slider .slides img {
          display: none;
          width: 100%;
        }

        .archive-slider .slides img.active {
          display: block;
        }

        .slider-btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          background: rgba(0,0,0,0.5);
          color: #fff;
          border: none;
          width: 40px;
          height: 40px;
          cursor: pointer;
          z-index: 10;
          font-size: 22px;
        }

        .slider-btn.prev { left: 10px; }
        .slider-btn.next { right: 10px; }

        .slider-btn:hover {
          background: rgba(0,0,0,0.8);
        }

        /*  */
        .archive-slider .slider-btn {
          display: none;/*flex;*/
        }
        .archive-slider:hover .slider-btn {
          display: flex;
        }

        .archive-slider[data-single="true"] .slider-btn,
        .archive-slider[data-single="true"]:hover .slider-btn {
          display: none;
        }


    @media (max-width: 1320px) and (min-width: 1260px) {
        .archives-main-heading-section{
            flex: 0 0 300px;
        }
    }

/* Archives page style end */


/* Archives inner page style */

.archive-single-sidebar-back-btn .btn-back{
    display: flex;
    margin-bottom: 20px;

    border: 1px solid rgba(0, 0, 0, 0.55);
    color: rgba(0, 0, 0, 0.7);
    border-radius: 50px;
    gap: 0;
}
.archive-single-sidebar-back-btn .btn-back:hover{
    background-color: var(--color-light-gray);
    color: var(--color-primary);
}
.archive-single-sidebar-back-btn .btn-back .btn-back-icon{
    width: auto;
    height: auto;
}
.sidebar-menu.archive-single-sidebar{
    background-color: #fff;
}
.archive-single-sidebar-wrapper{
    background-color: var(--color-light-gray);
    border-radius: 10px;
}

/* CSS from section:article */
.article-section {
    padding: 80px 0;
}

.article-container {
    max-width: 893px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.article-header {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.article-header.archives-inner{
    text-align: left;
}

.article-date {
    font-size: 16px;
    color: var(--color-text-placeholder);
    margin: 0;
}

.single-archives .article-title {
    font-family: var(--font-heading);
    font-size: 62px;
    font-weight: 500;
    line-height: 1.28;
    margin: 0;
}

.article-image {
    border-radius: 15px;
    width: 100%;
    object-fit: cover;
}

.article-paragraph {
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-text-light);
    margin: 0;
}

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

.subsection-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.15;
    margin: 0;
}

.wp-block-group.archive-wrapper .article-subsection.article-paragraph {
    padding: 7px 0 25px;
}

.wp-block-group.archive-wrapper .article-subsection.subsection-title {
    padding: 25px 0 8px;
}

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

.article-list li {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.list-item-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.15;
    margin: 0;
}


/* CSS from section:other-archives */
.other-archives-section {
    background-color: var(--color-background-soft);
    padding: 80px 0;
}

.archives-container {
    max-width: 1512px;
    margin: 0 auto;
    padding: 0 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/*.section-title {
    font-family: var(--font-heading);
    font-size: 42px;
    font-weight: 400;
    line-height: 1.28;
    margin: 0;
}*/

.archives-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.archive-card {
    display: flex;
    flex-direction: column;
}

.card-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 15px;
}

.card-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
}

.card-date {
    font-size: 16px;
    color: var(--color-text-placeholder);
    margin: 0;
}

.card-title {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.15;
    margin: 0;
}

.card-excerpt {
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-text-light);
    margin: 0;
    flex-grow: 1;
}

.read-more-btn {
    border: 1px solid rgba(0, 0, 0, 0.55);
    border-radius: 50px;
    padding: 12px 25px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    align-self: flex-start;
    margin-top: 8px;
    transition: background-color 0.3s, color 0.3s;
}

.read-more-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}


/* Brochure Download Home page */

.reference-card .download-brochure-btn{
    margin-top: 15px;
    max-width: fit-content;
}
.reference-card .download-brochure-btn img{
    height: auto;
    object-fit: none;
    width: auto;
}

#section-projects .reference-card .download-brochure-btn{
    width: fit-content;
    border: 1px solid rgba(0, 0, 0, 0.55);
}

/* Devu */
.full-image{
	width:100%;
}
/* removed and added new code with comment "at added for read more same level in archive"
a.btn-read-more.archiveitem-link {
    position: absolute;
    bottom: 0;
    left: 0;
}
.news-card{
	position: relative;
    min-height: 550px;
}*/
/*.product-card .designitem-link{
	position:absolute;
	left:0;
	bottom:0;
}*/
.product-card.more-link{
	/*min-height:660px;*/
	position:relative;
}
.news-card h3{
	font-family: var(--font-body);
}
.product-card.reference-card{
	padding-bottom:40px;
    
    justify-content: space-between;
}
.popup-box.design-popup-box{
	padding:0;	
}
.popup-box.design-popup-box .product-info{
	padding: 20px 15px;
}
.product-image-placeholder img{
	width:100%;
	/*border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
}
#design-popup.brochure-popup .popup-box{
	max-width: 900px;
}

.service-item-content-block-wrapper ul li ul {
    padding-top: 5px;
    padding-bottom: 10px;
}

/*.paramarine-font{
    font-family: "myriad-variable-concept", 'Lora', serif;
    font-style: italic;
}
.seaWeigh-font{
    font-family: "Ek Mukta", 'Lora', serif;
}
.survive-font{
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, 'Lora', serif;
    font-weight: 300; 
    font-optical-sizing: auto;
}
.Shipweight-font{
    font-family: "myriad-variable-concept", 'Lora', serif;
    font-weight: 500; 
}*/
/* PARAMARINE – Myriad Variable Concept (Italic equivalent) */
.paramarine-font {
    font-family: 
        "Inter",
        "Source Sans 3",
        "Segoe UI",
        system-ui,
        "Lora",
        serif;
    /*font-style: italic;*/
    font-weight: 400;

    display: inline-flex;
    align-items: flex-start;
}

/* SEAWEIGH – Ek Mukta (Light / Regular) */
.seaWeigh-font {
    font-family: 
        "Ek Mukta",
        "Inter",
        "Segoe UI",
        system-ui,
        "Lora",
        serif;
    font-weight: 300;

    display: inline-flex;
    align-items: flex-start;
}

/* SURVIVE – Segoe UI Variable (Light Small equivalent) */
.survive-font {
    font-family:
        "Inter",
        "Segoe UI Variable",
        "Segoe UI",
        system-ui,
        "Lora",
        serif;
    font-weight: 300;
    font-optical-sizing: auto;

    display: inline-flex;
    align-items: flex-start;
}

/* SHIPWEIGHT – Myriad Variable Concept (Medium / 500) */
.Shipweight-font {
    font-family:
        "Inter",
        "Source Sans 3",
        "Segoe UI",
        system-ui,
        "Lora",
        serif;
    font-weight: 500;

    display: inline-flex;
    align-items: flex-start;
}

.reg-trademark-font{
    font-size: 24px;
    line-height: 1;
    margin-left: 2px;
    transform: translateY(-1px);
    font-family: var(--font-heading);
}

.page-content-section{
    padding: 40px 0;
}
.page-content-section p{
    padding: 7px 0 25px;
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 20px 0;
    color: var(--color-text-light);
    font-family: var(--font-body);
}
.page-content-section h2{
    font-family: var(--font-body);
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 400;
    /*display: inline-block;*/
    color: var(--color-text-dark);
}
.page-content-section h4{
    font-family: var(--font-body);
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 400;
    /*display: inline-block;*/
}
.page-content-section h6{
    font-size: 22px;
    font-weight: 400;
    margin: 20px 0;
}


/* Cookie Consent */
.cookie-consent {
  position: fixed;
  bottom: 20px;
  /*left: 20px;*/
  right: 15px;
  max-width: 420px;
  background: #fff;
  color: #ffffff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 9999;
  font-family: inherit;
}

.cookie-consent.hidden {
  display: none;
}

.cookie-content{
    background: #fff;
}

.cookie-content p {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 15px;
}

.cookie-actions {
  display: flex;
  gap: 10px;
}

.cookie-btn {
  /*border: none;*/
  padding: 10px 18px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s;
}

.cookie-btn.accept {
  background: #ffffff;
  color: #00254E;
}

.cookie-btn.accept:hover {
  background: #e6e6e6;
}
#client-testimonials .swiper-pagination-bullet-active{
	background-color:#014960;
}
.brochure-popup .popup-box{
	padding: 0;
}
.popup-close{
	z-index: 1;
}
.popup-contentArchive {
  padding: 20px 20px 10px;
}
#brochure-popup .popup-box {
  padding: 40px 20px;
}
.service-testimonial-card-wrapper.swiper {
        overflow: visible;
    }
    
.service-testimonial-card-wrapper .swiper-wrapper {
	/*display: block; /* Stack cards normally on desktop * /
	transform: none !important;*/
}

.service-testimonial-card-wrapper .swiper-slide {
	width: 100% !important;
	margin-bottom: 20px; /* Space between cards in list mode */
}

.swiper-pagination {
	display: none; /* Hide dots on desktop */
}
.cookie-btn.reject {
  /*background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;*/
}

.cookie-btn.reject:hover {
  /*background: rgba(255,255,255,0.1);*/
}

/* Mobile */
@media (max-width: 600px) {
  .cookie-consent {
    left: 10px;
    right: 10px;
    bottom: 10px;
    max-width: none;
  }
}

.grecaptcha-badge{
    display: none;
}

.swiper-button-n:hover{}