.elementor-kit-8603{--e-global-color-primary:#A78BFA;--e-global-color-secondary:#18181B;--e-global-color-text:#27272A;--e-global-color-accent:#61CE70;--e-global-color-5b0361f:#FFFFFF;--e-global-color-8c9af60:#F1F5F9;--e-global-color-3224d05:#94A3B8;--e-global-color-db4abfd:#18181B;--e-global-color-ec3931d:#EF4444;--e-global-color-1ad5b11:#4ADE80;--e-global-color-b0d0e15:#3F3F46;--e-global-color-9d69b12:#93C5FD;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-8603 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.job-grid-v3:hover .btn {
    background: #A78BFA !important;
    border-color: #A78BFA !important;
    color: #202124 !important;
    font-weight: 600;
}


.register-form-wrapper .role-tabs li > a, .login-form-wrapper .role-tabs li > a {
    background: #94a3b859 !important; 
    color: #18181B !important;
}

.register-form-wrapper .role-tabs li:hover > a, .register-form-wrapper .role-tabs li:focus > a, .register-form-wrapper .role-tabs li.active > a, .login-form-wrapper .role-tabs li:hover > a, .login-form-wrapper .role-tabs li:focus > a, .login-form-wrapper .role-tabs li.active > a {
    background-color: var(--superio-theme-color) !important;
    color: #18181B !important;
}

.btn-login {
    background: #18181B !important;
    color: #fff !important
}


@media (min-width: 1200px) {
    .slick-carousel.slick-vertical .slick-list:before {
        background: linear-gradient(0deg, transparent 0%, rgb(255 251 194 / 100%) 100%) !important;
    }
    .slick-carousel.slick-vertical .slick-list:after {
        background: linear-gradient(180deg, transparent 0%, rgb(255 251 194 / 100%) 100%) !important;
    }
    .filter-listing-form > .main-inner {
        border-radius: 1000px !important;
    }
}

@media (min-width: 767px) {
    .filter-listing-form > .main-inner {
        border-radius: 20px !important;
    }
}

@media (min-width: 360px) {
    .filter-listing-form > .main-inner {
        border-radius: 30px !important;
    }
}/* End custom CSS */