.elementor-1196 .elementor-element.elementor-element-050ec6f{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1196 .elementor-element.elementor-element-050ec6f:not(.elementor-motion-effects-element-type-background), .elementor-1196 .elementor-element.elementor-element-050ec6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/nmia99.org/wp-content/uploads/2026/03/pasted-1773468734421-0-ff21.webp?fit=2002%2C426&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1196 .elementor-element.elementor-element-c0f6b33 .elementor-heading-title{color:var( --e-global-color-001faeb );}.elementor-1196 .elementor-element.elementor-element-1568023{text-align:center;}.elementor-1196 .elementor-element.elementor-element-1568023 .elementor-heading-title{color:var( --e-global-color-f276377 );}.elementor-1196 .elementor-element.elementor-element-83acf5a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1196 .elementor-element.elementor-element-170c533{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1196 .elementor-element.elementor-element-dfd46ef{--display:flex;--min-height:215px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-1196 .elementor-element.elementor-element-dfd46ef:not(.elementor-motion-effects-element-type-background), .elementor-1196 .elementor-element.elementor-element-dfd46ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-40f1cd4 );background-image:url("https://i0.wp.com/nmia99.org/wp-content/uploads/2026/03/pasted-1773054257424-0-7aa0.webp?fit=2004%2C351&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1196 .elementor-element.elementor-element-7f4f6d6{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-1196 .elementor-element.elementor-element-7f4f6d6 .elementor-heading-title{color:var( --e-global-color-001faeb );}@media(min-width:1025px){.elementor-1196 .elementor-element.elementor-element-050ec6f:not(.elementor-motion-effects-element-type-background), .elementor-1196 .elementor-element.elementor-element-050ec6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-1196 .elementor-element.elementor-element-dfd46ef:not(.elementor-motion-effects-element-type-background), .elementor-1196 .elementor-element.elementor-element-dfd46ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-1196 .elementor-element.elementor-element-050ec6f{--min-height:200px;}.elementor-1196 .elementor-element.elementor-element-83acf5a{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1196 .elementor-element.elementor-element-7f4f6d6{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-1196 .elementor-element.elementor-element-050ec6f{--min-height:150px;}.elementor-1196 .elementor-element.elementor-element-83acf5a{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1196 .elementor-element.elementor-element-170c533{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1196 .elementor-element.elementor-element-dfd46ef{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-51f14c9 *//* Main Container */
.nmia-friend-registration {
    max-width: 1150px;
    margin: 40px auto;
    padding: 0;
    background: #ffffff;
}

/* Form Title */
.form-main-title {
    text-align: center;
    padding: 0 0 30px 0;
    background: #ffffff;
}

.form-main-title h1 {
    font-size: 32px;
    font-weight: 800;
    color: #000;
    margin: 0;
    letter-spacing: 0.5px;
}

/* Yellow Border Container */
.form-yellow-border {
    border: 8px solid #f4b324;
    border-radius: 50px;
    padding: 45px 55px;
    background: #ffffff;
    box-shadow: 0 15px 50px rgba(244, 179, 36, 0.25);
}

/* Form Body Content */
.form-body-content {
    background: #ffffff;
}

/* Form Fields */
.form-field {
    margin-bottom: 0;
}

.form-field label,
.section-label {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-bottom: 7px;
}

.nmia-friend-registration input[type="text"],
.nmia-friend-registration input[type="email"],
.nmia-friend-registration input[type="tel"],
.nmia-friend-registration input[type="date"] {
    width: 100%;
    padding: 11px 15px;
    border: 2px solid #e8d7a8;
    border-radius: 6px;
    background: #fffdf5;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    transition: all 0.3s;
}

.nmia-friend-registration input:focus {
    outline: none;
    border-color: #f4b324;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(244, 179, 36, 0.2);
}

/* Form Rows */
.form-row-1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 22px;
}

.form-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 25px;
}

.form-row-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 22px;
}

/* Preferred Role Section */
.preferred-role-section {
    margin-bottom: 25px;
}

.checkbox-inline-role {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
}

.other-role-field {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 300px;
}

.other-role-field input[type="text"] {
    flex: 1;
}

/* Area of Interest Section */
.area-interest-section {
    margin-bottom: 25px;
}

.checkbox-inline-interest {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 10px;
}

/* Checkbox Styling */
.nmia-friend-registration .wpcf7-list-item {
    margin: 0 !important;
    padding: 0;
}

.nmia-friend-registration .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.nmia-friend-registration input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 0;
    accent-color: #f4b324;
    flex-shrink: 0;
}

/* Organization Info Section */
.org-info-section {
    text-align: left;
    margin: 35px 0 25px 0;
    padding-top: 20px;
}

.org-info-section h3 {
    font-size: 16px;
    font-weight: 800;
    color: #000;
    margin: 0 0 5px 0;
}

.org-tagline {
    font-size: 14px;
    font-style: italic;
    color: #555;
    margin: 0;
}

/* Contact Info Row */
.contact-info-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin: 20px 0 30px 0;
    padding: 15px 0;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
}

.contact-item .icon {
    font-size: 18px;
}

.contact-item .label {
    font-weight: 700;
    color: #000;
}

.contact-item a {
    color: #2271b1;
    text-decoration: none;
    transition: color 0.3s;
}

.contact-item a:hover {
    color: #f4b324;
    text-decoration: underline;
}

/* Submit Button */
.submit-wrapper {
    text-align: center;
    margin-top: 35px;
}

.nmia-friend-registration input[type="submit"] {
    background: linear-gradient(135deg, #f4b324 0%, #e6a318 100%);
    color: #000;
    padding: 14px 80px;
    border: 3px solid #d49615;
    border-radius: 35px;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(244, 179, 36, 0.5);
    letter-spacing: 3px;
}

.nmia-friend-registration input[type="submit"]:hover {
    background: linear-gradient(135deg, #e6a318 0%, #d49615 100%);
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(244, 179, 36, 0.6);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .nmia-friend-registration {
        max-width: 95%;
    }
    
    .contact-info-row {
        flex-direction: column;
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .nmia-friend-registration {
        margin: 20px 10px;
    }

    .form-main-title h1 {
        font-size: 24px;
    }

    .form-yellow-border {
        border-width: 6px;
        border-radius: 35px;
        padding: 30px 25px;
    }

    .form-row-2,
    .form-row-3 {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .checkbox-inline-role,
    .checkbox-inline-interest {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .other-role-field {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        min-width: auto;
    }

    .contact-info-row {
        flex-direction: column;
        gap: 10px;
    }

    .nmia-friend-registration input[type="submit"] {
        padding: 12px 50px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .form-main-title h1 {
        font-size: 20px;
    }

    .form-yellow-border {
        border-width: 5px;
        border-radius: 30px;
        padding: 25px 18px;
    }

    .form-field label,
    .section-label {
        font-size: 14px;
    }

    .nmia-friend-registration input[type="text"],
    .nmia-friend-registration input[type="email"],
    .nmia-friend-registration input[type="tel"],
    .nmia-friend-registration input[type="date"] {
        padding: 9px 12px;
        font-size: 13px;
    }

    .org-info-section h3 {
        font-size: 15px;
    }

    .org-tagline {
        font-size: 13px;
    }

    .contact-item {
        font-size: 13px;
    }

    .nmia-friend-registration input[type="submit"] {
        padding: 11px 40px;
        font-size: 16px;
        letter-spacing: 2px;
    }
}

/* Contact Form 7 Validation */
.nmia-friend-registration .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    margin-top: 5px;
}

.nmia-friend-registration .wpcf7-response-output {
    margin: 20px 0 0 0;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}

/* Remove Default CF7 Styling */
.nmia-friend-registration .wpcf7-form-control-wrap {
    display: block;
}

.nmia-friend-registration .wpcf7-checkbox {
    display: contents;
}/* End custom CSS */