/*
 Theme Name: SFP Group
 Author: Aaron Kelly
 Description: Multipurpose theme created for SFP Group
 Version: 1.0
 Template: sfpgroup
*/



#page{
    overflow-x: hidden;
}

body{
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden; /* Ensure no horizontal scrollbar */

}

#home-header{
    height: auto;
   background-color: #777;
   padding-top: 100px;
   padding-bottom: 100px;
}

#home-header h1{
    color: #ffffff;
    font-size: 55px;
}

#home-header h3{
    color: #fff;
    font-weight: 300;
}

.navbar-expand-lg{
    position: fixed;
    width: 100%;
    background-color: #fff;
}

h2{
    font-size: 2.5rem;
    font-weight: 600;
}

h3{
    font-size: 28px;
    font-weight: 400;
}

h4{
    font-size: 20px;
}
.custom-icon {
    font-size: 50px; /* Change to any size */
}

.bg-black{
    background-color: #111111 !important;
}

.navbar-brand{
    width: 200px;
    max-width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.card{
    background: transparent; 
}

/* --- DARK MODE ---*/

.dark-mode .navbar{
    background-color: #111111;
}

.dark-mode .bg-body-tertiary{
    background-color: #2b2b2b !important;
}

.dark-mode .owl-prev {
    color: #fff;
}

.dark-mode  .owl-next {
    color: #fff;
}

.dark-mode .push-services{
    background-color: #343a40;
  
}

.dark-mode .btn-primary{
    background-color: #777;
}

.dark-mode .custom-btn a{
    color: #111111 !important;
}

.dark-mode #footer-menu li a{
    color: #ffffff; 
}

.dark-mode .our-divisions .card{
    background-color: #212529;
   
}
.dark-mode .custom-btn .nav-link{
    background-color: #fff;
    border-radius: 20px;
    padding-left: 25px !important;
    padding-right: 25px !important;
    color: #111111 !important;
}

.dark-mode .fade-text{
    color: #fff;
}

.dark-mode .counter{
    color: #fff;
}

.dark-mode #carousel1 .card{
background-color: transparent !important;
}

.dark-mode .our-divisions-2 .card{
  
}

.dark-mode .card{
    border: 1px solid #fff;
}

/* --- DARK MODE ---*/



.pt-200{
    padding-top: 200px;
}

.pt-100{
    padding-top: 200px;
}

.pb-100{
    padding-bottom: 200px;
}

.custom-bottom-border{
border-bottom: 1px solid #cacaca;
padding-bottom: 15px;
margin-bottom: 15px;
}

/* Ensure that the owl items are equal height */
.owl-carousel .item {
    display: flex; /* Flexbox container for equal height */
    justify-content: center; /* Center the cards inside the owl item */
    align-items: stretch; /* Stretch the items to match the tallest card */
}

.card {
    display: flex;
    flex-direction: column; /* Stack the card content vertically */
    width: 100%; /* Ensure the card takes full width of the item */
    height: 100%; /* Allow the card to stretch to the height of the item */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Make sure the card body stretches */
.card-body {
    display: flex;
    flex-direction: column; /* Stack elements inside the card body */
    flex-grow: 1; /* Allow the body to take up available height */
    padding: 15px; /* Padding for spacing inside the card */
}

/* Optional: Add margin at the bottom of the title and text */
.card-title, .card-text {
    margin-bottom: 10px;
}




.owl-prev, .owl-next {
    background-color: transparent; /* Remove default background */
 
    border: none;
    font-size: 40px; /* Increase size of filled arrows */
    cursor: pointer;
    transition: color 0.3s ease; /* Smooth transition on hover */
    color: #111111;
}

.push-services{
 
    background-color: #eee;
}

.pb-200{
    padding-bottom: 200px;
}

.navbar-expand-lg .offcanvas .offcanvas-body{
    background-color: transparent;
}

.form-check-input:focus{
    border-color: 0px;
    Box-shadow: 0px;
}

.form-check-input:focus {
    border-color: none;
    outline: none;
    box-shadow: none;
}

.top-button {
    right: 15px;
    bottom: 15px;
}

.btn-primary{
    background-color: #000;
    border: 0px;
}

.trusted .card-body{
    padding: 5px !important;
}


.owl-carousel .owl-item img {
    display: block;

    width: 95px !important;
    max-width: 100%;
    margin: 15px;
   
}

@media (min-width: 576px) {
    .container-half { max-width: calc(540px / 2); }
}

@media (min-width: 768px) {
    .container-half { max-width: calc(720px / 2); }
    .container-half-md-left { margin-right: 0; }
}

@media (min-width: 992px) {
    .container-half { max-width: calc(960px / 2); }
}

@media (min-width: 1200px) {
    .container-half { max-width: calc(1320px / 2); }
}

/* right */

@media (min-width: 576px) {
    .container-half0-2 { max-width: calc(540px / 2); }
}

@media (min-width: 768px) {
    .container-half-2 { max-width: calc(720px / 2); }
    .container-half-md-right { margin-left: 0; }
}

@media (min-width: 992px) {
    .container-half-2 { max-width: calc(960px / 2); }
}

@media (min-width: 1200px) {
    .container-half-2 { max-width: calc(1320px / 2); }
}

@media (min-width:768px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 375px);
  }
}

@media (min-width:992px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 485px);
  }
}

@media (min-width:1200px){
  .container-right {
    margin-right: 0;
    margin-left: calc(50vw - 680px);
  }
}

.container-right{
    padding-right: 0px !important;
    padding-left: 15px;
}

.responsive-image img{
    width: 430px;
    max-width: 100%;
   
    margin: auto;
}


.d-flex-2{
    flex-wrap: wrap;
    align-content: center;
}

.custom-btn .nav-link{
    background-color: #111111;
    border-radius: 20px;
    padding-left: 25px !important;
    padding-right: 25px !important;
    color: #ffffff !important;
}

footer h2{
    font-size: 55px;
}

#footer-menu li a{
    color: #000000A6;
}

.footer-logo img{
    width: 200px;
    max-width: 100%;
}

#footer-menu{
display: inline;
}

footer .custom-btn{
    display: none;
}

.footer-info h4{
font-size: 20px;
}

.our-divisions .card{

    
}

.company-info p{
    font-size: 15px;
}

.services{
    
   background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-left-13.png");
  
    background-position: 0% 0%;
    background-repeat: no-repeat;
    padding-top: 200px;
    padding-bottom: 100px;
    position: relative;
    
   
    
  
}

.our-divisions {
    
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-right-9.png");
   
    background-position: top right;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}

.our-divisions {
    position: relative;
    background-position: top right;
    background-repeat: no-repeat;
    padding-top: 100px;
}

.our-divisions::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #eeeeee;
    z-index: -1;
}


.dark-mode  .our-divisions::before {
    background-color: #2b2b2b;

}

.dark-mode .pin-section{
    background-color: #2b2b2b;
    color: #fff;
}


.trusted{
 
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/footer-triangle-3.png");
    
    background-position: 0% 100%;
    background-repeat: no-repeat;
    padding-top: 200px;
    position: relative;
   
  

}

.our-divisions-new-bg{
    background-image: none !important;
    background-color: transparent;

}

.dark-mode .our-divisions-new-bg{
background-color: #121212;

}

.green-text{
    color: #52bd92;
}



.navbar-expand-lg{
    -webkit-box-shadow: 2px 4px 19px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 4px 19px -13px rgba(0,0,0,0.75);
box-shadow: 2px 4px 19px -13px rgba(0,0,0,0.75);
}

.bg-body-tertiary{
  
    background-position: bottom left;
    background-repeat: no-repeat;
    
}

h4{
    font-weight: 400;
}

h3{
    font-size: 23px;
}

#bgvid{
    object-fit: cover;
    width: 100vw;
    height: 100vh;
  position: absolute;
   
    left: 0;
  }

  #home-header{
    position: relative;
    overflow: hidden;
  }

  .overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    
  background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/01.png");
  z-index: 1;
  }

  .main-content-header{
position: relative;
z-index: 99;
  }
 
 

  .pb-130{
    padding-bottom: 100px;
  }

 
  .wrapper {
    height: auto;
}

.pin-section {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
   background-color: #eee;
    color: #111111;
    flex-direction: column;
    overflow: hidden;
}

.content-piece {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-piece.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.content-piece.inactive {
    opacity: 0;
}

.relative-container {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Scope the row styling only inside content-piece */
.content-piece .row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-piece .col-md-6 {
   
    position: relative;
}

.content-piece img {
    width: 500px;
    max-width: 100%;
    height: auto;
    position: relative;
}

.counter {
    position: absolute;
  right: 0px;
  top: 250px;
    font-size: 24px;
    font-weight: bold;
    color: #111111;
    z-index: 999;
    padding: 5px 10px;
    border-radius: 5px;
}

.why-work{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
} 
  

.bg-body-tertiary{
    background-color: #eeeeee !important;
}

.award-badges img{
    width: 100%;
   
}

.absolute-row{
    position: absolute;
    width: 100%;
    z-index: 1;
    padding-top: 100px;
}

#services-header{
    position: relative;
    height: 800px;
   
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/new-exigen-bg-image.jpg");
      /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#services-header h1{
    color: #fff;
}

#services-header h2{
    color: #ffffff;
    font-size: 27px;
}

.main-services{
    padding-top: 200px;
    padding-bottom: 200px;
}

.service-row img{
    width: 500px;
    max-width: 100%;
}

.our-strategy{
    padding-bottom: 200px;
}

.icon-con img{
    width: 95px;
}

.our-partners{
    padding-bottom: 200px;
}

.carousel-control-prev .bi-arrow-right-circle-fill,
.carousel-control-next .bi-arrow-right-circle-fill {
    color: #111111;
    
}

/* Center the content inside each card in carousel1 */
#carousel1 .item {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Remove borders from the card inside carousel1 */
#carousel1 .card {
    border: none;
    box-shadow: none; /* Optional: Remove shadow as well */
}

/* Optionally, center the text inside the card body for carousel1 */
#carousel1 .card-body {
    text-align: center;
}

/* Ensure the card has consistent padding in carousel1 */
#carousel1 .card {
    padding: 15px;
}

/* Optional: Adjust image size for the card inside carousel1 */
#carousel1 .card .icon-con img {
    max-width: 100%;
    height: auto;
}

.badges{
 
    padding-bottom: 200px;
}

#company-header{
    position: relative;
    height: 800px;
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/contatc-us-header-8.jpg");
    background-color: #111111;
    /* background-attachment: fixed; */
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0%;
}

#company-header h1{
    color: #ffffff;
}

.history{
    padding-top: 200px;
    padding-bottom: 100px;
    background-color: #eee;
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-left-13.png");
    background-position: 0% 0%;
    background-repeat: no-repeat;
    position: relative;
 
}

.responsive-image-main img{
max-width: 100%;
}

.rotate-image img{
    transform: rotate(90deg);
}

.reverse-rotate img{
    transform: rotate(-90deg);
}

.history h4{
    font-weight: 500;
}

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

.background-image-col-up{
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/faded-up.png");
    background-size: 300px 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.background-image-col-up-integ{
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/integrity.png");
    background-size: 300px 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.background-image-col-down-depend{
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/depend.png");
    background-size: 300px 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;

}

.background-image-col-up-excel{
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/excellence.png");
    background-size: 300px 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;

}

.background-image-col-up-eff{
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/eff.png");
    background-size: 300px 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;

}

.background-image-col-down-care{
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/care.png");
    background-size: 300px 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.background-image-col-down{
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/faded-down.png");
    background-size: 300px 300px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.leadership{
    padding-bottom: 100px;
}

.leaders img{
    border-radius: 50%;
    width: 250px;
    margin: auto;
    max-width: 100%;
}

.our-people-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px; /* Optional: Adjust card border radius */
  }

  .our-people-img {
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease;
  }

  .our-people-bio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    color: #111111;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
    padding: 20px;
  }

  .our-people-card:hover .our-people-bio,
  .our-people-card:focus .our-people-bio {
    opacity: 1;
  }

  .bio-title {
    font-size: 1.25rem;
    font-weight: bold;
  }

  .bio-position {
    font-size: 1rem;
    font-weight: normal;
  }

  .card-footer {
    text-align: center;
    padding: 10px;
  }
  .our-people img{
    border-radius: 50%;
    width: 300px;
    max-width: 100%;
    margin: auto;
  }

  h4{
    font-weight: 500;
  }

  .our-people img{
width: 250px;
  }

  #careers-header{
    position: relative;
    height: 800px;
   
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/careers.jpg"); 
   
      /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


  #careers-header h1{
    color: #fff;
  }

  .culture{
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .culture-image{
    width: 600px;
    max-width: 100%;
    margin: auto;
    padding-bottom: 50px;
  }

  .history-image img{
    width: 500px;
    max-width: 100%;
    margin: auto;
  }
  .dark-mode .our-people-card .card-footer{
    background-color: transparent;
  }

  .benefits{
    padding-bottom: 200px;
    padding-top: 100px;
  }

     /* Fullscreen overlay */
     #frontpage-intro {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #111111;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    /* Container for the text */
    .text-container {
        text-align: center;
        position: relative; /* Positioning context for the text */
        z-index: 1;
    }

    /* Static Logo Styling */
    #logo {
        width: 400px; /* Set logo width to 500px */
        position: fixed; /* Keep logo fixed on the page */
        top: 40%; /* Adjust to move the logo slightly down */
        left: 50%;
        transform: translateX(-50%); /* Center the logo horizontally */
        z-index: 2; /* Ensure logo is above text */
        opacity: 1; /* Ensure logo is always visible */
     
    }

    /* Text styling */
    .word {
        font-size: 3rem;
        font-weight: bold;
        color: white;
        opacity: 0;
        transition: opacity 0.6s ease-in-out;
        
    }

    /* Hide overlay animation */
    @keyframes hideIntro {
        to { opacity: 0; visibility: hidden; }
    }

    .wrapper-bottom .tp-widget-rating-long{
        color: #fff !important;
    }

    @media (max-width: 767px) {
        .leaders .col-md-6 {
            order: 1;
        }
        .leaders .col-md-6.text-center,
        .leaders .col-md-6.align-content-center {
            display: block;
            width: 100%;
            text-align: center;
        }
        .leaders img {
            margin-bottom: 15px;
        }
    }

    @media (max-width: 767px) {
        .leaders .col-md-6 {
            order: 1;
        }
        .leaders .col-md-6.text-center,
        .leaders .col-md-6.align-content-center {
            display: block;
            width: 100%;
            text-align: center;
        }
        .leaders img {
            margin-bottom: 15px;
        }
    }

    .custom-list {
        list-style-type: none; /* Remove default list bullets */
        padding-left: 0; /* Remove padding from the left */
    }
    
    .custom-list li {
        position: relative; /* Allow positioning of the image */
        padding-left: 25px; /* Add space for the image */
        margin-bottom: 10px; /* Add space at the bottom of each list item */
    }
    
    .custom-list li::before {
        content: ''; /* Remove default content */
        position: absolute;
        top: 6px;
        left: 0;
        width: 10px;
        height: 10px;
        background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/small-green.png");
        background-size: contain;
        background-repeat: no-repeat;
    }

    b{
        font-weight: 600 !important;
    }

    .benefits h3{
        font-size: 30px;
        font-weight: 500;
    }

    .vacancies{
        padding-bottom: 200px;
    }

    .values{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .leaders a{
        color: orange;
    }

    .no-style-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .no-style-list li {
        margin-bottom: 5px; /* Adjust spacing if needed */
    }

    .no-style-list a{
        color: orange;
    }

    .card{
        border-radius: 20px;
    }

    .addtional-pt-200{
padding-top: 200px;
    }

    .our-strategy .card{
      
    }

    .partner-wrap{
        background-color: #eee;
        padding: 100px; 
    } 

    #carousel1 .card{
background-color: transparent;
    }

    .dark-mode .partner-wrap{
        background-color: #2b2b2b;
    }

    .dark-mode .history{
        background-color: #2b2b2b;
    }

    .inclusion-workplace{
padding-top: 100px;

    }

    h1{
        font-weight: 800;
        font-size: 50px;
    }

    .our-divisions-new-bg{
        background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-right-9.png") !important;
        background-repeat: no-repeat;
    }

    .strategy-bg-custom{
background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/center-triangle-2.png");
background-repeat: no-repeat;
background-position: 50% 100%;
    }

    .culture{
        background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-right-9.png") !important;
        background-position: top right;
        background-repeat: no-repeat;
    }

    .culture{
        background-color: #eee;
    }

    .dark-mode .culture{
        background-color: #2b2b2b;
        color: #fff;
    }

    .dark-mode .inclusion-workplace .card{
        background-color: transparent;

    }

    .inclusion-workplace .card{
        background-color: transparent;
    }

    .benefits{
        background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-left-13.png");
background-position: 0% 0%;
background-repeat: no-repeat;
    }

    #contact-us{
        height: 600px;
    }

    #contact-header{
        position: relative;
        height: 800px;
        background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/04/contact-us-header-main.jpg");
        background-color: #111111;
        /* background-attachment: fixed; */
        /* background-attachment: fixed; */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0% 0%;
    }
    

    #contact-header h1{
        color: #ffffff;
    }

    .contact-details{
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .contact-details{
        background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-left-13.png");
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
#text-header h4{
    padding-bottom: 15px;
}

#text-header{
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-left-13.png");
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

#text-header h3{
    padding-bottom: 15px;
}

#text-header a{
    color: orange;
}

.rounded-image img{
    border-radius: 20px;
}

.value-img img{
    width: 250px;
    display: block;
    margin: 0 auto;
}

.contact-logos img{
width: 100% !important;
}

.contact-details-branch  a{
    color: #111111;

}

.dark-mode .contact-details-branch  a{

color: #fff;
}

.image-map img{
    border-radius: 20px;

}

.award-badges{
    position: relative;
    top: -50px;
}

.map{
    position: relative;
    top: 7px;
}

/* Default state */
.nav-link {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    text-decoration: none;
    color: #000; /* Adjust color as needed */
}

/* Underline effect */
.nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px; /* Adjust thickness */
    background-color: orange; /* Adjust color */
    transition: width 0.3s ease-in-out;
}

/* Hover effect */
.nav-link:hover::after {
    width: 100%;
}

.custom-btn .nav-link::after {
    display: none !important;
}

.mobbile-absolute-row{
    display: none !important;
} 

@media only screen and (max-width: 768px){
    .mobbile-absolute-row{
        display: inline-block !important;
    } 
    .relative-text{
        position:relative;
        z-index: 3;
    }

    .abstract-img-right{
        z-index: 0 !important;
    }

    .abstract-img-center{
        z-index: 0 !important;
    }

    .remove-mobile-tri{
        display: none;
    }
    .custom-btn{
        margin-top: 15px;
    }

    .content-piece .row {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -60%);
        width: 100%;
        display: flex
    ;
        align-items: center;
        justify-content: center;
    }

    .content-piece{
        margin: 15px;
    }


    .absolute-row{
        display: none;
    }

    .abstract-img-right {
        position: absolute;
        z-index: -1;
    }

    .abstract-img-center{
        z-index: 0;
    }


    #contact-header{
        background-position: 26% 0% !important;
    }

    #services-header{
        background-position: 55% !important;
    }

    #company-header{
        background-position: 80% 0% !important;
    }

    .award-badges{
        top: 0px;
    }

.navbar-brand{
    width: 170px;
}

h1{
    font-size: 39px !important;
}

h2{
    font-size: 30px !important;
}

.mode-text {
    display: none !important; /* Hide text on smaller screens */
}

.services{
    padding-top: 100px;
    position: relative;
}

.pt-100{
    padding-top: 100px;
}

.pb-100{
    padding-bottom: 100px;
}

.trusted{
    padding-top: 100px;
}

.addtional-pt-200{
    padding-top: 100px;
}

.new-service-wrap .p-5{
    padding: 0px !important;
}

.image-con-brand img{
    position: relative;
    z-index: 3;
}

.our-strategy{
    padding-bottom: 100px;
}

.partner-wrap{
    padding: 0px;
}

.badges{
    padding-bottom: 0px;
}

.culture{
    padding-top: 100px;
}

.content-piece img {
    width: 500px;
    max-width: 100%;
    height: auto;
    position: relative;
    top: 140px;
    width: 350px;
}

.fade-wrap h2{
    font-size: 20px !important;
}

.fade-wrap h3{
    font-size: 18px !important;
}


}

.image-con-brand img{
    width: 450px;
}

.pt-150{
    padding-top: 150px;
}

.our-strategy{
    padding-top: 200px;
}

.our-divisions-2{
    background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-right-9.png") !important;
    background-repeat: no-repeat;
    background-position: top right;
}

.top-button{
display: none;
}

#carousel2{

}

.partner-quote img{
    width: 150px !important;
    margin:auto;
}

#carousel1 img{
    width: 150px !important;
    margin: auto;
    height: 150px;
}

.grey-wrap{
    background-color: #eeeeee;
    position: relative;
}

.dark-mode .grey-wrap{
    background-color: #2b2b2b;
    color: #ffffff;
}

.odd-font {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.abstract-img{
    position: absolute;
    z-index: 1;
    bottom: -65px;
    left: 0px;
    width: 135px;
}

.abstract-img-center{
    position: absolute;
    z-index: 1;
    bottom: -65px;
    left: 0px;
    width: 135px;
    top: -77px;
}

.abstract-img-touch{
    position: absolute;
    z-index: 1;
    bottom: -65px;
    left: 0px;
    width: 135px;

}

.partner-wrap{
position: relative;
}

.culture{
    position: relative;
}

.abstract-img-right{
    position: absolute;
    z-index: 1;
    bottom: -65px;
    right: 0px;
    width: 135px;
}

#lottie-container{
    position: absolute;
    top: 0px;
    right: 0px;
   width: 1500px;
height: 750px;
   
}

#lottie-container-2{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 960px;
   
}

#lottie-container-3{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 1920px;
    height: 960px;
   
}

.custom-nav{
    position: relative;
    z-index: 9;
}

.new-service-wrap .card-title{
    font-size: 35px;
}


.trustpilot-widget{
        position: relative;
    background-color: #fff;
    padding: 25px;
}

.main-button-2 a{
  background-color: #111111;
    border-radius: 20px;
    padding-left: 25px !important;
    padding-right: 25px !important;
   
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
     color: #fff;
}

.dark-mode .main-button-2 a{
    background-color: #ffffff;
    color: #111111 !important;
   
}

/* Fixed offcanvas for desktop */
.offcanvas-custom {
  position: fixed;
  top: 0;
  left: 0;
  width: 260px;
  height: 100vh;
  background-color: #d3d3d3 !important;
  border-right: 1px solid #d3d3d3;
  z-index: 1020;
 background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/footer-triangle-3.png");
  overflow-y: auto;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Push content right of sidebar on desktop */
@media (min-width: 992px) {
  body {
    margin-left: 260px;
  }
}

.offcanvas-custom .menu-item{
padding-left: 25px;
padding-right: 25px;
background-color: #d3d3d3;

}

.dark-mode .offcanvas-custom {
background-color: #111111 !important;
    }

    .dark-mode .offcanvas-custom a{
        color: #fff;

    } 

    .dark-mode .offcanvas-custom .menu-item{
        background-color:  #111111 !important;
    }

.default-section{
    padding-top: 50px;
    padding-bottom: 100px;
  
   
    position: relative;
}

.container{
    padding-left: 25px;
    padding-right: 25px;
}

.menu-title h3{
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
}
 
.default-section .custom-bottom-border{
margin-bottom: 35px;
}

.default-section svg{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0;
}

.default-section .container{
    position: relative;
    z-index: 1;
}

.alert {
  padding: 4px;
}

.bg-yellow {

  
  font-weight: 900;

}

.alert .message {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-left: 8px;
  color: #000;
  font-size: 16px;
  letter-spacing: -.2px;
  line-height: 22px;
  text-transform: uppercase;
}

.alert  {
  display: flex;

  text-decoration: none;
  position: fixed;
    bottom: 0px;
    z-index: 99;
    margin-bottom: 0px;
    background: #d3d3d3;
    color: #111111;
}

.pill {
  padding: 2px 6px;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  white-space: nowrap;
  background: #f2f211;
  color: #111111;
}

.animate ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.animate ul li {
  height: 20px;
  white-space: nowrap;
  color: #111111;
  font-weight: 400;
  text-transform: capitalize;
}

.dark-mode .animate ul li{
color: #ffffff;
font-size: 14px;

}

.text {
  margin: 0 auto;
}

/*.alert .animate ul {
    display: flex;
    animation: 90s linear 0s infinite normal none running banner-scroll;
}*/
    
@keyframes banner-scroll {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(-3738.5px);
  }
}

nav{
    background-color: #eeeeee;
}
 
.menu-title{
    background-color: #ddd;
}

.menu-title h3{
    margin-bottom: 0px;
    padding-bottom: 25px;
}

.dark-mode .menu-title{
    background-color: #777;
    color: #fff;
}

.dark-mode .default-section{
    background-color: #333 !important;
}


.default-section{
background-image: url("https://exigengroup.co.uk/wp-content/uploads/2025/03/triangles-right-9.png");
    background-repeat: no-repeat;
    background-size: 1500px;
    background-position: top right;
    
}

.team-image img{
    
    border-radius: 50%;
    margin: auto;
    margin-bottom: 15px;
}

.container{
    padding-left: 50px;
    padding-right: 50px;
}

.default-section{
    overflow-y: hidden;
}

.card-title{
    color: #22b89a;
}

.custom-list{
    margin-bottom: 0px;
}

.congrats img{
    border-radius: 50%;
}

.poll-card{
    height: auto !important;
}

.default-section h2{
    color: orange;
}

.tri-image-center{
    text-align: center;
}

.tri-image-center img{
width: 259px;
max-width: 100%;
margin:auto;
}

.dark-mode .card{
background-color: transparent;
}

.default-section h3{
    color: orange;
}

.long-photo img{
    border-radius: 20px;
}

.vid-btn{
    margin-right: 15px !important;
}

.modal-backdrop {
  z-index: 99 !important;
}

.modal {
  z-index: 99999 !important;
}



.wp-polls .Buttons{
background-color:  transparent !important;
}

.rebrand-container{
    padding-bottom: 150px;
}



@media only screen and (max-width: 768px){
    .team-image img{
        width: 130px !important;
    }

    .tri-small img {
    display: block;
    width: 200px;
    margin: 0 auto !important;
}

.container{
    padding-left: 15px;
    padding-right: 15px;
}

.vid-btn{
    display: none;
}


}

.dark-mode a{
    color: #fff !important;
}

.btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cline x1='1' y1='1' x2='15' y2='15' stroke='%23ff6600' stroke-width='2'/%3e%3cline x1='15' y1='1' x2='1' y2='15' stroke='%23ff6600' stroke-width='2'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 1;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(255, 102, 0, 0.5); /* brighter orange */
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: var(--bs-btn-close-opacity);
}

.green-text h2{
    color: #22b89a;
}

.winners-list ul li{
    font-size: 30px;
}

.modal-header a{
    color: orange !important;
}

.modal-title{
    color: orange !important
}

.modal-title a:hover{
    color: #333;
}

.dark-mode .modal-header{
    background-color: #333333;
}

.form-label{
    color: orange !important;
}