/* ==========================================================
   LIGHT MODE
========================================================== */

body.light-mode {
    --page-bg: #ffffff;
    --section-bg: #f8f9fa;
}

/* for the carrers page for the light mode */

.light-mode.careers-section h2 {
    color: #050A30;
}

.light-mode .careers-section .short-pre,
.light-mode .careers-section p,
.light-mode .careers-section li,
.light-mode .dynamic-date .elementor-icon-list-text {
    color: #74787D;
}
.light-mode .careers-section div div p{
    border-color: #74787D;

}

.light-mode .careers-difference ul {
    fill: #2EB2FF;
    color: #2EB2FF;
}

.light-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;
}

.light-mode .careers-opportunity-sec h2 {
    position: relative;
    line-height: 1.3 !important;

    background: linear-gradient(
        180deg,
        #2EB2FF 20%,
        rgba(46, 178, 255, 0.9) 45%,
        rgba(46, 178, 255, 0.55) 70%,
        rgba(46, 178, 255, 0.15) 90%,
        rgba(46, 178, 255, 0) 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}





/* for the carrers page for the light mode */

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


/* for the blog and page */
.light-mode .blog-section .sec-section{
    color: #2EB2FF;
    fill: #2EB2FF;
}
.light-mode .blog-section {
    color: #2D3A48;
}
.light-mode .blog-section p {
    color: #2D3A48;
}

.light-mode .button-section a.elementor-button.elementor-size-sm{
    color: #2EB2FF !important;
    border-color: #2EB2FF;
    background-color: transparent !important;
}

.light-mode .button-section svg path {
    fill: #2EB2FF !important;
}


.light-mode .blog-description h2{
    color: #050A30;
}
.light-mode .blog-description p{
    color: #74787D;
}

.light-mode .custom-blog-title{
    color: #050A30;
}
.light-mode .custom-blog-description{
    color: #74787D;
}

.light-mode .custom-blog-card {

     background: #0A14601A;
}

.light-mode .case-study-section{
     color: #050A30;
    
}
.light-mode .case-study-section .elementor-divider-separator {
    border-top-color: #050A30 !important;
}

.light-mode .case-study-service-selected{
    background: #2EB2FF0D;
    border: 1px solid #2EB2FF;
    color: #2EB2FF;
}

.case-study-service-select.open {
    background: transparent;

}