/* Base CSS */
* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

.vzero-text {
    font-size: 1.6em !important;
    line-height: 1.4em !important;
}

.strip-top {
    margin-top: 50px !important
}

    .skip-link {
         position: absolute;
         top: -40px;
         left: 0;
         background: #000;
         color: #fff;
         padding: 8px;
         z-index: 100;
      }
      .skip-link:focus {
         top: 0;
      }
      .visually-hidden {
         position: absolute;
         width: 1px;
         height: 1px;
         padding: 0;
         margin: -1px;
         overflow: hidden;
         clip: rect(0, 0, 0, 0);
         border: 0;
      }
      /* Style links to look like buttons with an arrow */
      .btn.btn-outline-primary {
         display: inline-flex;
         align-items: center;
         gap: 8px; /* Space between text and arrow */
         padding: 20px 30px; /* Adjust padding to fit content */
         text-decoration: none; /* Remove underline from link */
      }
      .btn.btn-outline-primary::after {
         content: '';
         background: url('../img/red-arrow.png') no-repeat center;
         background-size: 45px; /* Adjust size to match original design */
         width: 45px;
         height: 45px;
         display: inline-block;
         vertical-align: middle;
         aria-hidden="true";
      }


/* Style links to look like buttons with an arrow */
      .btn.btn-outline-primary-blue-arrow {
         display: inline-flex;
         align-items: center;
         gap: 8px; /* Space between text and arrow */
         padding: 20px 30px; /* Adjust padding to fit content */
         text-decoration: none; /* Remove underline from link */
      }
      .btn.btn-outline-primary-blue-arrow::after {
         content: '';
         background: url('../img/blue-arrow.png') no-repeat center;
         background-size: 45px; /* Adjust size to match original design */
         width: 45px;
         height: 45px;
         display: inline-block;
         vertical-align: middle;
         aria-hidden="true";
      }
       

.btn.btn-outline-primary-blue {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-top: 1px;
    padding-right: 10px;
    padding-left: 20px;
    padding-bottom: 1px;
    text-decoration: none;
    background-color: #aed5f1; /* This is the main solid background */
    border-radius: 50px; /* THIS IS YOUR 50PX RADIUS */
    color: #000080;
    background-image: none;
    opacity: 1 !important; /* While not strictly needed after parent fix, it doesn't hurt */
    z-index: 10;
    position: relative;
    background: #aed5f1; /* Redundant but harmless, ensures solid background */
}

.btn.btn-outline-primary-blue::after {
    content: '';
    background-image: url(../img/blue-arrow.png); /* THIS IS YOUR BLUE ARROW */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.btn.btn-outline-primary-blue:hover {
    background-color: #004990;
    color: #ffffff;
    opacity: 1 !important;
    background: #004990;
}

.btn.btn-outline-primary-blue:hover::after {
    background-image: url(../img/white-arrow.png); /* Updated path */
}




.logo-grid {
    justify-content: center;
}

.logo-grid .col-4,
.logo-grid .col-lg-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px; /* Matches your mb-40 class */
}

.logo-grid img {
    max-height: 140px; /* Adjust based on your logo sizes */
    width: auto;
}

/* Ensure proper spacing and alignment on mobile */
@media (max-width: 767.98px) {
    .logo-grid .col-4 {
        flex: 0 0 33.333333%; /* Explicitly enforce 3 columns */
        max-width: 33.333333%;
    }
}

/* Ensure 5 columns on lg and above */
@media (min-width: 992px) {
    .logo-grid .col-lg-2 {
        flex: 0 0 20%; /* 5 columns (100% / 5) */
        max-width: 20%;
    }
}
/* Target the "Our Values" section specifically */
.values-section {
    text-align: center;
    padding: 20px;
}

.values-section h3 {
    font-size: 3em;
    margin-bottom: 15px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.values-section .purpose2 {
    font-size: 1.6em !important;
    line-height: 1.2em !important;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .values-section {
        padding: 10px;
    }

    .values-section h3 {
        font-size: 1.8em;
    }

    .values-section .purpose2 {
        font-size: 1em;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        max-width: 100%;
    }

    .full-width-container {
        padding: 0 5%; /* Reduce padding on mobile */
    }
}

/* Add underline on hover for main headings in the mega-menu */
.header__menu__blk .mega-menu .m-title:hover,
.off-canvas-menu .mega-menu .m-title:hover {
    text-decoration: underline;
}

.copyright__text {text-transform: uppercase;
    font-weight: normal !important
}


@media (max-width: 991.98px) {
  .defence-section2 h3 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
/* Default: Show desktop/tablet image, hide mobile image */
.desktop-tablet {
  display: block;
}
.mobile-only {
  display: none;
}

/* On mobile (screen width below 768px), show mobile image, hide desktop/tablet image */
@media (max-width: 767.98px) {
  .desktop-tablet {
    display: none;
  }
  .mobile-only {
    display: block;
  }
}

 #back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #0c5394;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 1000;
      }
      #back-to-top.show {
         opacity: 1;
         visibility: visible;
      }
      #back-to-top i {
         color: #fff;
         font-size: 24px;
      }
      #back-to-top:hover {
    background-color: #216baf;
      }

/*
.header__section {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
}

body {
    padding-top: 170px !important 
}

@media (max-width: 768px) {
    body {
        padding-top: 60px; 
    }
}

.header__menu__blk ul li .mega-menu-wrapper {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    background: #034792;
    padding: 20px;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.top-navigation__menu {
    z-index: 1001;
}
*/
.image-links-section .row .col-12.col-lg-6.col-xl-6 a {
          display: block;
          overflow: hidden;
      }
      .image-links-section .row .col-12.col-lg-6.col-xl-6 a img {
          transition: transform 0.9s ease;
      }
      .image-links-section .row .col-12.col-lg-6.col-xl-6 a:hover img {
          transform: scale(1.02);
      }

/* Ensure the stat boxes are flexible and responsive */
.stat-box {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; /* Center content horizontally */
    transition: all 0.3s ease;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2;
    text-align: center; /* Ensure text is centered */
}

/* Style for the placeholder text */
.placeholder-text {
    font-size: clamp(12px, 2vw, 16px); /* Increased base size for better visibility */
    line-height: 1.2;
    text-transform: uppercase;
    color: #12478C;
    font-weight: 500;
    white-space: normal;
    overflow-wrap: break-word;
    margin-bottom: 0.5rem; /* Adjusted spacing */
}

/* Style for the stat numbers */
.stat-number {
    font-size: clamp(28px, 6vw, 56px); /* Increased base size for larger numbers */
    line-height: 1;
    color: #12478C;
    white-space: nowrap;
    font-family: 'vinci_sansbold';
    margin: 0; /* Remove default margin */
}

/* Adjust padding and spacing for smaller screens */
@media (max-width: 768px) {
    .stat-box {
        padding: clamp(1rem, 3vw, 1.5rem) !important; /* Increased padding for mobile */
    }

    .placeholder-text {
        font-size: clamp(12px, 3vw, 16px); /* Larger text on mobile */
    }

    .stat-number {
        font-size: clamp(24px, 8vw, 40px); /* Larger numbers on mobile */
        font-weight: 900!important
    }
}

/* Ensure boxes stack properly on very small screens */
@media (max-width: 576px) {
    .strip-education .row {
        flex-direction: column;
        align-items: center;
    }

    .stat-box {
        width: 100%;
        max-width: 300px; /* Slightly increased max-width for better fit */
        margin: 0 auto;
        padding: clamp(1rem, 2.5vw, 1.2rem) !important; /* Increased padding */
    }

    .placeholder-text {
        font-size: clamp(12px, 3.5vw, 14px); /* Further increased for small screens */
    }

    .stat-number {
        font-size: clamp(22px, 10vw, 36px); /* Further increased for small screens */
    }
}

/* Optional: Adjust for larger screens if needed */
@media (min-width: 768px) {
    .stat-box {
        padding: clamp(1.5rem, 2vw, 2rem) !important;
        width: 90%;
    }

    .placeholder-text {
        font-size: clamp(14px, 1.5vw, 18px);
    }

    .stat-number {
        font-size: clamp(36px, 5vw, 56px);
    }
}

.case-study {
    transition: transform 0.3s;
}
.case-study:hover {
  /*  transform: translateY(-5px);*/
    box-shadow: 0 4px 4px rgba(0,0,0,0.2);
}


.card {
    transition: transform 0.3s;
}
.card:hover {
  /*  transform: translateY(-5px);*/
    box-shadow: 0 4px 4px rgba(0,0,0,0.2);
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.tag {
    margin-bottom: 10px;
    padding: 10px;
    border: 2px solid; /* Updated to 2px */
    border-radius: 0px; /* Square edges */
    display: inline-block;
    font-size: 0.9em !important;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box;
    max-width: 100%;
    background-color: #fff;
    width: fit-content;
    cursor: pointer;
    transition: all 0.3s;
}

.tag span {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Apply category-specific colors to tags (border and text) */
.tag[data-filter=".facilities-management"],
.tag[data-filter=".facilities-management"].is-checked {
    color: #005d99;
    border-color: #005d99;
}

.tag[data-filter=".building-solutions"],
.tag[data-filter=".building-solutions"].is-checked {
    color: #dd433f;
    border-color: #dd433f;
}

.tag[data-filter=".defence"],
.tag[data-filter=".defence"].is-checked {
    color: #a72b65;
    border-color: #a72b65;
}

.tag[data-filter=".education"],
.tag[data-filter=".education"].is-checked {
    color: #6a3682;
    border-color: #6a3682;
}

.tag[data-filter=".government"],
.tag[data-filter=".government"].is-checked {
    color: #376919;
    border-color: #376919;
}

.tag[data-filter=".healthcare"],
.tag[data-filter=".healthcare"].is-checked {
    color: #005e99;
    border-color: #005e99;
}

.tag[data-filter=".heritage"],
.tag[data-filter=".heritage"].is-checked {
    color: #6c3581;
    border-color: #6c3581;
}

.tag[data-filter=".local-authority"],
.tag[data-filter=".local-authority"].is-checked {
    color: #eda640;
    border-color: #eda640;
}

.tag[data-filter=".logistics-and-distribution"],
.tag[data-filter=".logistics-and-distribution"].is-checked {
    color: #a31a9e;
    border-color: #a31a9e;
}

.tag[data-filter=".offices-and-headquarters"],
.tag[data-filter=".offices-and-headquarters"].is-checked {
    color: #000;
    border-color: #000;
}

.tag[data-filter=".petrochemical"],
.tag[data-filter=".petrochemical"].is-checked {
    color: #a72c64;
    border-color: #a72c64;
}

.tag[data-filter=".public-spaces"],
.tag[data-filter=".public-spaces"].is-checked {
    color: #72ad1d;
    border-color: #72ad1d;
}

.tag[data-filter=".residential"],
.tag[data-filter=".residential"].is-checked {
    color: #8074de;
    border-color: #8074de;
}

.tag[data-filter=".retail"],
.tag[data-filter=".retail"].is-checked {
    color: #5faca7;
    border-color: #5faca7;
}

.tag[data-filter=".transport"],
.tag[data-filter=".transport"].is-checked {
    color: #318abd;
    border-color: #318abd;
}

.tag[data-filter=".blue-light"],
.tag[data-filter=".blue-light"].is-checked {
    color: #2789C6;
    border-color: #2789C6;
}

/* "Show All" tag styling */
.tag[data-filter="*"],
.tag[data-filter="*"].is-checked {
    color: #dd433f;
    border-color: #dd433f;
}

/* Checked state */
.tag.is-checked {
    background-color: currentColor;
    color: #fff;
}

/* Hover effect */
.tag:hover {
    opacity: 0.9;
}

/* Click effect */
.tag:active {
    transform: scale(0.95);
}

.sector-dropdown, .service-dropdown {
    border-radius: 20px;
    padding: 10px 20px;
    border: none;
    font-weight: bold;
    background-color: #dd433f; /* Red for "Show All" by default */
    color: #fff;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    width: 200px;
    margin: 0 10px; /* Space between dropdowns */
    outline: none;
}

.sector-dropdown option, .service-dropdown option {
    background-color: #005d99; /* Dark blue for options */
    color: #fff;
}

.sector-dropdown:focus, .service-dropdown:focus {
    box-shadow: 0 0 5px rgba(221, 67, 63, 0.5); /* Red focus ring */
}




.single-about2 {
  overflow: hidden;
  border-radius: 20px;
  position: -webkit-sticky;
	position: sticky;
    margin-bottom: 30px;
}

.single-about2 img {
  border-radius: 20px;
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
}


.single-who2 {
  overflow: hidden;
  border-radius: 20px;
  position: -webkit-sticky;
	position: sticky;
    margin-bottom: 20px;
}

.single-who2 img {
  border-radius: 20px;

}

.sa-text2 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  transition: 1s ease;
  background: #f6f0ef;
}

.project-about2 {
  position: relative;
  width: 100%;
 height: 375px;
  overflow: hidden; 
}

.project-about2 img{
  
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: 1s ease;
}

.project-about2:hover img{
  transform: scale(1.1);
}




.project-about {
    position: relative;
    width: 100%;
    height: 475px;
    overflow: hidden;
    margin-bottom: 30px;
}

.project-about img{
  
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: 1s ease;
}

.project-about:hover img{
  transform: scale(1.1);
}


.project-related {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    margin-bottom: 30px;
}

.project-related img{
  
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: 1s ease;
}

.project-related:hover img{
  transform: scale(1.1);
}

.project-related h3 {
    font-size: 20px
}


/* ---- button ---- */

.button {
    display: inline-block;
    padding: 10px 18px;
    margin-bottom: 10px;
    background-color: #002340;
    border: solid #FFFFFF;
    border-radius: 30px;
    color: #fff;
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
}

.button:hover {
    background-color: #082E51;
    color: #fff;
    border: solid #FFFFFF !important;
}

.button:active,
.button.is-checked {
    background-color: #c71e42;
}

.button.is-checked {
  color: white;
}

.button:active {

}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* ---- isotope ---- */

.grid {
    width: 100%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
    /*position: relative;
    float: left;*/
    width: 100%;
    /* [disabled]height: 100px; */
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
    color: #262524;
    border-bottom: 1px solid #737373;
}

.element-item h3 {
}


.element-item .name {
  position: absolute;
  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}

.element-item .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 42px;
  font-weight: bold;
  color: white;
}

.element-item .number {
  position: absolute;
  right: 8px;
  top: 5px;
}

.element-item .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 12px;
}



/* ---- .case stufy -item ---- */

.case-item {
    /*position: relative;
    float: left;*/
    width: 100%;
    /* [disabled]height: 100px;
    margin-right: 5px;
    margin-left: 5px;
    */
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
    color: #262524;
}

.case-item h3 {
}


.case-item .name {
  position: absolute;
  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}

.case-item .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 42px;
  font-weight: bold;
  color: white;
}

.case-item .number {
  position: absolute;
  right: 8px;
  top: 5px;
}

.case-item .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 12px;
}

/* Image Links */

.image-container {
  display: block;
  overflow: hidden;
  position: relative;
}

.zoom-img {
  transition: transform 0.3s ease, filter 0.8s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-container:hover .zoom-img {
  transform: scale(1.01);
  filter: brightness(0.8);
}

.zoom-img2 {

  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-container:hover .zoom-img2 {

  filter: brightness(0.8);
}


.where-box:hover .zoom-img2 {

  filter: brightness(0.8);
}


.image-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.01);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.image-container:hover::after {
  opacity: 1;
}

.defence-section3 .col-xl-3,
.defence-section3 .col-lg-3,
.defence-section3 .col-md-3,
.defence-section3 .col-md-6 {
  border-right: 5px solid white;
}

.no-border {
  border-right: none;
}

/* End image links */

/* Existing hero slider styles */
.hero-slider {
    position: relative;
    overflow: hidden;
}


.hero-slide-content-slider {
    position: relative;
    z-index: 3;
    padding: 30px;
    max-width: 390px;
    width: 100%;
    min-height: 365px;
    /* REMOVE THIS LINE: opacity: 0.9; */
    background-color: rgba(238, 238, 238, 0.9); /* Use rgba() for background transparency */
    margin-top: 80px;
    margin-bottom: 80px;
}

.hero-slide-content-slider h1 {
     color: #004990;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 18px;
}

.hero-slide-content-slider h2 {
    color: #004990;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 18px;
}

.hero-slide-content-slider h3 {
    color: #004990;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 18px;
}

.hero-slide-content-slider p {
    color: #004990;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}

.hero-slide-content-slider .find-out-more-btn {
    display: block;
    margin: 0 auto;
}


.hero-slide-content-defence {
    position: relative;
    z-index: 3;
    padding: 30px;
    max-width: 390px;
    width: 100%;
    min-height: 350px;
    /* REMOVE THIS LINE: opacity: 0.9; */
    background-color: rgba(238, 238, 238, 0.9); /* Use rgba() for background transparency */
    margin-top: 80px;
    margin-bottom: 80px;
}

.hero-slide-content-defence h1 {
    color: #004990;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.hero-slide-content-defence h2 {
    color: #004990;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 18px;
}

.hero-slide-content-defence h3 {
    color: #004990;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 18px;
}

.hero-slide-content-defence p {
    color: #004990;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}

.hero-slide-content-defence .find-out-more-btn {
    display: block;
    margin: 0 auto;
}

.hero-slider-controls {
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.slider-controls-wrapper {
    width: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.swiper-pagination {
    position: static;
    width: auto;
}

.hero-slider-controls .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #004990;
   margin: 0px 5px !important;
   opacity: 0.5;
}

.hero-slider-controls .swiper-pagination-bullet-active {
   opacity: 1;
}

.slider-btn {
    font-size: 24px;
    line-height: 1;
    color: #004990;
    width: 30px;
    height: 30px;
}

.hero-slide-bg img {
   transition: all 40s;
}

.hero-slide {
   overflow: hidden;
}

.hero-slide .hero-slide-bg {
   z-index: -1;
}

.hero-slide.swiper-slide-active .hero-slide-bg img {
   transform: scale(1.2);
}

/* Mobile-specific adjustments (max-width: 576px) */
@media (max-width: 576px) {
    
    
    .about__section {
  padding-top: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
    
    
    .hero-slider {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; /* Ensure relative positioning for child elements */
    }

    .hero-slider-wrapper {
        flex: 1;
        width: 100%;
        order: 1; /* Ensure slides come first */
    }

    .hero-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: auto; /* Ensure slide height adjusts to content */
        position: relative;
    }

    .hero-slide-content-defence {
        width: 100%;
        margin-bottom: 0; /* Remove bottom margin to control spacing */
        padding-bottom: 40px; /* Add padding to ensure space for content */
        
    }
    
    .hero-slide-content-slider {
        max-width: 100%;
        text-align: center;
        margin-bottom: 0; /* Remove bottom margin to control spacing */
        padding-bottom: 40px; /* Add padding to ensure space for content */
        margin-top: 0px;
        
    }

    .find-out-more-btn {
        margin-bottom: 60px; /* Increased margin to create space for controls */
    }

    .hero-slider-controls {
        position: relative; /* Switch to relative positioning on mobile */
        bottom: auto;
        width: 100%;
        padding-top: 20px; /* Add padding to create space above controls */
        margin-top: 0; /* Ensure no extra top margin */
        order: 2; /* Ensure controls come after slides in flex order */
    }

    .slider-controls-wrapper {
        flex-direction: row;
        gap: 15px;
        padding: 10px 0; /* Add minimal padding for spacing */
        width: 100%; /* Ensure full width on mobile */
        justify-content: center; /* Center the controls */
    }

    .hero-slide.swiper-slide {
        opacity: 1;
        transition: opacity 0.5s ease;
    }

    .hero-slide.swiper-slide-active {
        opacity: 1;
        z-index: 3;
    }

    .hero-slide.swiper-slide-prev,
    .hero-slide.swiper-slide-next {
        opacity: 0;
        z-index: 1;
    }
}






/* Existing styles for .expert__section */
.expert__section {
    background: #F7F7F7;
    padding: 55px 0;
}

/* Center the section title content */
.section__title {
    text-align: center;
}

/* Ensure images in .expert__section scale properly */
.expert__section img {
    max-width: 100%;
    height: auto;
}

/* Add mobile-specific adjustments for .expert__section */
@media (max-width: 576px) {
    .expert__section .container {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
        width: 100%;
        overflow-x: hidden; /* Prevent horizontal overflow */
    }

    .expert__section .row {
        margin-left: 0;
        margin-right: 0;
    }

    .expert__section .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .expert__section .section__title h2,
    .expert__section .section__title p {
        max-width: 100%; /* Ensure content doesn't exceed container */
        word-wrap: break-word; /* Force text to wrap */
        overflow-wrap: break-word; /* Modern equivalent of word-wrap */
        white-space: normal; /* Ensure text wraps naturally */
    }

    .expert__section .section__title h2 {
        font-size: 1.5rem; /* Reduce font size on mobile for better fit */
        line-height: 1.3; /* Adjust line height for readability */
    }

    .expert__section .section__title p {
        font-size: 1rem;
        line-height: 1.4;
    }
}

.whitelinkbox {
  background-color: #fff;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.office-details {
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  text-align: left;
}

.marketing-details {
  justify-content: flex-end;
}

.head-office-title {
    position: relative;
    margin-left: 0px;
    font-size: 2em;
    font-weight: 400 !important
}

.head-office-title::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  bottom: 0;
  width: 6px;
  background-color: #8dc0e6;
  border-radius: 6px; /* Added to round the top and bottom */
}

.contact-details {
  display: flex;
  align-items: center;
  gap: 20px;
}

.contact-item {
  display: flex;
  align-items: center;
  margin: 0;
}

.contact-item img {
  margin-right: 10px;
}

.row.g-4 {
  display: flex;
  flex-wrap: wrap;
}



/* Ensure responsiveness on mobile */
@media (max-width: 991px) {
  .contact-details {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .contact-item {
    margin-bottom: 10px;
  }

  .contact-item.me-4 {
    margin-right: 0;
  }

  .head-office-title::before {
    display: none;
  }

  .office-details {
    padding: 10px;
    text-align: left;
  }

  .marketing-details {
    justify-content: flex-start;
  }

  .whitelinkbox {
    text-align: left;
  }

  .contact-details, .contact-item {
    text-align: left;
  }
}

/* Force columns to stay side by side on lg and above 
@media (min-width: 992px) {
  .
}

*/






.text-section-pad strong {
    font-weight: bolder;
    color: #232323 !important;
}

.blue-comments-box-inner1 strong {
    font-weight: bolder;


}


/* Ensure the performance box has a fixed height and background image */
.performance-box {
    position: relative;
    height: 400px; /* Adjust height to match your design */
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

/* Set background images for each box */
.our-people-box {
    background-image: url('../img/bg-our-people-blue.jpg');
}

.current-vacancies-box {
    background-image: url('../img/bg-current-vacancies-blue.jpg');
}

.early-careers-box {
    background-image: url(../img/bg-early-careers-blue.jpg);
}

/* Style the box-link to cover the entire box */
.box-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    z-index: 1; /* Ensure box-link is above any potential overlays */
}

/* No initial filter, just a transparent background */
.box-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent; /* No filter by default */
    transition: background 0.3s ease; /* Smooth transition for the filter */
    z-index: -1; /* Place behind box-link content */
}

/* Add a slightly dark filter on hover */
.box-link:hover::before {
    background: rgba(0, 0, 0, 0.2); /* Subtle dark overlay on hover */
}


/* Style the box-link to cover the entire box */
.box-link2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    z-index: 1; /* Ensure box-link is above any potential overlays */
}

/* No initial filter, just a transparent background */
.box-link2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent; /* No filter by default */
    transition: background 0.3s ease; /* Smooth transition for the filter */
    z-index: -1; /* Place behind box-link content */
}

/* Add a slightly dark filter on hover */
.box-link2:hover::before {
    background: rgba(0, 0, 0, 0.2); /* Subtle dark overlay on hover */
}

/* Ensure top text stays at the top with correct styling */
.performance-box .top-text {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid white;
    padding-top: 10px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 10px; /* Extra padding on the right for the arrow */
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 2px;
    color: #12478B;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Space between text and arrow */
}

/* Style the arrow circle */
.performance-box .top-text .arrow-circle {
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #005D90; /* Blue color matching the design */
}

.why-us-box .top-text {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid white;
    padding-top: 10px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 10px; /* Extra padding on the right for the arrow */
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 2px;
    color: #12478B;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Space between text and arrow */
}

/* Style the arrow circle */
.why-us-box .top-text .arrow-circle {
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #005D90; /* Blue color matching the design */
}

/* Target the "Current Vacancies" top text specifically to prevent wrapping */
.current-vacancies-box .top-text {
    font-size: 1.3rem;
    letter-spacing: 1px;
    white-space: nowrap;
    padding: 5px 30px 5px 10px; /* Adjust padding for consistency */
}

/* Position bottom text at the bottom with correct styling */
.performance-box .bottom-text {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background for readability */
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
}

/* Ensure the performance-box in performance-sections doesn't inherit conflicting styles */
.performance-sections .performance-box {
    display: block; /* Override the flex display from the conflicting rule */
    flex-direction: unset;
    justify-content: unset;
    align-items: unset;
}


/* Ensure the performance-box in performance-sections doesn't inherit conflicting styles */
.why-us-sections .why-us-box {
    display: block; /* Override the flex display from the conflicting rule */
    flex-direction: unset;
    justify-content: unset;
    align-items: unset;
    padding-right: 5px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .performance-box .top-text {
        font-size: 1rem;
        padding: 5px 25px 5px 10px;
    }

    .current-vacancies-box .top-text {
        font-size: 1rem;
        padding: 5px 25px 5px 8px;
    }

    .performance-box .bottom-text {
        font-size: 0.9rem;
        padding: 8px 15px;
    }

    .performance-box {
        height: 300px; /* Adjust height for mobile */
    }

    .performance-box .top-text .arrow-circle {
        width: 16px;
        height: 16px;
        font-size: 8px;
    }
}


* {
  font-variant-ligatures: none;
}
.where-box {
    background-color: #E9F0FB;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.1em;
    line-height: 1.2em;
}
.where-box-inner {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.hometextpad {
    padding-left: 40px;
    padding-right: 60px;
}

.hometextpad a:hover {
    text-decoration: underline !important
}

.whitelinkbox {
    background-color: #fff;
    text-align: left;
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    font-size: 1.2em;
    font-weight: 400;
    margin-bottom: 30px;
}


.whitelinkbox a:hover {
    text-decoration: underline
}
.recruitment-box {
    background-color: #ECECEC;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
}
.blueline {
    max-width: 35px
}

.off-canvas-menu .has-mega-menu {
   margin-bottom: 0; /* Remove any default margin between list items */
}

/* Ensure body and html don't add extra margins or padding */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}


.leadershipbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 480px; /* Adjust this value based on your design needs */
    text-align: center;
    margin-bottom: 40px;
}

.leadership-inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 15px;
}


.leadership-inner h4 {
    font-size: 1.1em;
    line-height: 1.2em;
}

.leadershipbox img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.row.align-items-center .col-lg-4 {
    display: flex;
}

/* Target the image in the top leadershipbox */
.leadership-section .leadershipbox .col-lg-4 img {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.leadershipbox {
    background-color: #f4f5f6;
    padding: 0px !important;
    margin-left: 10px;
    margin-bottom: 40px;
}
.leadershipbox-top {
    background-color: #f4f5f6;
    padding: 0px !important;
    margin-left: 10px;
}

.leadership-inner {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px
}

.leadership-inner p {
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 300;
    color: #7A7A7A;
    margin-bottom: 0px !important
        
}


.leadership-inner h3 {
    color: #2c2b2b !important;
    margin-bottom: 5px;
}


.leadership-inner-top {
    padding: 15px;
    color: #000000;
}

.leadership-inner-top p {
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: 300;
    color: #5D5D5D;
    font-family: 'vinci_sanslight';
}


.leadership-inner-top h3 {
    color: #2c2b2b !important;
    margin-bottom: 5px;
    font-size: 2em;
}
.leadership-inner-top h4 {
    margin-bottom: 20px;
    font-size: 1.8em;
}

.md-commitment h1 {
    color: #A3A3A4;
    font-size: 1.6em;
    
}

.md-commitment h3 {
    font-size: 2.4em;
    
}
.md-commitment p {
    font-size: 1.2em;
    line-height: 1.2em;
   font-family: 'vinci_sanslight';
}

/* General styling for all clickable boxes */
.clickable-sections {
    margin: 0;
    padding: 0;
}

.clickable-box {
    height: 600px; /* Adjust height as needed */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-start; /* Align text at the top */
    padding-top: 20px;
}

/* Specific background images for each box */
.culture-box {
    background-image: url('../../assets/img/who-we-are01.jpg'); /* Replace with your culture image path */
}

.purpose-box {
    background-image: url('../../assets/img/who-we-are02.jpg'); /* Replace with your purpose image path */
}

.stakeholder-box {
    background-image: url('../../assets/img/who-we-are03.jpg'); /* Replace with your stakeholder image path */
}

.leadership-box {
    background-image: url('../../assets/img/who-we-are04.jpg'); /* Replace with your leadership image path */
}

/* Overlay box styling */
.overlay-box {
    width: 90%; /* Slightly less than full width for padding */
    margin: 0 auto;

    font-weight: bold;

    color:#005D90;
    
}

/* Arrow styling */
.arrow {
    font-size: 1.5rem;
}

/* Dark overlay for better text visibility */
.clickable-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1); /* Dark overlay */
}

/* Ensure text is above the overlay */
.overlay-box {
    position: relative;
    z-index: 1;
}

/* Hover effect for clickable boxes */
.clickable-box:hover {
    opacity: 0.9;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .clickable-box {
        height: 200px; /* Shorter height for mobile */
    }

    .overlay-box {
        font-size: 1rem;
        padding: 8px 15px;
    }

    .arrow {
        font-size: 1rem;
    }
}










/* General styling for all performance boxes */
.performance-sections {
    margin: 0;
    padding: 0;
}

.performance-box {
    height: 700px; /* Reduced height, adjust as needed */
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

/* Dark overlay for all boxes */
.performance-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Specific background images for each box */
.environmental-box {
    background-image: url('../../assets/img/bg-environmental.jpg'); /* Replace with your forest image path */
}

.safety-box {
    background-image: url('../../assets/img/safety-performance.jpg'); /* Replace with your safety image path */
}

.social-box {
    background-image: url('../../assets/img/bg-social-performance.jpg'); /* Replace with your social image path */
}


.facilities-management-box {
    background-image: url('../../assets/img/bg-facilities-management.jpg'); /* Replace with your forest image path */
}

.building-solutions-box {
    background-image: url('../../assets/img/bg-building-solutions.jpg'); /* Replace with your safety image path */
}

.net-zero-box {
    background-image: url('../../assets/img/bg-net-zero.jpg'); /* Replace with your social image path */
}

.early-careers-box {
    background-image: url('../../assets/img/bg-early-careers-blue.jpg'); /* Replace with your social image path */
}
.current-vacancies-box {
    background-image: url('../../assets/img/bg-current-vacancies-blue.jpg'); /* Replace with your social image path */
}
.our-people-box {
    background-image: url('../../assets/img/bg-our-people-blue.jpg'); /* Replace with your social image path */
}



/* Ensure the performance box has a fixed height and background image */
.why-us-box {
    position: relative;
    height: 400px; /* Adjust height to match your design */
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
   .defence-section2 .why-us-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.1); /* Light overlay as per previous adjustment */
      z-index: 1;
   }
   .why-us-box .top-text {
      background: rgba(255, 255, 255, 0.75);
      border: 5px solid white;
      padding: 15px 20px;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 1.2rem;
      color: #003087;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 80%;
      margin-top: 20px;
      z-index: 2;
      position: absolute; /* Ensure it can be positioned */
   }
   .why-us-box .top-text img {
      width: 30px;
      height: auto;
   }






.defence-section2 .performance-box {
      background-size: cover;
      background-position: center;
      height: 700px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      position: relative;
      overflow: hidden;
   }
   .defence-section2 .performance-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.1); /* Light overlay as per previous adjustment */
      z-index: 1;
   }
   .defence-section2 .top-text {
      background: rgba(255, 255, 255, 0.75);
      border: 5px solid white;
      padding: 15px 20px;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 1.2rem;
      color: #003087;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 80%;
      margin-top: 20px;
      z-index: 2;
      position: absolute; /* Ensure it can be positioned */
   }
   .defence-section2 .top-text img {
      width: 30px;
      height: auto;
   }
   .expert01-box { background-image: url('../../assets/img/expert01.jpg'); }
   .expert02-box { background-image: url('../../assets/img/expert02.jpg'); }
   .expert03-box { background-image: url('../../assets/img/expert03.jpg'); }
   .expert04-box { background-image: url('../../assets/img/expert04.jpg'); }
.responsible01-box { background-image: url('../../assets/img/responsible01.jpg'); }
  .responsible02-box { background-image: url('../../assets/img/responsible02.jpg'); }
  .responsible03-box { background-image: url('../../assets/img/responsible03.jpg'); }
   .responsible04-box { background-image: url('../../assets/img/responsible04.jpg'); }
.trusted01-box { background-image: url('../../assets/img/trusted01.jpg'); }
  .trusted02-box { background-image: url('../../assets/img/trusted02.jpg'); }
  .trusted03-box { background-image: url('../../assets/img/trusted03.jpg'); }
   .trusted04-box { background-image: url('../../assets/img/trusted04.jpg'); }
.whyus01-box {
    background-image: url(../../assets/img/why-us-trusted.jpg);
    padding-left: 5px;
}
  .whyus02-box { background-image: url('../../assets/img/why-us02.jpg'); }
  .whyus03-box { background-image: url('../../assets/img/why-us03.jpg'); }

   @media (max-width: 767px) {
      .defence-section2 .performance-box {
         height: 300px;
          margin-bottom: 20px
      }
      .defence-section2 .top-text {
         font-size: 1rem;
         width: 90%;
         margin-top: 0; /* Reset top margin */
         bottom: 20px; /* Position near the bottom */
         top: auto; /* Override top positioning */
      }
       
       .defence-section2 .why-us-box {
         height: 300px;
      }
      .defence-section2 .top-text {
         font-size: 1rem;
         width: 90%;
         margin-top: 0; /* Reset top margin */
         bottom: 20px; /* Position near the bottom */
         top: auto; /* Override top positioning */
      }
   }


/* Top text styling */
.top-text {
    margin-top: 20px;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 2px;
    position: relative; /* Ensure text is above the overlay */
}

/* Adjust font size for Environmental Performance to fit on one line */
.environmental-box .top-text {
    font-size: 1.3rem; /* Slightly smaller to fit on one line */
}

/* Bottom text styling */
.bottom-text {
    margin-bottom: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative; /* Ensure text is above the overlay */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .performance-box {
        height: 400px; /* Shorter height for mobile */
    }
    
    .why-us-box {
        height: 400px; /* Shorter height for mobile */
    }

    .top-text {
        font-size: 1rem;
        padding: 8px 15px;
    }

    .environmental-box .top-text {
        font-size: 0.9rem; /* Smaller font for mobile */
    }

    .bottom-text {
        font-size: 0.9rem;
        padding: 10px 15px;
    }
}


.single__commit__card {
    padding-left: 5%;
    padding-right: 5%;
}

.purpose2 {
    font-size: 1.6em !important;
    line-height: 1.2em !important;
    font-family: 'vinci_sanslight';
}

.purpose {
    font-size: 1.8em;
    line-height: 1.2em;
    font-family: 'vinci_sanslight';
}

/* Custom styles for the strip */
.strip-residential {
    background-image: url(../img/background-residential.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-residential::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-retail {
    background-image: url(../img/background-retail.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-retail::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-heritage {
    background-image: url(../img/background-heritage.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-heritage::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-logistics {
    background-image: url(../img/background-logistics.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-logistics::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-petrochemical {
    background-image: url(../img/background-petrochemcial.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-petrochemical::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-blue-light {
    background-image: url(../img/background-blue-light.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-blue-light::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-public-spaces {
    background-image: url(../img/background-public-spaces.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-public-spaces::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-transport {
    background-image: url(../img/background-transport2.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-transport::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-cleaning {
    background-image: url(../img/background-cleaning2.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-cleaning::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-fabric {
    background-image: url(../img/background-fabric.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-fabric::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-crc {
    background-image: url(../img/background-customer-response-centre.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-crc::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-grounds {
    background-image: url(../img/background-grounds.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-grounds::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-electrical {
    background-image: url(../img/background-electrical.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-electrical::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-mobilisation {
    background-image: url(../img/background-mobilisation.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-mobilisation::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-design-and-build {
    background-image: url(../img/background-design-and-build.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}


/* Overlay for better text readability */
.strip-design-and-build::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-utilities-management {
    background-image: url(../img/background-utilities-management.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}


/* Overlay for better text readability */
.strip-utilities-management::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-aids-and-adaptations {
    background-image: url(../img/background-aids-and-adaptations.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-aids-and-adaptations::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-data {
    background-image: url(../img/background-data.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-data::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}
.strip-health-safety {
    background-image: url(../img/background-health-safety.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-health-safety::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.strip-strategy {
    background-image: url(../img/background-strategy.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-strategy::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.strip-innovation {
    background-image: url(../img/background-innovation2.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-innovation::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.strip-asset {
    background-image: url(../img/background-asset.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-asset::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.strip-procurement {
    background-image: url(../img/background-procurement.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-procurement::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.strip-governance {
    background-image: url(../img/background-governance.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-governance::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.strip-environment {
    background-image: url(../img/background-environment.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-environment::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}


.strip-compliance {
    background-image: url(../img/background-compliance.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-compliance::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.strip-transparency {
    background-image: url(../img/background-transparency.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-transparency::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.strip-quality {
    background-image: url(../img/background-quality.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-quality::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 1;
}

.strip-fire-safety {
    background-image: url(../img/background-fire-safety.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-fire-safety::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-fit-out {
    background-image: url(../img/background-fit-out.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-fit-out::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-major-repairs {
    background-image: url(../img/background-major-repairs.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-major-repairs::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-retrofit {
    background-image: url(../img/background-retrofit2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-retrofit::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-refurbishment {
    background-image: url(../img/background-refurbishment.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-refurbishment::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-external {
    background-image: url(../img/background-external.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-external::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-ev {
    background-image: url(../img/background-ev.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-ev::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-integrated-services {
    background-image: url(../img/background-integrated-services.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-integrated-services::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-security {
    background-image: url(../img/background-security.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-security::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-local-authority {
    background-image: url(../img/background-local-authority.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-local-authority::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-healthcare2 {
    background-image: url(../img/background-healthcare2.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-healthcare2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-offices {
    background-image: url(../img/background-offices2.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-offices::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-government {
    background-image: url(../img/background-government.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-government::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.strip-defence {
    background-image: url(../img/background-defence2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-defence::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-education {
    background-image: url(../img/background-education.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-education::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.strip-who-we-are {
    background-image: url(../img/background-who-we-are.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Overlay for better text readability */
.strip-who-we-are::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


/* Custom container to control width */
.inner-container {
    width: 100%;
    max-width: 1140px; /* Matches Bootstrap's container max-width for desktop */
    margin: 0 auto;
    padding: 0 15px; /* Minimal padding for mobile */
    box-sizing: border-box;
    position: relative;
    z-index: 2; /* Above overlay */
}

.stat-box {
    background: rgba(255, 255, 255, 0.9); /* Semi-transparent white background */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 100%; /* Prevent overflow */
    box-sizing: border-box;
    position: relative;
    z-index: 2; /* Above overlay */
}

.placeholder-text {
    color: #12478C; /* Blue color for placeholder text */
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.2em;
    text-align: center ;
}

.stat-box h2 {
    color: #12478C; /* Blue color for numbers */
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .strip {
        padding-left: 0;
        padding-right: 0;
    }

    .inner-container {
        padding: 0 10px; /* Minimal padding on mobile */
        max-width: 100vw; /* Ensure it fits viewport */
    }

    

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .col-4 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 768px) {
    .stat-box {
    padding-top: 1.5rem !important;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    padding-bottom: 1.5rem !important;
    width: 80%; 
    text-align: center !important;    
    }

    .placeholder-text {
        font-size: 1.2rem;
    }

    .stat-box h2 {
    font-size: 3.5rem;
    font-family: 'vinci_sansbold';
    }
}


.btn-1 {
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
    padding-top: 2px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 6px;
    font-size: 16px;
    font-family: 'vinci_sansbold';
    min-width: 140px;
    font-weight: 500;
    color: #fff !important;
    border-radius: 30px;
    background: #ee1b2c;
    display: inline-block;
    transition: .5s ease;
    cursor: pointer;
    text-align: center;
    line-height: 28px;
    z-index: 1;  
  display: table;
    
}
  .btn-1:hover {
    background: #c71e42;
    color: #fff !important; }

.off-canvas-menu .menu-item-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 5px 0;
}

.bluuetext   {
    color: #8BC8EE;
    font-family: 'vinci_roundedbold';
}


.largenumber {
	color: #89bce4;
	font-size: 3em;
	line-height: 1em;
	font-family: 'vinci_roundedregular';
}
.largenumber-quote {
    color: #89bce4;
    font-size: 2em;
    line-height: 1em;
    font-family: 'vinci_roundedregular';
}

.smalltext {
	font-family: 'vinci_roundedregular';
    line-height: 20px;
    display: block;
}

.popupfigures {
	padding-top: 20px;
}

.off-canvas-menu .menu-link {
   flex-grow: 1;
   text-decoration: none;
   color: #003087;
}

.off-canvas-menu .dropdown-toggle {
   cursor: pointer;
   padding: 10px;
   font-size: 20px;
   line-height: 1;
   color: #003087; /* Blue color to match other arrows */
}

.off-canvas-menu .dropdown-toggle i {
   color: inherit; /* Ensure the icon inherits the color */
}

/* Remove any stray arrows from submenus */
.off-canvas-menu .sub-menu a span {
   display: none; /* Hide any <span> that might contain an arrow in the submenu */
}

/* Ensure dropdowns are hidden by default */
.off-canvas-menu .mega-menu-wrapper.collapse {
   display: none;
}

.off-canvas-menu .mega-menu-wrapper.show {
   display: block;
}


.off-canvas-menu .dropdown-toggle i.fas.fa-angle-down {
   color: #003087; /* Blue color to match the other arrows */
}

/* Hide any extra arrows by targeting the ::before or ::after pseudo-elements */
.off-canvas-menu .dropdown-toggle::before,
.off-canvas-menu .dropdown-toggle::after {
   display: none !important; /* Remove any pseudo-elements that might be adding an arrow */
}

/* Ensure only one arrow is visible */
.off-canvas-menu .dropdown-toggle i.fas.fa-angle-down:not(:first-child) {
   display: none; /* Hide any additional fa-angle-down icons */
}

.full-width-container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10%;
    box-sizing: border-box;
}

.full-width-top-section {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10%;
    box-sizing: border-box;
}


.full-width-container-headers {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10%;
    box-sizing: border-box;
}


.sidebox {
    background-color: #88bae3;
    padding-top: 30px;
    padding-right: 50px;
    padding-bottom: 30px;
    padding-left: 30px;
    color: #FAFAFA;
}
.blue-comments-box {
    background-color: #dceaf8;
    padding-top: 100px;
    padding-left: 100px;
    padding-right: 0px;
    padding-bottom: 30px;
    background-image: url(../img/speech.png);
    background-repeat: no-repeat;
    margin-top: 40px;
    font-size: 20px;
}
.blue-comments-box-inner1 {
    background-repeat: no-repeat;
    font-size: 20px;
    margin-right: 80px;
    color: #0B5A86;
    margin-top: 20px;
}
.blue-comments-box-inner2 {
    background-repeat: no-repeat;
    font-size: 20px;
    margin-right: 0px;
    background-color: #89bde5;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 20px;
    text-align: center;
    padding-right: 10px;
}
.light-blue-strip {
    background-color: #C2DEF6;
    padding-top: 5px;
    padding-bottom: 5px;
}

@font-face {
   font-family: calibri;
   src: url(../fonts/calibri-regular.ttf);
   font-weight: 400;
}

@font-face {
   font-family: calibri;
   src: url(../fonts/calibri-bold.ttf);
   font-weight: 700;
}

.alignleft {
   float: left;
   margin-right: 15px;
}

.alignright {
   float: right;
   margin-left: 15px;
}

.aligncenter {
   display: block;
   margin: 0 auto 15px;
}

a:focus {
   outline: 0 solid
}

img {
   max-width: 100%;
   height: auto;
}
.award-photo {
    padding-top: 50px;
    margin-top: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0 0 15px;
   color: #0f488a;
}

.speechmarks {
    width: 35%;
}

.vfont-thin {
    color: #231F21;
    font-family: 'vinci_sansextra_light';
    font-weight: 200;
    line-height: 1em;
    margin-left: 20px;
    margin-right: 20px;
}


.vfont-thin {
  font-size: clamp(3.5em, 6.5vw, 8em); /* Large desktops: starts at 6.5em, scales down */
  line-height: 1 /* Prevents overlap */
}

/* Target "Transforming Defence" specifically to allow wrapping */
.vfont-thin span[style="color: #0c5393"] {
  white-space: normal; /* Allows "Transforming Defence" to wrap naturally */
}

/* Keep "Infrastructure" on one line */
.vfont-thin:not(:has(span[style="color: #0c5393"])) {
  white-space: nowrap; /* Keeps "Infrastructure" on one line */
}

/* Large desktops to medium (between 1200px and 992px) */
@media (max-width: 1200px) {
  .vfont-thin {
    font-size: clamp(3.5em, 5vw, 5em); /* Scales down to 5em */
  }
}

/* Medium to tablet (between 992px and 768px) */
@media (max-width: 992px) {
  .vfont-thin {
    font-size: clamp(3em, 4vw, 3.5em); /* Scales down to 3.5em */
  }
}

/* Tablet (max-width: 768px) */
@media (max-width: 768px) {
  .vfont-thin {
    font-size: clamp(2.5em, 3vw, 2.5em); /* Scales down to 2.5em */
  }
    .speechmarks {
    width: 50%;
}

}

/* Mobile (max-width: 480px) */
@media (max-width: 480px) {
  .vfont-thin {
    font-size: clamp(2em, 2vw, 1.8em); /* Scales down to 1.8em */
  }
    .speechmarks {
    width: 80%;
}

}



@media (max-width: 768px) {
  .text-section-pad2 {
    padding: 5px; /* Reduce padding on tablet */
  }
}

@media (max-width: 480px) {
  .text-section-pad2 {
    padding: 3px; /* Reduce further on mobile */
  }
}
@media (max-width: 480px) {
  .vfont-thin br {
    display: none; /* Removes the line break on mobile */
  }
}

.sidebox h2 {
    color: #FFFFFF;
    font-size: 2.6em;
    line-height: 1.2em;
    font-weight: 600
}
.sidebox p {
    font-size: 1.4em;
    line-height: 1.3em;
}
.sidebox  h1 {
    font-size: 1.4em;
    text-transform: uppercase;
}

body {
   color: #000000;
   font-weight: 400;
   font-family: 'vinci_sansregular';
}

.selector-for-some-widget {
   box-sizing: content-box;
}

li {
   list-style: none;
}
.normalbullets {
  list-style-position: inside !important;
  list-style-type: disc !important;
  margin-bottom: 30px;
margin-left: 30px;    
  font-size: 20px;
  color: #525252;
}

.normalbullets li {
    list-style-position: outside!important;
    list-style-type: disc !important;
    margin-bottom: 10px;
}

a {
   text-decoration: none;
}

ul {
   margin: 0;
   padding: 0;
}

a:hover {
   text-decoration: none
}

a,
button,
input,
textarea {
   outline: none !important;
}


/* ----------------------------------------- HEADER SECTION START ------------------------ */
.header__section {
   padding: 20px 0 0;
   position: relative;
   z-index: 99;
}

.header__top__blk {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
   padding-bottom: 10px;
}

.header__logo a {
   width: 176px;
   display: flex;
}

.header__left__blk {
   display: flex;
   align-items: center;
   gap: 50px;
    padding-left: 15px;
}

.stock__info {
   display: flex;
   gap: 5px;
   align-items: flex-end;
   flex-wrap: wrap;
}

.stock_price {
   font-weight: 700;
   font-size: 18px;
   color: #3C162D;
   line-height: 1;
}

.stock_change {
   color: #C12D00;
   font-weight: 700;
   line-height: 1;
   font-size: 14px;
}

.date_time {
   line-height: 1;
   font-size: 14px;
   font-weight: 700;
   color: #59688A;
}

.header__right__blk {
   display: flex;
   align-items: center;
   gap: 35px;
}

.header__search__blk {
   border: 1px solid #D8EFF9;
   background: #D8EFF9;
   border-radius: 30px;
   display: flex;
   align-items: center;
   height: 36px;
   width: 194px;
}

.header__search__blk input {
   width: 100%;
   background: #fff;
   border: 0;
   border-top-right-radius: 30px;
   border-bottom-right-radius: 30px;
   height: 32px;
   padding: 5px;
   font-size: 14px;
   font-weight: 700;
   line-height: 1;
   color: #00162D;
}

.header__search__blk span {
   width: 35px;
   flex: 0 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
}

.header__search__blk span img {
   height: 22px;
}

.header__contact__blk {
   display: flex;
   align-items: center;
   gap: 25px;
}

.header__contact__ico {
   display: flex;
   align-items: center;
   gap: 20px;
}

.header__contact__ico a {
   width: 30px;
   height: 30px;
}

.contact_btn {
   font-weight: 400;
   color: #525252;
   line-height: 21px;
   font-size: 18px;
   transition: .3s all;
}

.header__dropown a {
   font-weight: 400;
   color: #525252;
   font-size: 18px;
   display: flex;
   align-items: center;
   gap: 8px;
   line-height: 21px;
   transition: .3s all;
}

.header__dropown a span {
   font-size: 15px;
   line-height: 1;
   padding-top: 6px;
}

.contact_btn:hover {
   color: #034792;
}

.header__dropown a:hover {
   color: #034792;
}

.header__dropown {
   position: relative;
}

.header__dropown ul {
   position: absolute;
   left: 0;
   top: 100%;
   background: #034792;
   width: 200px;
   padding: 20px 15px;
   z-index: 99;
   visibility: hidden;
   opacity: 0;
   transition: all 0.3s ease-in-out;
}

.header__dropown:hover ul {
   visibility: visible;
   opacity: 1;
}

.header__dropown ul li {
   display: block;
   margin-bottom: 10px;
}

.header__dropown ul li:last-child {
   margin-bottom: 0;
}

.header__dropown ul li a {
   color: #fff;
   font-size: 14px;
}

.header__dropown ul li a:hover {
	color: #fff;
	text-decoration: underline;
}



.header__menu__blk ul {
   display: flex;
   align-items: center;
   gap: 12px;
   font-size: 21px;
   font-weight: 400;
   line-height: 29px;
}

.header__menu__blk ul li a {
   font-size: 16px;
}

.header__menu__blk ul li a {
   font-size: 21px;
   font-weight: 400;
   line-height: 29px;
   color: #034792;
   display: flex;
   align-items: center;
   gap: 10px;
   transition: .3s all;
   padding: 30px 15px;
margin-bottom: -3px;    
}

.header__menu__blk ul li a span {
   padding-top: 5px;
   transition: .3s all;
}

.header__menu__blk ul li:hover a span {
   transform: none;
}

.header__menu__blk ul li:hover a {
   color: #fff;
   background: #034792;
}


/* ----------------------------------------- HEADER SECTION END ------------------------ */


/* ----------------------------------------- ABOUT SECTION START ------------------------ */

.about__section {
    padding-top: 45px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 20px;
}
/* ----------------------------------------- HEADER SECTION END ------------------------ */


/* ----------------------------------------- ABOUT SECTION START ------------------------ */

.leaderships h2 {
    font-size: 2.75em;
    line-height: 1em;
    padding-top: 32%        
}


.leadership-section {
    padding-top: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 40px;
}

.line {
    width: 8px; /* Adjust width as needed */
    height: 95%; /* Adjust height as needed */
    background-color: #8bc0e7; /* Light blue color matching the image */
    border-radius: 2px; /* Half of the width to create rounded ends */
    margin: 0 auto; /* Center the line horizontally */
}
.line-thicker {
  width: 8px; /* Adjust width as needed */
  height: 85%; /* Adjust height as needed */
  background-color: #8bc0e7; /* Light blue color matching the image */
  border-radius: 4px; /* Half of the width to create rounded ends */
  margin: 0 auto; /* Center the line horizontally */
}

.defence-section {
    padding-top: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 60px
}

.defence-section2 {
    padding-top: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 60px
}

.defence-section22 {
    padding-top: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 60px
}

.defence-section3 {
    padding-top: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 60px
}

/* .about__inner__blk .section__title p {
   max-width: 1000px;
}*/

.about__inner__blk {
    padding-left: 12%;
    padding-right: 12%;
}

.about-pad {
    margin-top: 10%;
    margin-bottom: 10%;
    padding-left: 0%;
    padding-right: 8%;
}
.text-section-pad {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 5%;
    margin-right: 5%;
}


.text-section-pad a:hover {
text-decoration: underline !important
}

.text-section-pad-case {
    margin-top: 0%;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 15px;
}


.text-section-pad-case a:hover {
text-decoration: underline !important
}



.case-study {
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width:var(--bs-border-width);
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg:var(--bs-body-bg);
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position:relative;
  display:flex;
margin-bottom: 50px;
  flex-direction:column;
  min-width:0;
    background-color: #fff;
  height:var(--bs-card-height);
  color:var(--bs-body-color);
  word-wrap:break-word;
  background-clip:border-box;
  border-radius:var(--bs-card-border-radius)
  
    
}

.text-section-pad-no-left {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: 5%;
}
.text-section-pad-no-left p {
    font-size: 20px;
    line-height: 26px
}

.text-section-pad2 {
    margin-top: 00px;
    margin-bottom: 5%;
    margin-left: 5%;
    margin-right: 7%;
}
.roundedbold {
    font-family: 'vinci_roundedregular';
    font-size: 1.6em;
    line-height: 1.2em;
}
.text-section-pad2 h3 {
    font-size: 2.3em;
    color: #0D5C9C;
    line-height: 1.4em;
	font-weight: 300 !important;
	margin-bottom: 40px	
}
.about__play__btn a {
   display: flex;
   align-items: center;
   justify-content: center;
   background: #034792;
   width: 125px;
   gap: 20px;
   font-weight: 700;
   color: #BFD7F7;
   border-radius: 30px;
   height: 32px;
   line-height: 1;
}

.about__play__btn {
   display: flex;
   justify-content: center;
}

.about__play__btn a span {
   width: 20px;
   height: 20px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 30px;
   color: #034792;
   font-size: 10px;
}

.hero-slide-content {
    background-color: #EEEEEE;
    padding: 65px 60px 100px 65px;
    max-width: 500px;
    width: 100%;
    min-height: 500px;
    background-color: rgba(238, 238, 238, 0.9);
    margin-top: 40px;
    margin-bottom: 40px;
}

.hero-slide-content h1 {
    color: #004990;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 18px;
    text-transform: uppercase;
}


.hero-slide-content h3 {
    color: #004990;
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 18px;
}

.hero-slide-content p {
    color: #004990;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px;
    font-weight: 400
}

.hero-slide-content .readmore-btn {
   color: #034792;
   background: #fff;
   border-radius: 30px;
   font-size: 18px;
   font-weight: 700;
   width: 116px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 1;
   border: 1px solid #FFFFFF;
   transition: .3s all;
}

.hero-slide-content .readmore-btn:hover {
   background: transparent;
   border-color: #034792;
   color: #034792;
}




.hero-slide-content-contact {
    background-color: #EEEEEE;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    max-width: 390px;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 80px;
    background-color: rgba(238, 238, 238, 0.9); /* Use rgba() for background transparency */
}

.hero-slide-content-contact h1 {
    color: #004990;
    font-weight: 400;
    font-size: 40px;
    line-height: 20px;

}

.hero-slide-content-defence h2 {
    color: #004990;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 18px;
}

.hero-slide-content-defence h3 {
    color: #004990;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 18px;
}

.hero-slide-content-defence p {
    color: #004990;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px;
    font-weight: 400
}

.hero-slide-content-defence .readmore-btn {
   color: #034792;
   background: #fff;
   border-radius: 30px;
   font-size: 18px;
   font-weight: 700;
   width: 116px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 1;
   border: 1px solid #FFFFFF;
   transition: .3s all;
}

.hero-slide-content-defence .readmore-btn:hover {
   background: transparent;
   border-color: #034792;
   color: #034792;
}



.hero-slide-content-education {
    background-color: #EEEEEE;
    padding-top: 55px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 55px;
    max-width: 500px;
    width: 100%;
    min-height: 450px;
    background-color: rgba(238, 238, 238, 0.9);
    margin-top: 40px;
    margin-bottom: 40px;
}

.hero-slide-content-education h1 {
    color: #004990;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 18px;
    text-transform: uppercase;
}


.hero-slide-content-education h3 {
    color: #004990;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 18px;
}

.hero-slide-content-education p {
    color: #004990;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px;
    font-weight: 400
}

.hero-slide-content-education .readmore-btn {
   color: #034792;
   background: #fff;
   border-radius: 30px;
   font-size: 18px;
   font-weight: 700;
   width: 116px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 1;
   border: 1px solid #FFFFFF;
   transition: .3s all;
}

.hero-slide-content-education .readmore-btn:hover {
   background: transparent;
   border-color: #034792;
   color: #034792;
}


.hero-slide.two .hero-slide-content {
   background: #5d2876;
}
.hero-slide.three .hero-slide-content {
   background: #224780;
}

.hero-slide.three .hero-slide-content .readmore-btn {
   width: 250px;
}
.hero-slide.two .hero-slide-content .readmore-btn:hover, .hero-slide.three .hero-slide-content .readmore-btn:hover {
	background: #75C8EC;
	color: #fff;
	border-color: #75C8EC;
}
.hero-slider-controls {
	bottom: 100px;
}
.slider-controls-wrapper {
	width: 380px;
}
.hero-slider-controls .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #004990;
   margin: 0px 5px !important;
   opacity: 0.5;
}
.hero-slider-controls .swiper-pagination-bullet-active {
   opacity: 1;
}
.slider-btn {
    font-size: 24px;
    line-height: 1;
    color: #004990;
    width: 30px;
    height: 30px;
}
.hero-slide-bg img {
   transition: all 40s;
}
.hero-slide {
   overflow: hidden;
}
.hero-slide .hero-slide-bg{
   z-index: -1;
}
.hero-slide.swiper-slide-active .hero-slide-bg img {
   transform: scale(1.2);
}
/* ----------------------------------------- ABOUT SECTION END ------------------------ */


/* ----------------------------------------- COMMIT SECTION START ------------------------ */

.commit__section {
    padding-top: 75px;
    padding-bottom: 75px;
}

.commit__card__ico {
    width: 200px;
    margin-bottom: 20px;
    min-height: 205px;
}

.commit__card__icoimg {
   height: 100%;
}

.commit__card__content h3 {
    color: #034792;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 5px;
    min-height: 72px;
}


.commit__card__content h3 a:hover {
    text-decoration: underline !important
}

.commit__card__content p {
    font-size: 24px;
    color: #525252;
    margin: 0;
    line-height: 30px;
    font-family: 'vinci_sanslight';
}
.text-section-pad p {
    font-size: 20px;
    color: #525252;
    line-height: 26px;
}
.larger-headline  {
    font-size: 2.6em !important
}
.redgraphic {
    max-height: 70px;
}
.blueborder {
    border: 2px solid #AED5F1;
}
.text-section-pad h3 {
    font-size: 2.6em;
    color: #0D5C9C;
    line-height: 1.4em;
    font-weight: 300 !important;
    margin-bottom: 40px;
    font-family: 'vinci_sanslight';
}
.case-study .row h3 {
    font-size: 1.4em;
}




.commit__wrapper .row {
   --bs-gutter-x: 35px;
}

/* ----------------------------------------- COMMIT SECTION END ------------------------ */


/* ----------------------------------------- FACILITIES SECTION START ------------------------ */

.facilities__section {
   background: #D8F2F5;
   padding: 45px 0;
    font-family: 'vinci_sanslight';
    font-weight: 400;
}

.section__title h2 {
    color: #034792;
    font-size: 48px;
    font-weight: 200;
    margin: 0;
    line-height: 58px;
    font-family: 'vinci_sanslight';
}
.section__title2 h2 {
    color: #034792;
    font-size: 2.6em;
    font-weight: 200;
    margin: 0;
    line-height: 1.4em;
    font-family: 'vinci_sanslight';
}

.facilities__img a {
   display: flex;
   justify-content: center;
   align-items: center;
}

.section__title {
    margin-bottom: 35px;
    font-weight: 300;
}

.section__title h1 {
    font-size: 2.8em;
    text-align: center;
}

.facilities__card__text h3 {
    text-align: center;
    margin: 0;
    color: #034792;
    font-size: 48px;
    line-height: 41px;
    font-weight: bold;
}

.facilities__card__text {
   margin-top: 15px;
}

.facilities__wrapper .row {
   --bs-gutter-x: 20px;
}

/* ----------------------------------------- FACILITIES SECTION END ------------------------ */


/* ----------------------------------------- NEWS SECTION START ------------------------ */

.news__section {
    padding-top: 85px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 85px;
}

.news__title h3 {
   text-align: left;
   color: #034792;
   font-size: 42px;
   font-weight: 400;
   margin: 0;
   line-height: 39px;
}

.news__title {
    font-family: 'vinci_sanslight';
   margin-bottom: 50px;
}

.news__card__date h3 {
   font-size: 20px;
   text-transform: uppercase;
   color: #747678;
   margin: 0;
   font-weight: 400;
   line-height: 25px;
}

.news__card__date {
   margin-bottom: 12px;
}

.news__card__thumb img {
    /* [disabled]width: 100%; */
    /* [disabled]height: 100%; */
    /* [disabled]object-fit: cover; */
}

.news__card__content p {
   font-size: 25px;
   line-height: 28px;
   color: #034792;
   font-weight: 400;
   margin: 0;
   max-width: 300px;
   margin-top: 28px;
}

.news__card__content {
    /* [disabled]border-top-color: #C7E8F7; */
    /* [disabled]border-top-style: solid; */
    /* [disabled]border-top-width: 7px; */
    /* [disabled]border-right-color: #C7E8F7; */
    /* [disabled]border-right-style: solid; */
    /* [disabled]border-right-width: 7px; */
    position: relative;
    min-height: 147px;
}

.news__wrapper .row {
   --bs-gutter-x: 20px;
}

.news_play_btn {
    position: absolute;
    top: -7px;
    right: -6px;
    /* [disabled]background-color: #C7E8F7; */
    width: 45px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news_play_btn span {
   width: 23px;
   height: 23px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 10px;
   background: #fff;
   border-radius: 30px;
   color: #034792;
   cursor: pointer;
}

.news_play_btn span i {
   padding-left: 2px;
}

/* ----------------------------------------- NEWS SECTION END ------------------------ */


/* ----------------------------------------- EXPERT SECTION END ------------------------ */

.expert__section {
   background: #F7F7F7;
   padding: 55px 0;
}

.section__title p {
    font-size: 23px;
    color: #525252;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 400;
}

.single__expert__card {
    background: #FFFFFF;
    padding: 40px;
    min-height: 380px;
}

.expert__card__content h4 {
   font-size: 38px;
   color: #034792;
   font-weight: 400;
   margin-bottom: 32px;
   line-height: 43px;
}

.expert__card__content p {
   font-size: 27px;
   line-height: 34px;
   font-weight: 400;
   color: #525257;
   margin: 0;
    font-family: 'vinci_sanslight';
}
.facilitieslinks {
    font-size: 23px !important
}
.expert__card__content {
   margin-bottom: 40px;
}

.find_btn {
   display: flex;
   align-items: center;
   gap: 12px;
   font-size: 18px;
   font-weight: 400;
   line-height: 1;
   color: #78C2E3;
}

.find_btn span {
   width: 28px;
}

.find_btn:hover {
   filter: brightness(0) saturate(100%) invert(19%) sepia(30%) saturate(5326%) hue-rotate(199deg) brightness(94%) contrast(98%);
}

.expert__btn__blk {
   margin-top: 50px;
}

.single_expart_btn {
   display: flex;
   align-items: center;
   gap: 5px;
   margin-bottom: 3px;
}

.single_expart_btn a {
   font-size: 20px;
   color: #FF2E62;
   font-weight: 400;
   line-height: 20px;
   transition: .3s all;
}

.single_expart_btn span {
   font-size: 20px;
   color: #747479;
   font-weight: 400;
   line-height: 20px;
}

.single_expart_btn a:hover {
   color: #244792;
}

.find__btn__blk {
    display: flex;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.expert__wrapper .row {
   --bs-gutter-x: 20px;
}

/* ----------------------------------------- EXPERT SECTION END ------------------------ */


/* ----------------------------------------- FOOTER SECTION START ------------------------ */

.footer__section {
    padding: 10px 0;
    background-color: #002340;
    color: #FFFFFF;
    font-family: 'vinci_sanslight';
}

.footer__inner__blk {
   display: flex;
   align-items: center;
   justify-content: space-between;
    font-family: 'vinci_sanslight';
}

.footer__menu ul {
   display: flex;
   align-items: center;
   gap: 15px;
}

.copyright__text p {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    font-family: 'vinci_sanslight';
}

.copyright__text p span {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    font-family: 'vinci_sanslight';
}

.footer__menu ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 18px;
    transition: .3s all;
    font-family: 'vinci_sanslight';
}

.footer__menu ul span {
   color: #fff;
   font-weight: 400;
   line-height: 1;
}

.footer__menu ul li a:hover {
    color: #EFEFEF;
    font-family: 'vinci_sanslight';
}

/* ----------------------------------------- FOOTER SECTION END ------------------------ */

.header__menu__blk ul li.has-mega-menu {
   position: static;
}

.header__menu__blk ul li.has-mega-menu {
   position: static;
}

.header__menu__blk ul li .mega-menu-wrapper {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    background: #034792;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
    width: 100%;
    visibility: hidden;
    opacity: 0;
}

.header__menu__blk ul li:hover .mega-menu-wrapper {
   visibility: visible;
   opacity: 1;
}

.header__menu__blk ul li .mega-menu {
   max-width: 1362px;
   width: 100%;
   margin: 0 auto;
   padding: 0;
   display: flex;
   align-items: flex-start;
}

.header__menu__blk ul li .mega-menu .m-title {
   line-height: 1.875rem;
   padding: 8px 15px;
   font-weight: 600;
   text-transform: uppercase;
   color: #fff;
   border-bottom: 1px solid #fff;
   margin-bottom: 10px;
   justify-content: center;
}






.header__menu__blk ul li .mega-menu .sub-menu {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
}

.header__menu__blk ul li .mega-menu .sub-menu li {
   width: 100%;
}

.header__menu__blk ul li .mega-menu .sub-menu.col2 li {
   width: 49%;
}

.header__menu__blk ul li .mega-menu .sub-menu li a {
    color: #fff;
    justify-content: center;
    text-align: center;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
}

.header__menu__blk ul li .mega-menu .sub-menu li a:hover {
   text-decoration: underline;
}

.top-navigation__menu {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 26px;
   height: 19px;
   border: 0;
   background: none;
}

.top-navigation__menu span {
   position: absolute;
   display: block;
   width: 100%;
   height: 3px;
   background-color: #034792;
   -webkit-transition: .3s;
   transition: .3s;
}

.top-navigation__menu span:nth-child(1) {
   top: 0;
   left: 0;
}

.top-navigation__menu.is-active span:nth-child(1) {
   -webkit-transform-origin: left;
   transform-origin: left;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   top: 0;
   left: 4px;
}

.top-navigation__menu span:nth-child(2) {
   top: 8px;
   left: 0;
}

.top-navigation__menu.is-active span:nth-child(2) {
   display: none;
}

.top-navigation__menu span:nth-child(3) {
   bottom: 0;
   left: 0;
}

.top-navigation__menu.is-active span:nth-child(3) {
   -webkit-transform-origin: left;
   transform-origin: left;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   top: 18px;
   left: 4px;
}

/* offset menu */

.off-canvas-section {
   width: 100%;
   height: 100%;
   -webkit-transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s linear 0s;
   position: fixed;
   top: 0;
   right: 0;
   z-index: 9999;
   visibility: hidden;
   opacity: 0;
}

.off-canvas-section.active {
   visibility: visible;
   opacity: 1;
}

.off-canvas-wrap {
   width: 100%;
   max-width: 480px;
   height: 100%;
   background: #fff;
   -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   transition-duration: 0.6s;
   position: fixed;
   top: 0;
   right: -100%;
   z-index: -99999;
   overflow-y: auto;
}

.off-canvas-wrap.active {
   right: 0;
   visibility: visible;
   opacity: 1;
   z-index: 99999;
   -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   transition-duration: 0.6s;
}

.off-canvas-section .off-canvas-overlay {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   background: rgba(0, 0, 0, 0.5);
}

.off-canvas-wrap .off-canvas-body {
   padding: 20px 30px;
}

.off-canvas-wrap .off-canvas-head {
   padding: 20px 30px;
}

.off-canvas-wrap .off-canvas-close {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 30px;
   height: 30px;
   background: #e8112b;
   color: #fff;
   font-size: 16px;
   cursor: pointer;
   border-radius: 4px;
   -webkit-transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s linear 0s;
}


.off-canvas-menu ul li a {
   font-size: 18px;
   font-weight: 700;
   line-height: 26px;
   color: #034792;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   transition: .3s all;
   padding: 5px 10px;
}
.off-canvas-menu .has-mega-menu .mega-menu-wrapper .mega-menu {
   padding-left: 20px;
}

.off-canvas-menu .has-mega-menu .mega-menu-wrapper .mega-menu a {
   font-size: 16px;
   font-weight: 400;
}


.off-canvas-menu .has-mega-menu .mega-menu-wrapper .mega-menu .m-title {
   font-weight: 600;
   border-bottom: 1px solid #034792;
   padding-bottom: 10px;
}



/* about section start */
.about-card-thumb {
   width: 100%;
}
.about-card-thumb img {
   transition: all 1s ease-in-out;
}
.about-card-thumb:hover img {
   transform: scale(1.1);
}
.about-card-content {
    background-color: #e6f0fa;
    height: max-content;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
    width: 50%;
    top: 171px;
}
.about-card-desc {
    font-size: 18px;
    color: #696A6A;
    font-weight: 300;
    max-width: 320px;
}
/* about section end */