/* ==========================================================
   DARK MODE
========================================================== */

body.dark-mode {
    --page-bg: #050a30;
}


/* Global dark mode */

body.dark-mode {
    background-color: var(--page-bg);
    color: var(--body-text);
}

.dark-mode .careers-section,
.dark-mode .dynamic-date .elementor-icon-list-text {
    color:  #ffffff;
}
.dark-mode .careers-section .short-pre,
.dark-mode .careers-section p,
.dark-mode .careers-section li {
    color: #ffffff;
    border-color: #ffffff;
}

.dark-mode .careers-listing-section {
    color: #ffffff;
}

.dark-mode .careers-opportunity h2 {
    /* display: inline-block; */
    /* line-height: 1.3 !important; */

    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #ffffff 20%,
        rgba(255, 255, 255, 0.85) 45%,
        rgba(255, 255, 255, 0.45) 70%,
        rgba(255, 255, 255, 0) 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.dark-mode .careers-difference ul {
    fill: white;
    color: white;
}
.dark-mode .careers-opportunity-sec h2 {
    /* display: inline-block; */
    line-height: 1.3 !important;

    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #ffffff 20%,
        rgba(255, 255, 255, 0.85) 45%,
        rgba(255, 255, 255, 0.45) 70%,
        rgba(255, 255, 255, 0) 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.dark-mode .button-section .elementor-button-text {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

.dark-mode .button-section svg path {
    fill: #FFFFFF !important;
}
.dark-mode .blog-section {
    color: #ffffff;
    fill: #ffffff;
}
.dark-mode .blog-description{
    color: #ffffff;
}

.dark-mode .custom-blog-title{
    color: #ffffff;
}

.dark-mode .custom-blog-card {

     background: #050A301A;
}
.dark-mode .custom-blog-description{
    color: #FFFFFF;
}
.dark-mode .custom-blog-card {

     background: rgb(3, 5, 26);
}
.dark-mode .case-study-section {
     color: #FFFFFF;
     
}
.dark-mode .case-study-section .elementor-divider-separator {
    border-top-color: #FFFFFF !important;
}

.dark-mode .case-study-service-selected,
.dark-mode .case-study-service-select.open {
    background: #050A38;
    border: 1px solid #2EB2FF;
    color: #2EB2FF;
}