div#main_menu_items .elementor-widget-container {
    background: transparent !important;
}
div.dashWrapper {
    margin-bottom: 90px;
    margin-top: 40px;
}
div.dashboardContent {
    display: flex;
    gap: 20px;
}
div.dashboardContent .sidebar {
    width: 250px;
    height: 100vh;
    background-color: white;
    box-shadow: 0px 0 5px rgba(0,0,0,0.1);
    padding: 20px;
    min-height: 730px;
    border-radius: 15px;
}
div.dashboardContent .profile {
    text-align: center;
    margin-bottom: 20px;
}
div.dashboardContent .profile-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ddd;
    margin-bottom: 0px;
    box-shadow: 0px 0px 3px #ccc;
}
div.dashboardContent .profile-name {
    font-size: 18px;
    color: #333;
    margin: 10px 0;
    font-weight: 700;
}
div.dashboardContent .menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
div.dashboardContent .menu-item a {
    padding: 12px 0;
    display: flex;
    align-items: center;
    color: #666;
    cursor: pointer;
    transition: color 0.3s;
    font-size: 16px;
    line-height: 1.2em;
}
div.dashboardContent .menu-item.active a {
    color: #2293c8;
    background-color: #f0f7f7;
    padding-left: 10px;
    border-radius: 5px;
}
div.dashboardContent .menu-item a:hover {
    color: #2293c8;
}
div.dashboardContent .menu-item a i {
    margin-right: 10px;
    width: 20px;
}
div.dashboardContent .mainContent {
    width: calc(100% - 250px);
    padding: 0;
    background: #fff;
    border-radius: 15px;
}
div.dashWrapper .container {
    max-width: 1300px;
    width: calc(100% - 160px);
}
div.dashboardContent .mainContent h1 {
    font-size: 32px;
    margin-top: 0;
}
/***==========================
    DASHBOARD PAGE START STYLE
===========================***/
.dashboard-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 0px;
    max-width: 1200px;
    margin: 0 auto;
}

div.dashboard-stats .stat-card {
    background: white;
    border-radius: 8px;
    padding: 30px 25px;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 4px #ccc;
    transition: transform 0.3s ease;
    width: calc(50% - 15px);
}

div.dashboard-stats .stat-card:hover {
   transform: translateY(-2px);
   box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

div.dashboard-stats .stat-icon {
   background: #E3F1F0;
   width: 70px;
   height: 70px;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 20px;
   box-shadow: 0px 5px 4px #f1f1f1;
}
div.dashboard-stats .stat-content {
   flex: 1;
   text-align: right;
}
div.dashboard-stats .stat-icon svg {
    width: 50px;
    height: 50px;
}
div.dashboard-stats .stat-number {
   font-size: 28px;
   font-weight: bold;
   color: #45B6B0;
   margin: 0;
}
div.dashboard-stats .stat-title {
   font-size: 16px;
   font-weight: bold;
   color: #333;
   margin: 5px 0;
}
div.dashboard-stats .stat-subtitle {
   font-size: 14px;
   color: #666;
   margin: 0;
}



/***============================
   PROFILE DASHBOARD
============================***/
/**banner**/
div.profile-banner {
    width: 100%;
    height: 300px;
    background-color: #808080;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 20px;
    margin-bottom: 30px;
}

div.profile-banner .profile-image-container {
    position: absolute;
    left: 40px;
    top: 40px;
    text-align: center;
}

div.profile-banner .profile-image {
    width: 150px;
    height: 150px;
    background: #ccc;
    border-radius: 8px;
    border: 3px solid #fff;
    overflow: hidden;
    margin-bottom: 10px;
}

div.profile-banner .avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div.profile-banner .upload-btn {
    background: rgba(255, 255, 255, 0.8);
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    color: #000;
}

div.profile-banner .upload-btn:hover {
    background: rgba(255, 255, 255, 0.9);
}

div.profile-banner .remove-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #f44336;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}
div.profile-banner .uploadCoverPhoto {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #f44336;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}

div.profile-banner .remove-btn:hover {
    background: #d32f2f;
}
/**banner end**/


div.myEinstellungenFpeichern .fourInputs .formGroup span.required {
    color: red;
}
.address-selectors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 20px auto;
}
.address-selectors .select-group {
    display: flex;
    flex-direction: column;
}
.address-selectors .select-group label {
    margin-bottom: 8px;
    font-weight: 500;
    color: #000;
}
.address-selectors .required {
    color: red;
    margin-left: 4px;
}
.address-selectors .custom-select select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f0f5f7;
    cursor: pointer;
    font-size: 16px;
    height: 50px;
}
.address-selectors .custom-select select:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}
/**social links**/
.social-links-form {
    
}
.social-links-form .form-group {
    margin-bottom: 20px;
}
.social-links-form .form-group label {
    display: block;
    color: #000;
    font-size: 16px;
    margin-bottom: 8px;
}
.social-links-form .input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}
.social-links-form .form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #f8f9fa;
    font-size: 14px;
    transition: border-color 0.3s ease;
}
.social-links-form .form-control:focus {
    outline: none;
    border-color: #45B6B0;
    background-color: #fff;
}
.sitefield {
    width: 100%;
    padding: 10px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px;
    background-color: #f8f9fa !important;
    font-size: 14px;
    transition: border-color 0.3s ease;
}
.sitefield:focus {
    outline: none;
    border-color: #45B6B0;
    background-color: #fff;
}
.sitebtn {
    background: #2da6a6 !important;
    border: 0;
    color: #fff !important;
    padding: 13px 32px !important;
    font-weight: 600;
    border-radius: 5px !important;
    cursor: pointer;
    margin-top: 0px;
	
}
.social-links-form .clear-btn {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-links-form .clear-btn:hover svg {
    fill: #333;
}
.social-links-form .button-container {
    margin-top: 30px;
}
.social-links-form .save-btn {
    background-color: #45B6B0;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
}
.social-links-form .save-btn:hover {
    background-color: #3a9e98;
}

/*****/
div.myEinstellungenFpeichern .fourInputs {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}
div.myEinstellungenFpeichern .fourInputs .formGroup {
    width: calc(50% - 10px);
}
div.myEinstellungenFpeichern label {
    color: #000;
    margin-bottom: 10px;
    display: inline-block;
}

div#profileSettings .faq-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    box-shadow: 0px 0px 5px #ddd8d8;
    border-radius: 15px;
}
div#profileSettings .faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    cursor: pointer;
}
div#profileSettings .faq-header h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}
div#profileSettings .toggle-icon {
    transition: transform 0.3s ease;
}
div#profileSettings .faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
div#profileSettings .faq-item.active .toggle-icon {
    transform: rotate(180deg);
}
div#profileSettings .faq-item.active .faq-content {
    max-height: 1300px;
    padding: 0px;
}
div#profileSettings .faq-item .faq-content .social-links-form {
    padding: 0px 25px;
    margin-bottom: 50px;
}
div#profileSettings .faq-item .faq-content .address-selectors {
    padding: 0px 25px;
}
div.formSubmitButton {
    margin-top: 25px;
    margin-bottom: 60px;
}
div.formSubmitButton button {
    color: #fff;
    padding: 10px 20px;
    border-radius: 0;
}
div.formSubmitButton button:hover {
    background: transparent;
    border-radius: 0;
}


/***===================================
   CHANGE PASSWORD PAGE
===================================***/
div.passwordForm {
    display: flex;
    width: 100%;
    gap: 20px;
}
.password-change-form .form-group {
    margin-bottom: 0;
    width: calc(33% - 10px);
}

.password-change-form .form-group label {
   display: block;
   margin-bottom: 8px;
   font-size: 14px;
   color: #000;
}

.password-change-form .required {
   color: red;
   margin-left: 4px;
}

.password-change-form .password-input {
   position: relative;
   display: flex;
   align-items: center;
}

.password-change-form .form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #f0f5f7;
    font-size: 14px;
    color: #000;
    height: 54px;
}
div.password-change-form .formSubmitButton button {
    background: #2da6a6;
    border: 0;
    font-weight: 600;
    border-radius: 5px;
    height: auto;
    width: auto;
    padding: 15px 30px;
    font-size: 14px;
    cursor: pointer;
    margin: 20px 0px;
}
.password-change-form .form-control:focus {
    outline: none;
    border-color: #45B6B0;
    background-color: #f2fbff;
}
div.dashboardContent .mainContent .heading.canidate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div#siteFooter .e-con-inner {
    max-width: 1200px;
}
.password-change-form .toggle-password {
   position: absolute;
   right: 10px;
   background: none;
   border: none;
   cursor: pointer;
   color: #666;
   padding: 5px;
}
.password-change-form .toggle-password:hover {
    background: transparent;
    border: 0;
    outline: none;
}

.password-change-form .change-password-btn {
   background-color: #45B6B0;
   color: white;
   border: none;
   padding: 12px 24px;
   border-radius: 4px;
   cursor: pointer;
   font-size: 14px;
   transition: background-color 0.3s;
}

.password-change-form .change-password-btn:hover {
   background-color: #3a9e98;
}
div#bg-color-header .elementor-widget-container {
    background: transparent !important;
}
div#siteHeader .e-con-inner {
    max-width: 1200px;
    margin: 10px auto;
}






/***=======================================
        LOGIN FORM POPUPS STYLE
=======================================***/
div#loginFormItem.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
        z-index: 9;
}
div#loginFormItem .modal {
    background: white;
    border-radius: 12px;
    padding: 30px;
    width: 100%;
	height: auto;
    max-width: 600px;
    position: relative;
	z-index: 999999;
    display: block;
}
div#loginFormItem .close-button {
    position: absolute;
    right: 12px;
    top: 12px;
    border: none;
    background: none;
    font-size: 40px;
    cursor: pointer;
    color: #e02d2d;
}
div#loginFormItem .modal-title {
    font-family: "Roboto", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #707070;
    text-align: center;
}
div#loginFormItem .modal-subtitle {
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: #707070;
    text-align: center;
}
div#loginFormItem .modal form {
    margin-top: 25px;
}
div#loginFormItem .input-field {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: none;
    background: #f0f5f7;
    border-radius: 90px;
    font-size: 16px;
    height: 60px;
    font-weight: 600;
    text-indent: 15px;
}
div#loginFormItem .password-wrapper {
    position: relative;
}
div#loginFormItem .password-toggle {
    position: absolute;
    right: 15px;
    top: 40%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
    font-size: 23px;
}
div#loginFormItem .remember-forgot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
div#loginFormItem .remember-me {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #444;
    font-size: 14px;
}
div#loginFormItem .forgot-password {
    color: #444;
    text-decoration: none;
    font-size: 14px;
}
div#loginFormItem .login-button {
    width: 100%;
    padding: 16px;
    background: #37B6AE;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
    border: 2px solid transparent;
    transition: 0.3s ease-in-out;
}
div#loginFormItem .login-button:hover {
    background: transparent;
    color: #37B6AE;
    border: 2px solid #37B6AE;
}
div#loginFormItem .divider {
    text-align: center;
    margin: 20px 0;
    color: #666;
    position: relative;
    font-weight: 600;
    margin: 0px 0 10px;
}
div#loginFormItem .divider::before,
div#loginFormItem .divider::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 45%;
    height: 1px;
    background: #ddd;
}
div#loginFormItem .divider::before { left: 0; }
div#loginFormItem .divider::after { right: 0; }
div#loginFormItem .social-login {
    text-align: center;
    margin-bottom: 20px;
}
div#loginFormItem .social-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 15px;
}
div#loginFormItem .social-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    cursor: pointer;
}
div#loginFormItem .register-text {
    text-align: center;
    color: #666;
    font-size: 14px;
    font-weight: 600;
}
div#loginFormItem .register-link {
    color: #37B6AE;
    text-decoration: none;
}
div#loginFormItem .terms {
    text-align: center;
    font-size: 12px;
    color: #666;
    margin-top: 20px;
    line-height: 1.3em;
}
div#loginFormItem .terms a {
    color: #444;
    display: inline-block;
    text-decoration: underline;
}
div#loginFormItem .social-login div {
    color: #000;
    font-weight: 600;
}


/***=======================================
        FORGET PASSWORD POPUPS STYLE
=======================================***/
div#forgetPassword.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1234;
}
div#forgetPassword .popup-container {
    background-color: white;
    padding: 2rem;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    position: relative;
}
div#forgetPassword .close-button {
    position: absolute;
    top: 5px;
    right: 12px;
    border: none;
    background: none;
    color: #E02D2D;
    cursor: pointer;
    font-size: 33px;
}
div#forgetPassword .popup-title {
    font-size: 1.5rem;
    color: #4a4a4a;
    margin-bottom: 0.5rem;
    text-align: center;
    font-weight: 600;
    font-family: "Roboto", Sans-serif;
}
div#forgetPassword .popup-subtitle {
    color: #666;
    margin-bottom: 10px;
    text-align: center;
    font-family: "Roboto", Sans-serif;
}
div#forgetPassword .info-box {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: #333;
    box-shadow: 0px 0px 3px #ccc;
    border-left: 5px solid #ccc;
}
div#forgetPassword .input-field {
    width: 100%;
    padding: 0.8rem;
    border-radius: 90px;
    margin-bottom: 1rem;
    background-color: #f0f5f7;
    border: 0px;
    height: 55px;
    font-weight: 600;
    text-indent: 15px;
}
div#forgetPassword .submit-button {
    width: 100%;
    padding: 0.8rem;
    background-color: #40b3a2;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    border: 2px solid transparent;
    transition: 0.3s ease-in-out;
}
div#forgetPassword .submit-button:hover {
    background-color: transparent;
    border: 2px solid #40b3a2;
    color: #40b3a2;
}
div#forgetPassword .back-link {
    display: block;
    text-align: center;
    margin-top: 15px;
    color: #666;
    text-decoration: none;
    font-weight: 600;
}
div#forgetPassword .terms-text {
    text-align: center;
    font-size: 0.9rem;
    color: #666;
    margin-top: 13px;
}
div#forgetPassword .terms-text a {
    color: #333;
    text-decoration: underline;
}
/***=======================================
        FORGET PASSWORD POPUPS END
=======================================***/


/***=======================================
    REGISTER FORM POPUP STYLE START
=======================================***/
div#userRegisterForm .myregisterForm {
    height: calc(100vh - 100px);
    overflow-y: auto;
    scrollbar-width: thin;
}
div#userRegisterForm.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1234;
}
div#userRegisterForm .popup-container {
    background-color: white;
    padding: 2rem;
    border-radius: 8px;
    width: 100%;
    max-width: 600px;
    position: relative;
}
div#userRegisterForm .close-button {
    position: absolute;
    top: 3px;
    right: 10px;
    border: none;
    background: none;
    font-size: 36px;
    color: #E02D2D;
    cursor: pointer;
}
div#userRegisterForm .popup-title {
    font-size: 24px;
    color: #4a4a4a;
    text-align: center;
    margin-bottom: 0rem;
    font-family: "Roboto", Sans-serif;
    font-weight: 700;
}
div#userRegisterForm .popup-subtitle {
    color: #666;
    text-align: center;
    margin-bottom: 15px;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
}
div#userRegisterForm .role-selection {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    margin-top: 30px;
}
div#userRegisterForm .role-card {
    flex: 1;
    padding: 1.5rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
div#userRegisterForm .role-card.active {
    background-color: #40b3a2;
    color: white;
    border-color: #40b3a2;
}
div#userRegisterForm .role-card:hover {
    border-color: #40b3a2;
}
div#userRegisterForm .role-icon {
    font-size: 1.5rem;
    background: #1cb4e9;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 90px;
    margin: 0 auto;
    margin-top: -52px;
    color: #fff;
    margin-bottom: 10px;
}
div#userRegisterForm .role-title {
    font-weight: bold;
    margin-bottom: 0.5rem;
}
div#userRegisterForm .role-description {
    font-size: 0.9rem;
    color: #666;
}
div#userRegisterForm .active .role-description {
    color: #fff;
}
div#userRegisterForm .form-row {
    display: flex;
    gap: 1rem;
    margin-bottom: 0rem;
}
div#userRegisterForm .input-field {
    padding: 0.8rem;
    border: 0px solid #ddd;
    background-color: #f0f5f7;
    width: 100%;
    margin-top: 15px;
    height: 50px;
    font-weight: 600;
    border-radius: 90px;
    text-indent: 10px;
}
div#userRegisterForm .password-field {
    position: relative;
}
div#userRegisterForm .password-toggle {
    position: absolute;
    right: 1rem;
    top: 62%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
}
div#userRegisterForm .submit-button {
    width: 100%;
    padding: 0.8rem;
    background-color: #40b3a2;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    margin-top: 1rem;
    border: 2px solid transparent;
    font-weight: 600;
    transition: 0.3s ease-in-out;
}
div#userRegisterForm .submit-button:hover {
    border: 2px solid #40b3a2;
    background: transparent;
    color: #40b3a2;
}
div#userRegisterForm .divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 15px 0px 10px;
    color: #666;
}
div#userRegisterForm .divider::before,
div#userRegisterForm .divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ddd;
}
div#userRegisterForm .divider span {
    padding: 0 1rem;
    font-weight: 600;
}
div#userRegisterForm .social-buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 12px;
}
div#userRegisterForm .social-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
div#userRegisterForm .login-prompt {
    text-align: center;
    margin-top: 1.5rem;
    color: #666;
    font-weight: 600;
}
div#userRegisterForm .login-link {
    color: #40b3a2;
    text-decoration: none;
}
div#userRegisterForm .terms-text {
    text-align: center;
    font-size: 0.9rem;
    color: #666;
    margin-top: 0px;
}
div#userRegisterForm .terms-text a {
    color: #333;
    text-decoration: none;
    text-decoration: underline;
    display: inline-block;
}
div#userRegisterForm .role-icon.hose {
    background: #93c907;
}
/***=======================================
        FORGET PASSWORD POPUPS END
=======================================***/



/***=======================================
        HOME PAGE - ITEM
========================================***/
div#HomeMainJob h1 {
    text-align: center;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
}
div#HomeMainJob {
    padding: 100px 0px 250px;
}
div#HomeMainJob h4 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}
a#button-round-center {
    background: #2293c8;
    color: #fff;
    border: 0;
    padding: 8px 30px;
    font-weight: 700;
    border-radius: 90px;
    transition: 0.3s ease-in-out;
}
a#button-round-center:hover {
    background: #2293c8;
}
a.button-round-center {
    background: #2293c8 !important;
    color: #fff !important;
    border: 0 !important;
    padding: 8px 30px !important;
    font-weight: 700 !important;
    border-radius: 90px !important;
    transition: 0.3s ease-in-out;
}
a.button-round-center:hover {
    background: #2293c8 !important;
}
a#button-round-center::after {
    display: none;
}
a.button-round-center::after {
    display: none !important;
}
div#HomeMainJob .et_pb_button_module_wrapper.et_pb_button_2_wrapper.et_pb_module {
    text-align: center;
}
div#HomeMainJob {
    padding: 0 !important;
}
div#HomeMainJob .et_pb_row.et_pb_row_2 {
    padding: 150px 0px 250px;
    background-color: rgba(0,0,0,0.2);
    width: 100%;
    max-width: 100%;
}
div#home-sec-4 h1 {
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    color: #2293c8;
}
div#home-sec-4 p {
    text-align: center;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #4d3d3c;
    line-height: 1.5em;
}
div#home-sec-4 .et_pb_text_inner {
    max-width: 80%;
    margin: 0 auto;
}
@media (max-width:768px) {
  .page-id-1010768 div#home-sec-4 .et_pb_text_inner {
    max-width: 100%!important;
    margin: 0 auto!important;
    padding: 0px 20px!important;
    }
}
div#home-sec-4 .et_pb_button_module_wrapper.et_pb_button_3_wrapper.et_pb_module {
    text-align: center;
}
div#home-sec-4 a.button-round-center:hover {
    background: #2293c8;
}
.job-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px 0px 10px;
}
.job-container .job-card {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    position: relative;
    box-shadow: 0px 0px 5px #ccc;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.3s ease-in-out;
}
.job-container .job-card:hover {
    border: 2px solid #2293c8;
}
.job-container .featured-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #ffd700;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    border-top-left-radius: 12px;
}
.job-container .company-logo {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}
.job-container .company-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.job-container .job-info {
    flex: 1;
}
.job-container .job-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.job-container .company-details {
    display: flex;
    gap: 20px;
    margin-bottom: 8px;
    color: #4d3d3c;
    font-size: 14px;
    font-weight: 600;
}
.job-container .company-name, .job-container .location {
    display: flex;
    align-items: center;
    gap: 5px;
}
.job-container .job-meta {
    display: flex;
    gap: 15px;
    font-size: 14px;
}
.job-container .work-type {
    color: #4d3d3c;
    font-weight: 600;
}
.job-container .salary {
    color: #4d3d3c;
    font-weight: 600;
}
.job-container .favorite-btn {
    position: absolute;
    top: 43px;
    right: 32px;
    background: none;
    border: none;
    cursor: pointer;
    color: #2293c8;
    font-size: 30px;
}
.job-container .favorite-btn:hover {
    color: #666;
}
.job-container .featured-tag i {
    color: #fff;
    font-size: 12px;
    margin-left: 6px;
}
.job-container .job-info i {
    color: #2293c8!important;
}
div.search-container {
    max-width: 930px;
    margin: 0 auto;
    position: relative;
}
div.search-container .locationRadious {
    display: none;
}
div.search-container .search-form {
    display: flex;
    gap: 15px;
	    position: relative;
}
div.search-container .search-form .input-group {
    width: calc(50% - 30px) !important;
    position: relative;
}
div.search-container .search-form .input-group input {
    width: 100%;
    height: 70px;
    text-indent: 20px;
    border-radius: 90px !important;
    font-size: 16px;
    border: 2px solid #3AA1B7;
    color: #333;
    font-weight: 600;
}
div.search-container .search-form .input-group .location {
    position: absolute;
    top: 22px;
    right: 22px;
    opacity: 0.3;
    cursor: pointer;
}
div.search-container .search-form button.search-button {
    background-color: transparent;
    background-image: linear-gradient(220deg, #1C518D 0%, #57EEE0 100%);
    border-style: solid;
    border-color: #57EEE0;
    border-radius: 40px;
    width: 70px;
    height: 70px;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
	position: absolute;
    right: 47px;
}
div.search-container .locationRadious label {
    padding: 0px 14px;
    color: #000;
    font-weight: 600;
}
div.search-container .locationRadious {
    display: block;
    position: absolute;
    top: -27px;
    right: 86px;
    background: #fff;
    padding: 0;
    border-radius: 90px;
    box-shadow: 0px 0px 3px #000;
}
div.search-container .locationRadious input {
    width: 100px;
    height: 36px;
    border-radius: 90px;
    border: 0;
    background: #f1f1f1;
    padding: 10px 15px;
}
div.home-brand-slides .mainslider {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#home-brand-slider {
    padding: 20px 0px;
}
div#home-brand-slider .slick-dots {
    bottom: -60px;
}
div#home-brand-slider .slick-dots li button::before {
    font-size: 16px;
}
div#home-brand-slider .slick-prev::before, 
div#home-brand-slider .slick-next::before {
    font-size: 56px;
    color: #ccc;
}
div#home-brand-slider .slick-prev, div#home-brand-slider .slick-next {
    width: 50px;
    height: 50px;
    z-index: 123;
}
div#home-brand-slider .slick-prev {
    left: -80px;
}
div#home-brand-slider .slick-next {
    right: -80px;
}
div#home-left-item {
    border: 3px solid transparent;
    transition: 0.3s ease-in-out;
}
div#home-left-item:hover {
    border: 3px solid #3aa1b7;
}
div#home-right-item {
    border: 3px solid transparent;
    transition: 0.3s ease-in-out;
}
div#home-right-item:hover {
    border: 3px solid #3aa1b7;
}
div#home-last-sec {
    padding: 30px 0px;
}
footer#main-footer {
  background-color: #2293c8 !important;
}
#footer-widgets .footer-widget li a:hover {
    color: #1c518d;
}
#footer-widgets .footer-widget li a {
    font-size: 18px !important;
}
#top-menu li.current-menu-item > a {
    color: #2293c8 !important;
    border-bottom: 3px solid #2293c8 !important;
    
}

/***======================================
        FAQ PAGE STYLE START
=====================================***/
div#site-border-style {
    padding: 8px 0px;
    background-image: linear-gradient(270deg, #0d4fa4 0%, #50DCD6 100%);
    width: 100%;
    z-index: 1234;
    top: 0;
}
div#home-main-border-sticky {
    padding: 8px 0px;
    background-image: linear-gradient(270deg, #0d4fa4 0%, #50DCD6 100%);
    width: 100%;
    z-index: 1234;
    top: 0;
}
div#faq-page-content {
    padding: 20px 0px 60px;
}
/* div#faq-page-content h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 39px;
    color: #2293c8;
} */
div#faq-page-content .et_pb_toggle.et_pb_module.et_pb_accordion_item {
    margin-bottom: 0;
}
/* div#faq-page-content .et_pb_toggle.et_pb_module.et_pb_accordion_item h5 {
    font-size: 24px;
    color: #2293c8;
    font-weight: 700;
} */
div#faq-page-content p {
    color: #303030;
    font-size: 16px;
    line-height: 1.3em;
}
div#faq-page-content .et_pb_accordion_0 .et_pb_toggle_title::before {
    color: #2293c8;
    font-size: 26px;
}
div#faq-contact-info {
    background: #fbfafa;
    padding: 20px 0px;
}
div#faq-contact-info .et_pb_row.et_pb_row_1 .et_pb_column.et_pb_column_4_4.et_pb_column_1 {
    text-align: center;
}
div#faq-contact-info .et_pb_module.et_pb_heading {
    margin-bottom: 0px;
}
/* div#faq-contact-info .et_pb_module.et_pb_heading h3 {
    color: #191919;
    font-weight: 700;
    font-size: 24px;
} */
div#faq-contact-info .et_pb_module.et_pb_heading h5 {
    font-size: 17px;
    margin: 8px 0px;
}
div#faq-contact-info .et_pb_button.et_pb_button_0:after {
    display: none;
}
div#faq-contact-info a.et_pb_button.et_pb_button_0 {
    padding: 3px 22px 5px;
    line-height: 28px !important;
    font-size: 15px;
    border: 0;
    background: #2293c8;
    color: #fff;
    border-radius: 90px;
}
div#faq-contact-info a.et_pb_button.et_pb_button_0:hover {
    background: #2293c8;
}
/***======================================
        FAQ PAGE STYLE END
=====================================***/

/***======================================
        START DESIGN CONTACT US PAGE
=======================================***/
div#contact-left-side {
    width: calc(40% - 50px);
    margin-right: 50px;
    background-image: linear-gradient(101deg, #0d4fa4 0%, #50DCD6 100%);
    padding: 50px;
    border-radius: 25px;
}
div#contact-right-side {
    width: calc(60% - 50px);
    margin-left: 50px;
}
/* div#contact-left-side h1.et_pb_module_heading {
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    color: #FFF;
} */
div#contact-left-side ul li {
    list-style: none;
    margin: 22px 0px;
    padding-left: 30px;
    position: relative;
    display: inline-block;
}
div#contact-left-side ul li br {
    display: none;
}
div#contact-left-side ul li span {
    position: absolute;
    left: -15px;
    top: -6px;
    color: #fff;
    font-size: 20px;
}
div#contact-left-side .et_pb_module.et_pb_code.et_pb_code_0 {
    margin: 0;
}
div#contact-left-side .et_pb_module.et_pb_heading.et_pb_heading_1.et_pb_bg_layout_ {
    margin: 0;
}
div#contact-left-side h3.et_pb_module_heading {
    color: #fff;
    font-size: 16px;
    margin-left: 34px;
    font-weight: 600;
}
div#contact-left-side .et_pb_module.et_pb_social_media_follow {
    margin-left: 25px;
}
div#contact-left-side .et_pb_module.et_pb_social_media_follow li a {
    width: 50px;
    height: 50px;
    border-radius: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#contact-left-side .et_pb_module.et_pb_social_media_follow li {
    padding-left: 10px;
}
div#contact-left-side ul li p {
    color: #fff;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 500;
}
div#contact-left-side ul li h4 {
    color: #fff;
    font-weight: 600;
}
div#contact-left-side .et_pb_module.et_pb_heading.et_pb_heading_0.et_pb_bg_layout_ {
    margin-bottom: 15px;
}
div#contact-left-side .et_pb_module.et_pb_social_media_follow li.et-social-instagram a {
    background: #262626 !important;
}
div#contact-right-side .et_pb_module.et_pb_heading.et_pb_heading_2.et_pb_bg_layout_ {
    margin-bottom: 0px;
}
/* div#contact-right-side h1.et_pb_module_heading {
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    color: #2293c8;
} */
div#contact-right-side .et_pb_text_inner {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
    margin-left: 6px;
}
div#contact-form-dynamic .formGroup.Two {
    display: flex;
    gap: 20px;
}
div#contact-form-dynamic .formGroup {
    margin-bottom: 20px;
}
div#contact-form-dynamic .formGroup input {
    width: 100%;
    height: 54px;
    text-indent: 15px;
    border: 0px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
}
div#contact-form-dynamic {
    max-width: 500px;
}
div#contact-form-dynamic .formGroup textarea {
    border-radius: 10px;
    padding: 10px;
    height: 150px;
    width: 100%;
    border: 0px;
}
div#contact-form-dynamic .submitButton input[type="submit"] {
    width: 100%;
    border-radius: 40px 40px 40px 40px;
    height: 50px;
    background: #2293c8;
    border: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
div#contact-form-dynamic .submitButton input[type="submit"]:hover {
    background: #2293c8;
    color: #fff;
}
div#contact-form-dynamic .wpcf7-response-output {
    margin: 0;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}
/***======================================
        END DESIGN CONTACT US PAGE
=======================================***/


/***======================================
    Page AGB START -/
=======================================***/
/* body.page-id-1007347 h1.entry-title.main_title,
body.page-id-1007356 h1.entry-title.main_title{
    font-size: 50px;
    font-weight: 700;
    line-height: 39px;
    color: #2293c8;
    margin-bottom: 0;
} */
div.siteContentInfo {
    margin-bottom: 80px;
}
body.page-id-1007347 h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 2em;
    color: #2293c8;
}
div.siteContentInfo ol li {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
div.siteContentInfo ul.withoutSpace {
    padding-left: 0 !important;
}
div.siteContentInfo ul.impressionList {
    padding-left: 0 !important;
}
div.siteContentInfo ul li {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    list-style: none;
}
div.siteContentInfo p {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
div.siteContentInfo h3 {
    color: #333;
    font-size: 20px;
    margin: 20px 0px 10px;
    font-weight: 700;
}
div.siteContentInfo ul.impressionList li {
    font-size: 20px;
}
div.siteContentInfo ul.impressionList li a {
    color: #2293c8;
}
div.siteContentInfo ul.impressionList li a:hover{
    color: #2DA6A6;
}
/***======================================
    Page AGB END -/
=======================================***/

div#site-border-border-scroll {
    padding: 8px 0px;
    background-image: linear-gradient(270deg, #0d4fa4 0%, #50DCD6 100%);
}
div#uber-section-one-1 {
    padding-top: 20px !important;
}
/* div#uber-section-one-1 h1.et_pb_module_heading {
    font-size: 60px;
    font-weight: 700;
    line-height: 39px;
    color: #2293c8;
} */
div#ueber-first-section .elementor-widget-container {
    max-width: 790px;
    margin: 0 auto;
}
div#ueber-first-section .elementor-widget-container p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
div#ueber-sec-section h2.et_pb_module_heading {
    font-size: 40px;
    font-weight: 700;
    line-height: 39px;
    color: #2293c8;
}
div#uber-section-one-1 {
    padding-bottom: 0px;
}
div#ueber-third-section .et_pb_column.et_pb_column_1_3 .uber-image {
    width: 225px;
    margin: 0 auto;
    overflow: hidden;
    height: 250px;
    border-radius: 20px;
}
div#ueber-third-section .et_pb_column.et_pb_column_1_3 .uber-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    transition: 0.3s ease-in-out;
}
div#ueber-third-section .et_pb_column.et_pb_column_1_3 .uber-image img:hover {
    transform: scale3d(1.2,1.2,1.2);
}
div#ueber-third-section .et_pb_heading {
    margin-bottom: 5px;
    margin-top: 25px;
}
div#ueber-third-section .et_pb_heading h3.et_pb_module_heading {
    font-family: "Merriweather Sans", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    color: #2293c8;
}
div#ueber-third-section .et_pb_module.et_pb_text p {
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #333;
}
div#ueber-third-section {
    padding-bottom: 70px;
}

/**====================================
        DATENSCHUTZ START
==================================****/
body.page.page-id-1007580 #main-content {
    padding-bottom: 80px;
}
body.page.page-id-1007580 h1.entry-title.main_title {
    color: #333333;
    font-family: "Roboto", Sans-serif;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 40px;
}
body.page.page-id-1007580 h1 {
    color: #333333;
    font-family: "Roboto", Sans-serif;
    font-size: 28px;
    font-weight: 800;
}
body.page.page-id-1007580 h2 {
    color: #333333;
    font-family: "Roboto", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0px 10px;
    padding: 0;
}
body.page.page-id-1007580 h3 {
    color: #333333;
    font-family: "Roboto", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0px 10px;
    padding: 0;
}
body.page.page-id-1007580 a {
    text-decoration: underline;
    color: #333;
}
body.page.page-id-1007580 a:hover {
    color: #2DA6A6;
}
body.page.page-id-1007580 p {
    margin: 0;
    padding: 0;
    color: #333;
    line-height: 1.5em;
    font-size: 14px;
}
body.page.page-id-1007580 ul li a {
    text-decoration: underline;
    color: #333;
}
body.page.page-id-1007580 ul li {
    color: #333;
    font-size: 14px;
}
body.page.page-id-1007580 ul li {
    line-height: 1.5em;
    font-size: 14px;
}
/*
div#main-container-item {
    width: 1180px;
    max-width: 1180px;
}
div.text-main-paragraph p {
    margin: 0 !important;
    padding: 0 !important;
}
div#main-container-item ul {
    padding-bottom: 0 !important;
}
div#main-container-item ul li {
    line-height: 1.6em;
}
div#main-container-item ul li a {
    color: #333;
    text-decoration: underline;
}*/

/**====================================
        DATENSCHUTZ END
==================================****/

a#fullbutton-item {
    background: #2293c8;
    color: #fff;
    border: 0;
    padding: 8px 38px 6px !important;
    font-size: 22px;
    font-weight: 700;
    font-family: "Roboto", Sans-serif;
    border-radius: 90px;
}
a#fullbutton-item::after {
    display: none;
}
a#fullbutton-item:hover {
    background: #2293c8;
}
div#top-item-style {
    margin-top: 50px;
}
#top-item-style .my-packages-column {
    background: #fff;
    border: 2px solid #2293c8;
    border-radius: 20px;
}
div#top-item-style {
    max-width: 1200px;
    width: 1200px;
}
div#my-packages-column-2 .et_pb_module.et_pb_heading.et_pb_heading_4.et_pb_bg_layout_ {
    margin: 0;
}
#top-item-style .my-packages-column h3 {
    text-align: center;
    background: #2293c8;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    color: #fff !important;
    padding: 20px 20px;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}
#top-item-style .my-packages-column h2.et_pb_module_heading {
    text-align: center;
    font-family: "Roboto", Sans-serif;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0px;
    word-spacing: 0px;
    padding-top: 50px;
}
#top-item-style .my-packages-column h4.et_pb_module_heading {
    text-align: center;
}
#top-item-style .my-packages-column .et_pb_module.et_pb_heading {
    margin-bottom: 20px;
}
#top-item-style .my-packages-column h4 {
    font-size: 65px;
    font-weight: 700;
}
#top-item-style .my-packages-column h4 sub {
    color: red;
    font-size: 12px;
    text-decoration: line-through;
}
#top-item-style .my-packages-column ul {
    padding: 0 !important;
    list-style: none;
    margin: 0px 30px 20px !important;
}
#top-item-style .my-packages-column ul li {
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 11px;
}
#top-item-style .my-packages-column ul li span i {
    font-size: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 90px;
    border: 2px solid #42aeae;
}
#top-item-style .my-packages-column p {
    margin-left: 37px;
    font-size: 18px;
    font-weight: 600;
}
#top-item-style .my-packages-column .et_pb_button_module_wrapper {
    text-align: center;
    padding-bottom: 40px;
}
#top-item-style .my-packages-column a.button-custom-style-sh {
    border: 0;
    border: 1px solid #2293c8;
    padding: 12px 50px;
    color: #38aaaa;
    font-family: "Roboto", Sans-serif;
    font-size: 13px;
    font-weight: 800;
    border-radius: 90px;
    transition: 0.3s ease-in-out;
}
div#my-packages-column-2 a.button-custom-style-sh {
    background: #2293c8;
    color: #fff !important;
}
#top-item-style .my-packages-column a.button-custom-style-sh:after {
    display: none;
}
#top-item-style .my-packages-column a.button-custom-style-sh:hover {
    background-image: linear-gradient(90deg, #57EEE0 30%, #236396 100%);
    color: #fff;
    transform: scale3d(1.1,1.1,1.1);
}
div#my-packages-column-1 {
    margin-top: 44px;
}
div#my-packages-column-3 {
    margin-top: 33px;
}



/***==================================
    START -/ Für BAfEB SchülerInnen
===================================***/
div#main-style-buf .main-box-item {
    background: #fff;
    padding: 10px;
    border: 3px solid transparent;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #ccc;
    transition: 0.3s ease-in-out;
}
div#main-style-buf .main-box-item:hover {
    border: 3px solid #2293c8;
}
div#main-style-buf .main-box-item img {
    border-radius: 15px;
}
div#main-style-buf .main-box-item h2.et_pb_module_heading {
    padding: 0;
}
div#main-style-buf .main-box-item .et_pb_module_heading {
    padding: 0;
}
div#main-style-buf .main-box-item .et_pb_button_module_wrapper {
    text-align: center;
    margin-bottom: 20px;
}

/* div#main-style-buf .main-box-item .et_pb_button_module_wrapper a.et_pb_button:hover {
    background: #2293c8;
} */
div#main-style-buf .main-box-item .et_pb_button_module_wrapper a.et_pb_button:after {
    display: none;
}


/***==================================
    END -/ Für BAfEB SchülerInnen
===================================***/
div.schuelerinnenContent {
    width: 100%;
    display: flex;
    gap: 30px;
}
div.schuelerinnenContent .left {
    width: 25%;
}
div.schuelerinnenContent .right {
    width: 75%;
    position: relative;
    min-height: 300px;
}
div#loaderMainFuel {
    position: absolute;
    z-index: 12;
    width: 50px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
}
div.schuelerinnenContent .left .dropdown-container {
    width: 100%;
    margin: 0px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
}
div.schuelerinnenContent .left .location-title {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.schuelerinnenContent .left .section-label {
    color: #666;
    margin: 10px 0;
    font-size: 14px;
}
div.schuelerinnenContent .left .select2-container {
    width: 100% !important;
    margin-bottom: 10px;
}
div.schuelerinnenContent .left .select2-selection--single {
    height: 40px !important;
    padding: 6px !important;
    background-color: #f5f7fa !important;
    border: none !important;
    border-radius: 6px !important;
}
div.schuelerinnenContent .left .select2-selection__rendered {
    color: #666 !important;
    line-height: 28px !important;
}
div.schuelerinnenContent .left .select2-selection__arrow {
    height: 60px !important;
    transition: transform 0.3s ease;
}
div.schuelerinnenContent .left .select2-selection__arrow b {
    border-color: #666 transparent transparent transparent !important;
}
div.schuelerinnenContent .left .select2-container--open .select2-selection__arrow {
    transform: rotate(180deg);
}
div.schuelerinnenContent .left .select2-dropdown {
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
div.schuelerinnenContent .left .select2-results__option {
    padding: 10px !important;
    color: #333;
}
div.schuelerinnenContent .left .select2-results__option--highlighted[aria-selected] {
    background-color: #0077b6 !important;
    color: white !important;
}
div.schuelerinnenContent .left .select2-search__field {
    border-radius: 4px;
    border: 1px solid #ddd !important;
    padding: 6px !important;
}
div.schuelerinnenContent .left .select2-search__field:focus {
    border-color: #0077b6 !important;
    outline: none;
}
div.schuelerinnenContent .left .dropdown-container select {
    width: 100%;
    height: 60px;
    background: #f2fbff;
    border: 0;
    padding: 0px 15px;
    color: #333;
    font-weight: 500;
    border-radius: 5px;
}
div.schuelerinnenContent .left .dropdown-container .select2-selection.select2-selection--single {
    width: 100%;
    height: 60px !important;
    background: #f2fbff !important;
    border: 0 !important;
    padding: 0px 15px !important;
    color: #333;
    font-weight: 500;
    border-radius: 5px !important;
}
.select2-search--dropdown .select2-search__field {
    border: 1px solid #e4e0e0 !important;
    background: #f2fbff !important;
    height: 40px;
}
div.schuelerinnenContent .left .dropdown-container .select2-selection.select2-selection--single span.select2-selection__rendered {
    position: relative;
    top: 16px;
}
div.schuelerinnenContent .left .select2-container.select2-container--open {
    border: 1px solid #e4e0e0;
    border-radius: 5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0073aa !important;
    color: white !important;
    border-left: 4px solid #333 !important;
    padding: 12px 10px !important;
}
.select2-container--default .select2-results__option {
    color: #333 !important;
    border-left: 4px solid #333 !important;
    padding: 12px 10px !important;
}
/* Custom scrollbar */
div.schuelerinnenContent .left .select2-results__options::-webkit-scrollbar {
    width: 8px;
}
div.schuelerinnenContent .left .select2-results__options::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
div.schuelerinnenContent .left .select2-results__options::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
div.schuelerinnenContent .left .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #555;
}
div.schuelerinnenContent .left .toggle-icon {
    border: solid #666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    cursor: pointer;
    transition: transform 0.3s ease;
}
div.schuelerinnenContent .left .toggle-icon.up {
    transform: rotate(-45deg);
}
.job-schuelerinnen {}
.job-schuelerinnen .job-card {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    position: relative;
    box-shadow: 0px 0px 5px #ccc;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.3s ease-in-out;
}
.job-schuelerinnen .job-card:hover {
    border: 2px solid #2293c8;
}
.job-schuelerinnen .featured-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #ffd700;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    border-top-left-radius: 12px;
}
.job-schuelerinnen .company-logo{
    width: 80px;
    height: 80px;
    margin-right: 20px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
}

.job-schuelerinnen .company-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.job-schuelerinnen .job-info {
    width: 50%;
}
.job-schuelerinnen .job-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.job-schuelerinnen .company-details {
    display: flex;
    gap: 20px;
    margin-bottom: 8px;
    color: #4d3d3c;
    font-size: 14px;
    font-weight: 600;
}
.job-schuelerinnen .company-name, .job-schuelerinnen .location {
    display: flex;
    align-items: center;
    gap: 5px;
}
.job-schuelerinnen .job-meta {
    display: flex;
    gap: 15px;
    font-size: 14px;
}
.job-schuelerinnen .work-type {
    color: #4d3d3c;
    font-weight: 600;
}
.job-schuelerinnen .salary {
    color: #4d3d3c;
    font-weight: 600;
}
.job-schuelerinnen .favorite-btn {
    position: absolute;
    top: calc(50% - 20px);
    right: 32px;
    background: none;
    border: none;
    cursor: pointer;
    color: #2293c8;
    font-size: 30px;
}
.job-schuelerinnen .action-btns {
    position: absolute;
    top: calc(50% - 20px);
    right: 32px;
    background: none;
    border: none;
    cursor: pointer;
    color: #2293c8;
    font-size: 24px;
}
.job-schuelerinnen .favorite-btn:hover {
    color: #666;
}
.job-schuelerinnen .featured-tag i {
    color: #fff;
    font-size: 12px;
    margin-left: 6px;
}
.job-schuelerinnen .job-info i {
    color: #2293c8;
}


/***========================
    START JOBS START
=========================***/
section#jobSections {
    width: 100%;
    display: inline-block;
}
section#jobSections .jobPrintSIde {
    width: 100%;
    display: flex;
    gap: 30px;
}
section#jobSections .left {
    width: 25%;
}
section#jobSections .right {
    width: 75%;
}
section#jobSections .jobPrintSIde .left .filter-section {
    background-color: white;
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
section#jobSections .jobPrintSIde .left .filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
}
section#jobSections .jobPrintSIde .left .filter-header h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    margin-left: 5px;
}
section#jobSections .jobPrintSIde .left .filter-content .filterLoadmore {
    text-align: center;
}
section#jobSections .jobPrintSIde .left.filter-header h2 {
    margin: 0;
    font-size: 18px;
}
section#jobSections .jobPrintSIde .left .chevron {
    border: solid #666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
    position: relative;
    right: 10px;
}
section#jobSections .jobPrintSIde .left .filter-header[aria-expanded="true"] .chevron {
    transform: rotate(45deg);
}
section#jobSections .jobPrintSIde .left .filter-content {
    padding: 0 16px 16px;
    max-height: 1000px;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 1;
}
section#jobSections .jobPrintSIde .left .filter-header[aria-expanded="false"] + .filter-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}
section#jobSections .jobPrintSIde .left .filter-content label {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
}
section#jobSections .jobPrintSIde .left .filter-content input[type="checkbox"] {
    margin-right: 8px;
    width: 18px;
    height: 18px;
    visibility: hidden;
}
section#jobSections .jobPrintSIde .left .filter-content label span {
    color: #333;
    font-size: 14px;
}
section#jobSections .jobPrintSIde .left .badge {
    margin-left: auto;
    background-color: #D5E8DD;
    color: #333;
    padding: 2px 4px;
    border-radius: 12px;
    font-size: 11px !important;
    max-height: 20px;
    min-height: 20px;
    align-items: center;
    display: flex;
    min-width: 30px;
    justify-content: center;
    max-width: 45px;
}
section#jobSections .jobPrintSIde .left .show-more {
    background: none;
    border: none;
    color: #333;
    cursor: pointer;
    padding: 0;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
}
section#jobSections .jobPrintSIde .left .show-more:hover {
    text-decoration: underline;
}

div.mianJobs {
    background: #fff8e5;
    padding-bottom: 80px;
}
div.mianJobs .jobHeading h2 {
    text-align: center;
    padding: 45px 0px;
    font-family: "Montserrat", Sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 39px;
    color: #2293c8;
}
div.mianJobs .barItem h3 {
    padding: 0;
    text-align: center;
    font-family: "Roboto", Sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 39px;
    color: #fff;
}
div.mianJobs .barItem {
    padding: 12px 0px;
    background-position: 50% 50% !important;
    background-size: cover !important;
}

div.jobSerch.search-container {
    padding: 30px 60px;
    background: #fff;
    border-radius: 15px;
    /* margin: 60px auto 0px auto; */
    box-shadow: 0px 0px 5px #ccc;
    width: 100%;
    margin: 0 auto;
    min-width: 100% !important;
    margin-bottom: 30px;
}

section#jobSections .jobPrintSIde .left .filter-content label span.checkBox {
    margin-right: 8px;
    width: 18px;
    height: 18px;
    border: 2px solid #2da6a6;
    position: absolute;
    left: 0px;
    margin-top: 1px;
}
section#jobSections .jobPrintSIde .left .filter-content label input:checked + span.checkBox::before {
    content: "";
    background: #2da6a6;
    width: 11px;
    height: 10.5px;
    position: absolute;
    margin-left: 2px;
    margin-top: 2px;
}
/***========================
    START JOBS END
=========================***/




div#verification-popup.verification-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

div#verification-popup .popup-content {
    position: relative;
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    width: 80%;
    max-width: 500px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

div#verification-popup .close-popup {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 24px;
    cursor: pointer;
    color: #666;
}

div#verification-popup .close-popup:hover {
    color: #333;
}

div#verification-popup .verification-success {
    color: #28a745;
    padding: 15px;
    text-align: center;
    font-size: 18px;
}

div#verification-popup .verification-error {
    color: #dc3545;
    padding: 15px;
    text-align: center;
    font-size: 18px;
}


/***RESET PASSWORD ITEM***/
div#password-reset-popup.popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    width: 90%;
    z-index: 1234
}

div#password-reset-popup .close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #999;
}

div#password-reset-popup .popup-title {
    margin: 0 0 20px 0;
    font-size: 24px;
    color: #333;
    font-weight: 600;
}

div#password-reset-popup .form-group {
    margin-bottom: 20px;
}

div#password-reset-popup .form-group label {
    display: block;
    margin-bottom: 8px;
    color: #333;
}

div#password-reset-popup .input-field {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #f8f9fa;
}

div#password-reset-popup .password-hint {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

div#password-reset-popup .password-hint p {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

div#password-reset-popup .submit-button {
    width: 100%;
    padding: 12px;
    background: #3eb5bb;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

div#password-reset-popup .submit-button:hover {
    background: #3eb5bb;
}

/***==============================
    CANIDATE DASHBOARD
===============================***/



div.resetPsswordPage .heading h1 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 600;
}
div.password-change-form .formSubmitButton {
    margin-top: 10px;
    margin-bottom: 15px;
}
div.dashboardContent .mainContent .heading.canidate h1 {
    font-size: 24px;
    font-weight: 600;
}
div.dashboardContent .mainContent .heading.canidate h3 {
    color: #296A00;
    font-weight: 600;
    font-size: 17px;
}
div#canidate_profile_setting .doubleItem {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}
div#canidate_profile_setting .doubleItem .formGroup label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}
div#canidate_profile_setting .doubleItem .formGroup {
    width: calc(50% - 25px);
}
div#canidate_profile_setting .doubleItem .formGroup input {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f0f5f7;
    text-indent: 15px;
    font-size: 16px;
    color: #333;
}
div#canidate_profile_setting .doubleItem .formGroup select {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f0f5f7;
    font-size: 16px;
    color: #333;
}
div#canidate_profile_setting .contentItems {
    margin: 25px 0px;
}
div#canidate_profile_setting .contentItems p {
    font-size: 14px;
    color: #333;
    line-height: 1.3em;
    margin-bottom: 15px;
}
div#canidate_profile_setting .contentItems h3 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
}
div#canidate_profile_setting .contentItems textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #ccc;
    background: #f0f5f7;
    border-radius: 5px;
}
div#addCndSkills {
    margin: 20px 0px;
}
div#addCndLangages h3,
div#addCndSkills h3{
    font-size: 22px;
    font-weight: 600;
}
div#addCndLangages #addLanguage,
div#addCndSkills #addLanguage{
    background: #2da6a6;
    border: 0;
    color: #fff;
    padding: 13px 32px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 7px;
}
div.dashboardContent.candidate .faq-header h3 {
    font-size: 22px;
    font-weight: 600;
}
div.dashboardContent.candidate .address-selectors {
    margin-top: 0;
}
div#canidate_profile_setting .doubleItem .formGroup label span.required {
    color: red;
}
div.profileAddressSH .formGroup label {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
div.profileAddressSH .formGroup input {
    width: 50%;
    height: 50px;
    text-indent: 15px;
    background: #f0f5f7;
    color: #333;
    font-size: 16px;
    border-radius: 5px;
}
div.profileAddressSH .saveCanidate {
    margin-bottom: 40px;
}
div.profileAddressSH #save-canidate-profile {
    background: #2da6a6;
    border: 0;
    color: #fff;
    padding: 13px 32px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
}
div#profileSettings .faq-item .faq-content .social-links-form button {
    background: #2da6a6;
    border: 0;
    color: #fff;
    padding: 13px 32px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 0px;
}
div.profileOverlay {
    padding: 20px;
    box-shadow: 0px 0 5px rgba(0,0,0,0.1);
    border-radius: 15px;
    margin-bottom: 40px;
}
.job-schuelerinnen .action-btns a.soldOut {
    width: 35px;
    height: 35px;
    background: #f2e8e7;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    color: #f46767;
    border-radius: 5px;
}
.job-schuelerinnen .action-btns a.soldEye {
    width: 35px;
    height: 35px;
    background: #deede5;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    color: green;
    border-radius: 5px;
}
div.job-schuelerinnen.Canidate {
    box-shadow: 0px 0 5px rgba(0,0,0,0.1);
    padding: 25px;
    border-radius: 15px;
}
.job-schuelerinnen .location a {
    color: #333;
}
div.emplication_status p {
    color: #333;
    font-weight: 600;
}


/***===============================
        KANIDATE UPLOAD CV
===============================***/
div.cv-upload-container {
    max-width: 600px;
    margin: 20px auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
div.cv-upload-container .upload-area {
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
    background: #f9f9f9;
    transition: all 0.3s ease;
}
div.cv-upload-container .upload-area.dragover {
    border-color: #2196F3;
    background: #e3f2fd;
}
div.cv-upload-container .upload-icon {
    margin-bottom: 20px;
    color: #666;
}
div.cv-upload-container .upload-text {
    margin-bottom: 20px;
}
div.cv-upload-container .upload-text h3 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #333;
}
div.cv-upload-container .upload-text p {
    margin: 0;
    color: #666;
    font-size: 14px;
}
div.cv-upload-container .file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
div.cv-upload-container .upload-button {
    display: inline-block;
    padding: 12px 24px;
    background: #2196F3;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
}
div.cv-upload-container .upload-button:hover {
    background: #1976D2;
}
div.cv-upload-container .upload-progress {
    margin-top: 20px;
}
div.cv-upload-container .progress-bar {
    height: 6px;
    background: #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
}
div.cv-upload-container .progress-fill {
    height: 100%;
    background: #2196F3;
    width: 0;
    transition: width 0.3s ease;
}
div.cv-upload-container .progress-text {
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    color: #666;
}
div.cv-upload-container .file-preview {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: white;
}
div.cv-upload-container .file-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
div.cv-upload-container .file-icon {
    color: #2196F3;
}
div.cv-upload-container .file-details {
    flex-grow: 1;
}
div.cv-upload-container #fileName {
    display: block;
    font-weight: 500;
    color: #333;
}
div.cv-upload-container #fileSize {
    display: block;
    font-size: 12px;
    color: #666;
}
div.cv-upload-container .remove-button {
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    color: #666;
    transition: color 0.3s ease;
}
div.cv-upload-container .remove-button:hover {
    color: #f44336;
}
div.cv-upload-container .upload-message {
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px;
    display: none;
}
div.cv-upload-container .upload-message.success {
    background: #e8f5e9;
    color: #2e7d32;
    display: block;
}
div.cv-upload-container .upload-message.error {
    background: #ffebee;
    color: #c62828;
    display: block;
}
div.dashboardContent .mainContent .cv-upload-container {
    max-width: 100%;
}

.showTwoField{
    display: flex;
    padding: 10px 0px;
    flex-wrap:wrap;
    justify-content:space-between;
}
.showTwoField .box{width: 49%;}


.showThreeField{
    display: flex;
    padding: 10px 0px;
    flex-wrap:wrap;
    justify-content:space-between;
}
.showThreeField .box{width: 32%;}

.workspacefield{
    width: 100% !important;
    height: 40px !important;
    border-radius: 0px !important;
    background: #f0f5f7 !important;
}


.innerBox{padding: 0px 25px;}


.dashboardInner {
    background-color: white;
    box-shadow: 0px 0 5px rgba(0,0,0,0.1);
    padding: 30px 25px;
    border-radius: 15px;
    box-sizing: border-box;
	overflow-y: scroll;
}
.faq-content .showTwoField {
    padding: 10px 20px;
}
.faq-content .showTwoField .formGroup label {
    display: block;
}
.faq-content .showTwoField .formGroup select {
    width: 100%;
    height: 46px;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px;
    background: #f8f9fa;
    padding: 0px 10px;
}
textarea#employee_job_detail {
    display: block;
    width: 100%;
    height: 100px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0 !important;
    border-radius: 5px;
    padding: 10px;
}
.open-mbl-menu {
    font-size: 20px;
    color: #3fb5bd;
    border: 1px solid #3fb5bd;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    display: none;
}
div.showTwoField.showThreeField .box {
    width: 33%;
}
.job-container .favorite-btn img.favrLoadingBtn {
    position: absolute;
    opacity: 0;
}
#main-content .woocommerce-table tfoot:first-of-type {
    display: none;
}

@media only screen and (max-width: 767px) {
    .search-button {
        width: auto !important;
        margin:10px 65px;
        left: 0px;
    }
div.search-container .search-form button.search-button {
    bottom: 0px;
    width: 70px !important;
    margin: 0;
    left: 100%;
    transform: translate(-100px, 0px);
}
}


/*
========================================================

<-------------- Login Page Css Start ----------------->

=========================================================
*/



.wpjb_login_cls {
        max-width: 600px;
    margin:auto
}

.wpjb_login_cls .wpjb-flash-info .wpjb-glyphs:before{
    display:none
}

.wpjb_login_cls .wpjb-flash-info {
    background:transparent;
    border:none
}

.wpjb_login_cls .wpjb-flash-info h3{
font-family: "Roboto", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #707070;
    text-align: center;
    margin:0
}

.wpjb_login_cls .wpjb-flash-info p{
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: #707070;
    text-align: center;
    }



.wpjb_login_cls {
        max-width: 600px;
    margin:auto;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding:20px
}

.wpjb_login_cls .wpjb-flash-info .wpjb-glyphs:before{
    display:none
}

.wpjb_login_cls .wpjb-flash-info {
    background:transparent;
    border:none
}

.wpjb_login_cls .wpjb-flash-info h3{
font-family: "Roboto", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #707070;
    text-align: center;
    margin:0
}

.wpjb_login_cls .wpjb-flash-info p{
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: #707070;
    text-align: center;
    }


.wpjb_login_cls .wpjb-field{
    width:100%!important;
    
}
/* .wpjb_login_cls #user_login {
    width:100%!important;
    max-width: 100%;
} */



.wpjb_login_cls input[type="text"], .wpjb_login_cls input[type="password"]{
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: none;
    background: #f0f5f7;
    border-radius: 90px!important;
    font-size: 16px;
    height: 60px;
    font-weight: 600;
    text-indent: 15px;
}

.wpjb_login_cls input[type="submit"]{
        width: 100%;
    padding: 16px;
    background: #37B6AE;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
    border: 2px solid transparent;
    transition: 0.3s ease-in-out;
}

  .page-id-1007221 .et_pb_row {
    width:100%!important;
    max-width:100%!important;
}

.dashWrapper .container{
    padding-top:0!important;
}

div.dashWrapper .container{
    width:90%!important;
}

.page-id-13  .et_pb_row{
    width:100%!important;
    max-width:100%!important;
}

.page-id-13 form.wpjb-form {
  box-shadow: 0px 0px 5px #ddd8d8!important;  
}

.page-id-15 .mainContent{

  box-shadow: 0px 0 5px rgba(0,0,0,0.1);
  border-radius: 15px;
  margin-bottom: 40px;
}

.page-id-15 #wpjb-resume{
        padding: 20px;
}


@media screen and (max-width:768px)
{
   .dashWrapper .container{
        width:90%!important;
    }
    .dashWrapper .mainContent{
        width:100%!important;
    }
   .dashWrapper .stat-card{
        width:100%!important;
    }
    .et_pb_row{
        width:100%!important;
    }

.table-container{
 overflow-x:scroll!important;
}    
}


/*
========================================================

<-------------- Login Page Css End ----------------->

=========================================================
*/