.elementor-4601 .elementor-element.elementor-element-e21ed48{width:var( --container-widget-width, 98.508% );max-width:98.508%;--container-widget-width:98.508%;--container-widget-flex-grow:0;}.elementor-4601 .elementor-element.elementor-element-0f7f664 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(57deg, #FC7C04 24%, #D647D6 100%);}.elementor-4601 .elementor-element.elementor-element-0f7f664{text-align:center;}.elementor-4601 .elementor-element.elementor-element-0f7f664 .elementor-heading-title{color:#000000;font-weight:bold;}.elementor-4601 .elementor-element.elementor-element-189d6f0 .elementor-button{background-color:transparent;font-weight:bold;background-image:linear-gradient(57deg, #FC7C04 24%, #D647D6 100%);}.elementor-4601 .elementor-element.elementor-element-1c17b6d{width:var( --container-widget-width, 108.264% );max-width:108.264%;--container-widget-width:108.264%;--container-widget-flex-grow:0;text-align:right;}.elementor-4601 .elementor-element.elementor-element-1c17b6d .elementor-heading-title{color:#FC7C04;font-weight:bold;}.elementor-4601 .elementor-element.elementor-element-02a1f13{width:var( --container-widget-width, 100.97% );max-width:100.97%;--container-widget-width:100.97%;--container-widget-flex-grow:0;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-group{padding-right:calc( 11px/2 );padding-left:calc( 11px/2 );margin-bottom:10px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-form-fields-wrapper{margin-left:calc( -11px/2 );margin-right:calc( -11px/2 );margin-bottom:-10px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}body.rtl .elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-labels-inline .elementor-field-group > abbr{padding-left:0px;}body:not(.rtl) .elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-labels-inline .elementor-field-group > abbr{padding-right:0px;}body .elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-labels-above .elementor-field-group > abbr{padding-bottom:0px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-type-html{padding-bottom:0px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .dce-signature-wrapper{--canvas-width:400px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .dce-signature-canvas{border-radius:3px 3px 3px 3px;border-width:1px 1px 1px 1px;background-color:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:19px 19px 19px 19px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:19px 19px 19px 19px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-group .elementor-select-wrapper .select2{background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:19px 19px 19px 19px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-group .elementor-select-wrapper .select2 .elementor-field-textual{background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:19px 19px 19px 19px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .mce-panel{background-color:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-group .mce-panel{border-width:1px 1px 1px 1px;border-radius:19px 19px 19px 19px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-button span{justify-content:center;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-button{font-weight:bold;border-radius:19px 19px 19px 19px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .e-form__buttons__wrapper__button-next{background-color:#FC7C04;color:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-button[type="submit"]{background-color:#FC7C04;color:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .e-form__buttons__wrapper__button-previous{background-color:#FC7C04;color:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-label-description .elementor-field-label{display:inline-block;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-label-description:after{content:'?';display:inline-block;border-radius:50%;padding:2px 0;height:1.2em;line-height:1;font-size:80%;width:1.2em;text-align:center;margin-left:0.2em;color:#ffffff;background-color:#777777;}.elementor-4601 .elementor-element.elementor-element-0a6b907{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-type-amount.elementor-field-group .dce-amount-visible{opacity:1;}.elementor-4601 .elementor-element.elementor-element-0a6b907 .elementor-field-type-dce_range input{opacity:1;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4601 .elementor-element.elementor-element-e21ed48{width:var( --container-widget-width, 380.95px );max-width:380.95px;--container-widget-width:380.95px;--container-widget-flex-grow:0;text-align:center;}.elementor-4601 .elementor-element.elementor-element-e21ed48 img{width:32%;}.elementor-4601 .elementor-element.elementor-element-0f7f664{text-align:center;}.elementor-4601 .elementor-element.elementor-element-0f7f664 .elementor-heading-title{font-size:18px;}.elementor-4601 .elementor-element.elementor-element-1c17b6d{width:var( --container-widget-width, 344.8px );max-width:344.8px;--container-widget-width:344.8px;--container-widget-flex-grow:0;text-align:center;}.elementor-4601 .elementor-element.elementor-element-1c17b6d .elementor-heading-title{font-size:17px;}.elementor-4601 .elementor-element.elementor-element-0a81ecf{width:100%;}.elementor-4601 .elementor-element.elementor-element-0a81ecf > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:13px;}.elementor-4601 .elementor-element.elementor-element-0a6b907{width:var( --container-widget-width, 330.986px );max-width:330.986px;--container-widget-width:330.986px;--container-widget-flex-grow:0;}.elementor-4601 .elementor-element.elementor-element-0a6b907 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-8px -8px -8px -8px;}}@media(min-width:768px){.elementor-4601 .elementor-element.elementor-element-15df310{width:20.454%;}.elementor-4601 .elementor-element.elementor-element-d7d79b6{width:59.895%;}.elementor-4601 .elementor-element.elementor-element-70a3747{width:19.566%;}.elementor-4601 .elementor-element.elementor-element-666fd2c{width:55.083%;}.elementor-4601 .elementor-element.elementor-element-0a81ecf{width:44.702%;}}/* Start custom CSS for html, class: .elementor-element-486dc95 *//* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: #333;
    overflow-x: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Styles */
.header {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.navbar {
    padding: 1rem 0;
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-logo h2 {
    color: #2c5aa0;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.2rem;
}

.nav-logo .tagline {
    color: #666;
    font-size: 0.9rem;
    font-weight: 400;
}

.nav-menu {
    display: flex;
    gap: 2rem;
}

.nav-link {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: color 0.3s ease;
    position: relative;
}

.nav-link:hover,
.nav-link.active {
    color: #2c5aa0;
}

.nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 2px;
    background: #2c5aa0;
}

.nav-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.nav-toggle span {
    width: 25px;
    height: 3px;
    background: #333;
    margin: 3px 0;
    transition: 0.3s;
}

/* Hero Section */
.hero {
    background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-top: 80px;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="%23ffffff10" points="0,1000 1000,800 1000,1000"/></svg>');
    background-size: cover;
}

.hero-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    line-height: 1.1;
    margin-bottom: 2rem;
}

.hero-form {
    background: #fff;
    padding: 2.5rem;
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    position: relative;
}

.opportunity-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.form-row span {
    color: #333;
    font-weight: 500;
    white-space: nowrap;
}

.form-input,
.form-select,
.country-code {
    padding: 0.75rem;
    border: 2px solid #e1e5e9;
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
    flex: 1;
    min-width: 120px;
}

.form-input:focus,
.form-select:focus,
.country-code:focus {
    outline: none;
    border-color: #4ecdc4;
}

.name-input,
.phone-input,
.email-input {
    flex: 2;
}

.country-code {
    flex: 0 0 100px;
}

.checkbox-row {
    align-items: flex-start;
}

.checkbox-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: #666;
}

.checkbox {
    display: none;
}

.checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #e1e5e9;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s ease;
}

.checkbox:checked + .checkmark {
    background: #4ecdc4;
    border-color: #4ecdc4;
}

.checkbox:checked + .checkmark::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.terms-link {
    color: #4ecdc4;
    text-decoration: none;
}

.terms-link:hover {
    text-decoration: underline;
}

.submit-btn {
    background: #4ecdc4;
    color: #fff;
    border: none;
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.submit-btn:hover {
    background: #44a08d;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(68, 160, 141, 0.4);
}

.counseling-info {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.counseling-info i {
    font-size: 2rem;
    color: #4ecdc4;
}

.counseling-info p {
    margin: 0;
    font-weight: 500;
    color: #333;
}

.counseling-link {
    color: #e74c3c;
    text-decoration: none;
    font-weight: 600;
}

.counseling-link:hover {
    text-decoration: underline;
}

/* Section Styles */
.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, #4ecdc4, #44a08d);
    border-radius: 2px;
}

.section-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
}

.section-content p {
    margin-bottom: 1.5rem;
}

.link {
    color: #4ecdc4;
    text-decoration: none;
    font-weight: 600;
}

.link:hover {
    text-decoration: underline;
}

/* Why Apply Section */
.why-apply {
    padding: 5rem 0;
    background: #f8f9fa;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.benefit-item i {
    font-size: 2rem;
    color: #4ecdc4;
    flex-shrink: 0;
}

.benefit-item p {
    margin: 0;
    font-weight: 500;
    color: #333;
}

/* Chancenkarte Info Section */
.chancenkarte-info {
    padding: 5rem 0;
    background: #fff;
}

/* Comparison Table Section */
.comparison-section {
    padding: 5rem 0;
    background: #f8f9fa;
}

.table-container {
    overflow-x: auto;
    margin-bottom: 2rem;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.comparison-table th,
.comparison-table td {
    padding: 1.5rem;
    text-align: left;
    border-bottom: 1px solid #e1e5e9;
}

.comparison-table th {
    background: #2c5aa0;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.comparison-table tr:hover {
    background: #f8f9fa;
}

.table-note {
    font-style: italic;
    color: #666;
    text-align: center;
    margin-top: 2rem;
}

/* Benefits Section */
.benefits-section {
    padding: 5rem 0;
    background: #fff;
}

.benefits-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.benefit-card {
    padding: 2rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border-radius: 15px;
    text-align: center;
    transition: transform 0.3s ease;
}

.benefit-card:hover {
    transform: translateY(-10px);
}

.benefit-card i {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.9;
}

.benefit-card h3 {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
}

/* Points Calculator Section */
.points-calculator {
    padding: 5rem 0;
    background: #f8f9fa;
}

.factors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.factor-item {
    padding: 1rem;
    background: #4ecdc4;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    font-weight: 600;
}

.note {
    text-align: center;
    font-size: 1.1rem;
    color: #e74c3c;
    margin: 2rem 0;
}

.points-table-container {
    overflow-x: auto;
}

.points-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.points-table th,
.points-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e1e5e9;
}

.points-table th {
    background: #2c5aa0;
    color: #fff;
    font-weight: 600;
}

.total-row {
    background: #f8f9fa;
    font-weight: 600;
}

/* Eligibility Section */
.eligibility-section {
    padding: 5rem 0;
    background: #fff;
}

.eligibility-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.eligibility-item {
    padding: 2rem;
    background: #f8f9fa;
    border-radius: 10px;
    border-left: 5px solid #4ecdc4;
    transition: transform 0.3s ease;
}

.eligibility-item:hover {
    transform: translateY(-5px);
}

.eligibility-item h3 {
    color: #2c5aa0;
    margin-bottom: 1rem;
    font-size: 1.3rem;
}

.eligibility-item p {
    color: #555;
    line-height: 1.6;
}

/* Requirements Section */
.requirements-section {
    padding: 5rem 0;
    background: #f8f9fa;
}

.requirements-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin: 3rem 0;
}

.requirement-item {
    padding: 2rem;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.requirement-item:hover {
    transform: translateY(-5px);
}

.requirement-item h3 {
    color: #2c5aa0;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.language-table-container {
    margin: 3rem 0;
}

.language-table-container h3 {
    text-align: center;
    margin-bottom: 2rem;
    color: #2c5aa0;
}

.language-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.language-table th,
.language-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e1e5e9;
}

.language-table th {
    background: #2c5aa0;
    color: #fff;
    font-weight: 600;
}

/* Application Process Section */
.application-process {
    padding: 5rem 0;
    background: #fff;
}

.steps-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.step {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: #f8f9fa;
    border-radius: 15px;
    transition: transform 0.3s ease;
}

.step:hover {
    transform: translateY(-5px);
}

.step-number {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #4ecdc4, #44a08d);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h3 {
    color: #2c5aa0;
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
}

.step-content p {
    color: #555;
    line-height: 1.6;
}

/* Fees and Processing Section */
.fees-processing {
    padding: 5rem 0;
    background: #f8f9fa;
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 3rem;
}

.info-card {
    padding: 3rem;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.info-card:hover {
    transform: translateY(-10px);
}

.info-card h2 {
    color: #2c5aa0;
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
}

.info-card p {
    font-size: 1.1rem;
    color: #555;
    line-height: 1.6;
}

/* Jobs Section */
.jobs-section {
    padding: 5rem 0;
    background: #fff;
}

.jobs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 3rem;
}

.job-category {
    padding: 1.5rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s ease;
}

.job-category:hover {
    transform: translateY(-5px);
}

.job-category h3 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

/* Immigration Importance Section */
.immigration-importance {
    padding: 5rem 0;
    background: #f8f9fa;
}

.importance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.importance-item {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.importance-item:hover {
    transform: translateY(-5px);
}

.importance-item i {
    font-size: 2.5rem;
    color: #4ecdc4;
    flex-shrink: 0;
    margin-top: 0.5rem;
}

.importance-item p {
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* Settle Germany Section */
.settle-germany {
    padding: 5rem 0;
    background: #fff;
}

.settle-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.settle-item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    background: #f8f9fa;
    border-radius: 10px;
    border-left: 5px solid #4ecdc4;
    transition: transform 0.3s ease;
}

.settle-item:hover {
    transform: translateY(-5px);
}

.settle-item i {
    font-size: 2.5rem;
    color: #4ecdc4;
    flex-shrink: 0;
}

.settle-item h3 {
    color: #2c5aa0;
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 0;
}

/* Help Section */
.help-section {
    padding: 5rem 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}

.help-section .section-title {
    color: #fff;
}

.help-section .section-title::after {
    background: #fff;
}

.help-section .section-content {
    color: rgba(255,255,255,0.9);
}

.help-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin: 3rem 0;
}

.help-item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    transition: transform 0.3s ease;
}

.help-item:hover {
    transform: translateY(-5px);
    background: rgba(255,255,255,0.15);
}

.help-item i {
    font-size: 2.5rem;
    color: #fff;
    flex-shrink: 0;
}

.help-item h3 {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.4;
    margin: 0;
}

.cta-section {
    text-align: center;
    margin-top: 3rem;
}

.cta-section p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    color: rgba(255,255,255,0.9);
}

.cta-btn {
    background: #e74c3c;
    color: #fff;
    border: none;
    padding: 1.2rem 3rem;
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cta-btn:hover {
    background: #c0392b;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(231, 76, 60, 0.4);
}

/* FAQ Section */
.faq-section {
    padding: 5rem 0;
    background: #f8f9fa;
}

.faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 1rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.faq-question {
    padding: 1.5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    transition: background 0.3s ease;
}

.faq-question:hover {
    background: #f8f9fa;
}

.faq-question span {
    font-weight: 600;
    color: #2c5aa0;
    flex: 1;
    margin-right: 1rem;
}

.faq-question i {
    color: #4ecdc4;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i {
    transform: rotate(45deg);
}

.faq-answer {
    padding: 0 1.5rem;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item.active .faq-answer {
    padding: 1.5rem;
    max-height: 200px;
}

.faq-answer p {
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* Footer */
.footer {
    background: #2c3e50;
    color: #fff;
    padding: 4rem 0 2rem;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 3rem;
    margin-bottom: 3rem;
}

.footer-section h3 {
    color: #4ecdc4;
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}

.footer-section ul {
    list-style: none;
}

.footer-section ul li {
    margin-bottom: 0.5rem;
}

.footer-section ul li a {
    color: #bdc3c7;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-section ul li a:hover {
    color: #4ecdc4;
}

.footer-contact {
    margin-bottom: 3rem;
}

.footer-contact h3 {
    color: #4ecdc4;
    margin-bottom: 2rem;
    text-align: center;
}

.contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
}

.contact-item {
    text-align: center;
    padding: 1.5rem;
    background: rgba(255,255,255,0.05);
    border-radius: 10px;
}

.contact-item h4 {
    color: #4ecdc4;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.contact-item p {
    color: #bdc3c7;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.footer-social {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-bottom: 3rem;
}

.social-section h3,
.newsletter-section h3 {
    color: #4ecdc4;
    margin-bottom: 1.5rem;
}

.social-icons {
    display: flex;
    gap: 1rem;
}

.social-icons a {
    width: 40px;
    height: 40px;
    background: #4ecdc4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-icons a:hover {
    background: #44a08d;
    transform: translateY(-3px);
}

.newsletter-form {
    display: flex;
    gap: 1rem;
}

.newsletter-form input {
    flex: 1;
    padding: 0.75rem;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
}

.newsletter-form button {
    background: #4ecdc4;
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.newsletter-form button:hover {
    background: #44a08d;
}

.footer-bottom {
    border-top: 1px solid #34495e;
    padding-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}

.footer-logo h2 {
    color: #4ecdc4;
    margin-bottom: 0.5rem;
}

.footer-logo p {
    color: #bdc3c7;
    font-size: 0.9rem;
}

.footer-links {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.footer-links a {
    color: #bdc3c7;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #4ecdc4;
}

/* Responsive Design */
@media (max-width: 768px) {
    .nav-menu {
        display: none;
    }
    
    .nav-toggle {
        display: flex;
    }
    
    .hero-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-form {
        padding: 2rem;
    }
    
    .form-row {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    .form-row span {
        text-align: center;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .benefits-grid,
    .eligibility-grid,
    .requirements-grid,
    .steps-container,
    .help-grid,
    .settle-grid,
    .importance-grid {
        grid-template-columns: 1fr;
    }
    
    .info-grid {
        grid-template-columns: 1fr;
    }
    
    .jobs-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    
    .footer-social {
        grid-template-columns: 1fr;
    }
    
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
    
    .newsletter-form {
        flex-direction: column;
    }
    
    .contact-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-form {
        padding: 1.5rem;
    }
    
    .section-title {
        font-size: 1.8rem;
    }
    
    .factors-grid {
        grid-template-columns: 1fr;
    }
    
    .jobs-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-links {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.benefit-item,
.benefit-card,
.eligibility-item,
.requirement-item,
.step,
.info-card,
.help-item,
.settle-item,
.importance-item {
    animation: fadeInUp 0.6s ease forwards;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Loading animation for form submission */
.submit-btn.loading {
    position: relative;
    color: transparent;
}

.submit-btn.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */