.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007aff00 !important;
}
.de-team-list .team-desc{
    width:100%;
    height:100%;
    padding:20px;
    padding-bottom:0;
    position:absolute;
    z-index:100;
    top:100%;
    background:#1111116e;
    color:#ccc;
}
.justify{
    text-align: justify;
}
.white{
    color: white !important;
}

.btn-custom {
    border-radius: 8px; /* Adjust the value as needed */
    padding: 10px 20px; /* Optional: adjust padding for better appearance */
    text-align: center; /* Optional: center text */
}






#section-action {
    position: relative !important;
    overflow: hidden !important;
}

/* .jarallax-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
} */

.overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #0000004d !important; /* Adjust the RGBA values for the desired overlay color and opacity */
    z-index: 1 !important; /* Ensure overlay is on top of the image */
}

.container {
    position: relative !important;
    z-index: 2 !important; /* Ensure text content is above the overlay */
}


.idcolour{
    color: #45a3dc !important;
}







/* Target only the links in the dropdown menu */
ul li ul li a:hover {
    background-color: #45a3dc !important; /* Background color on hover */
    color: white !important; /* Change text color to white for better contrast */
}
@media only screen and (max-width: 480px) {
    .tp-caption .btn-custom {
        margin-left: 1px !important;
        margin-top: 19px !important;
    }
}

@media (max-width: 768px) {
    a.btn-custom, a.btn-custom:hover {
        font-weight: 500 !important;
        font-size: 9px !important;
        padding: 10px 20px !important;
    }
}



#section-intro .col-lg-3 img {
    border-radius: 8px; /* Adjust the radius as needed */
}

/* Define keyframes for the animations */
@keyframes moveUp {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px); /* Adjust the value as needed */
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes moveDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px); /* Adjust the value as needed */
    }
    100% {
        transform: translateY(0);
    }
}

/* Apply animations to images */
.img-up {
    animation: moveUp 4s ease-in-out infinite !important; /* Increased duration to slow down */
}

.img-down {
    animation: moveDown 4s ease-in-out infinite !important; /* Increased duration to slow down */
}

/* Optional: Add some initial positioning if needed */
.col-lg-3 img {
    transition: transform 4s ease-in-out !important; /* Match the animation duration */
}

@media only screen and (max-width: 992px) {
    header.header-mobile.header-light #mainmenu li a {
        color: #000000;
    }
}
.idcolour1{
    color: #1c4fb4;
}
@media only screen and (min-width: 768px) { /* Adjust min-width as needed for your desktop view */
    li a {
      color: white !important;
    }
}

.pb40 {
    padding-bottom: 0px;
}
/* Apply border-radius to all images */
#section-intro img {
    border-radius: 8px;
}





@media (max-width: 767.98px) { /* Mobile view */
    #section-intro .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #section-intro .col-6 img {
        margin-bottom: 20px;
    }
}

  
.gradient-background {
    background: hsla(220, 73%, 41%, 1);
    background: linear-gradient(135deg, hsla(220, 73%, 41%, 1) 0%, hsla(194, 100%, 31%, 1) 66%);
    background: -moz-linear-gradient(135deg, hsla(220, 73%, 41%, 1) 0%, hsla(194, 100%, 31%, 1) 66%);
    background: -webkit-linear-gradient(135deg, hsla(220, 73%, 41%, 1) 0%, hsla(194, 100%, 31%, 1) 66%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#1C4EB5", endColorstr="#00799E", GradientType=1);
}

.separator {
    line-height: 0.5;
    text-align: center;
    margin: 0px 0 31px 0;
}














#section-text-3 {
    position: relative; /* Ensure the section is positioned relative to use absolute positioning for the overlay */
    overflow: hidden; /* Hide anything that overflows the container */
}

#section-text-3 .jarallax-img {
    width: 100%;
    height: auto; /* Adjust height as necessary */
    display: block;
}

#section-text-3 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000ab !important; /* Black overlay with 50% opacity */
    z-index: 1; /* Position overlay below the content */
}

#section-text-3 .container {
    position: relative;
    z-index: 2; /* Ensure text content is above the overlay */
}

.text-light .separator span:before, .text-light .separator span:after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.445);
}
.de_light .separator span:before, .de_light .separator span:after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.445);
}