.inner-page__banner {
    background-image: url('../webp/oppnings.webp') !important;
    background-position: center;
}
.opning-details {
    padding-right: 45px;
}
.content--txt{
    margin: 15px 0px 0px 0;
}
.apply_btn a{
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.005em;
    background: linear-gradient(301.53deg, #E39F3A 0%, #0A889F 32.87%, #2077B8 65.6%, #C33249 100%);
    border-radius: 2px;
    padding: 10px;
    color: var(--hover-color);
    text-decoration: none;
}
.apply_btn a:hover, .detail_btn a:hover{
    text-decoration: none;
    color: var(--font-color);
}

.apply_btn_right {
    margin-bottom: 50px !important;
}

.open-text{
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.03em;
    color: var(--font-color);
    opacity: 0.5;
    margin: 0;
}
.ulcircle {
    counter-reset: li;
    list-style-type: none;
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
}
.ulcircle li {
    position: relative;
    padding: 5px 0 5px 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 0.03em;
    color: var(--font-color);
    margin-right: 24px;
}
.ulcircle li:before {
    content: url(https://cdn.solutionanalysts.com/user/themes/quark/images/gredientcircle.svg);
    position: absolute;
    left: 0;
    top: 8px;
}
.ulcircle ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.career_list .slick-list{
    padding: 0 20% 0 0;
}
.c_blue{
    background-color: #3D8EBF;
    border-radius: 2px;
}
.c_purple{
    background: #7116AA;
    border-radius: 2px;
}
.c_pink{
    background: #F95782;
    border-radius: 2px;
}
#benefits h2 span{
    color: var(--blue);
}
#benefits .career_benefit{
    border-radius: 2px;
    padding: 20px;   
    align-items: center;
    margin: 20px 20px 20px 0px;
}
#benefits .career_benefit h3{
    font-weight: 600;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0.0025em;
    color: var(--hover-color);
    padding-top: 20px;
}
#benefits .career_benefit p{
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.0025em;
    color: var(--hover-color);
    opacity: 0.7;
}
.benefit {
    margin-right: 40px;
}
.about__it,.transformation{
    padding: 100px 0 0px;
}
@media (max-width:1024px){
    
}
@media (max-width:767px){
    .about__it,.transformation{
        padding: 0;
    }
    #benefits .career_benefit{
        display: block !important;
    }
    .apply_btn{
        margin: 50px 0px 50px 0px;
        text-align: center;
    }
    .content--txt{
        text-align: inherit !important;
    }
}
:is([data-theme="light"]) :is(.opning-details img){
    filter: brightness(0);
}