.elementor-22289 .elementor-element.elementor-element-98370f4{--display:flex;--min-height:40vh;--justify-content:flex-end;--gap:0px 0px;--background-transition:0.3s;--overlay-opacity:0.78;--margin-top:072px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-22289 .elementor-element.elementor-element-98370f4:not(.elementor-motion-effects-element-type-background), .elementor-22289 .elementor-element.elementor-element-98370f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iimatm.in/wp-content/uploads/2025/05/hyderabad.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-22289 .elementor-element.elementor-element-98370f4::before, .elementor-22289 .elementor-element.elementor-element-98370f4 > .elementor-background-video-container::before, .elementor-22289 .elementor-element.elementor-element-98370f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-22289 .elementor-element.elementor-element-98370f4 > .elementor-background-slideshow::before, .elementor-22289 .elementor-element.elementor-element-98370f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22289 .elementor-element.elementor-element-98370f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #02010100 50%, #000000 100%);}.elementor-22289 .elementor-element.elementor-element-98370f4::before{filter:brightness( 90% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-22289 .elementor-element.elementor-element-98370f4, .elementor-22289 .elementor-element.elementor-element-98370f4::before{--border-transition:0.3s;}.elementor-22289 .elementor-element.elementor-element-4ed6761{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:34px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-22289 .elementor-element.elementor-element-3e216bd .elementor-heading-title{color:#FFFFFF;font-family:"Josefin Sans", Sans-serif;font-size:34px;font-weight:500;}.elementor-22289 .elementor-element.elementor-element-7fa1448{--display:flex;--background-transition:0.3s;overflow:visible;}.elementor-22289 .elementor-element.elementor-element-7fa1448.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-22289 .elementor-element.elementor-element-dfa7288 .qodef-qi-contact-form-7 label{font-family:"Josefin Sans", Sans-serif;font-size:16px;}.elementor-22289 .elementor-element.elementor-element-dfa7288 .qodef-qi-contact-form-7 .wpcf7-checkbox .wpcf7-list-item{margin-left:0;}.elementor-22289 .elementor-element.elementor-element-dfa7288 .qodef-qi-contact-form-7{text-align:left;}.elementor-22289 .elementor-element.elementor-element-dfa7288 .qodef-qi-contact-form-7 .wpcf7-not-valid-tip{text-align:left;}.elementor-22289 .elementor-element.elementor-element-dfa7288 > .elementor-widget-container{margin:30px 0px 30px 0px;}@media(min-width:768px){.elementor-22289 .elementor-element.elementor-element-7fa1448{--width:93.078%;}}@media(max-width:1024px){.elementor-22289 .elementor-element.elementor-element-3e216bd .elementor-heading-title{font-size:28px;}.elementor-22289 .elementor-element.elementor-element-dfa7288 .qodef-qi-contact-form-7 .wpcf7-checkbox .wpcf7-list-item{margin-left:0;}}@media(max-width:767px){.elementor-22289 .elementor-element.elementor-element-3e216bd .elementor-heading-title{font-size:26px;}.elementor-22289 .elementor-element.elementor-element-dfa7288 .qodef-qi-contact-form-7 .wpcf7-checkbox .wpcf7-list-item{margin-left:0;}}/* Start custom CSS for qi_addons_for_elementor_contact_form_7, class: .elementor-element-dfa7288 *//* Custom CSS to center and style the Contact Form 7 form */
.iim-contact-form-widget .wpcf7 {
    position: relative; /* Needed for positioning pseudo-elements */
    max-width: 750px; /* Slightly increased max-width for icons */
    margin-left: auto; /* Center the form horizontally */
    margin-right: auto; /* Center the form horizontally */
    padding: 40px 35px; /* Increased internal padding for more space around fields */
    background-color: #ffffff; /* Add a white background to the form area */
    border: 1px solid #f0f0f0; /* Very light grey border, almost invisible */
    border-radius: 8px; /* Slightly rounded corners for the form container */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); /* Lighter, less prominent shadow */
    overflow: hidden; /* Ensures icons don't spill out if placed inside padding area */
    z-index: 1; /* Ensure form content is above icons */
}

/* Ensure form elements inherit consistent typography */
.iim-contact-form-widget .wpcf7-form label,
.iim-contact-form-widget .wpcf7-form input[type="text"],
.iim-contact-form-widget .wpcf7-form input[type="email"],
.iim-contact-form-widget .wpcf7-form input[type="tel"],
.iim-contact-form-widget .wpcf7-form textarea,
.iim-contact-form-widget .wpcf7-form select,
.iim-contact-form-widget .wpcf7-submit,
.iim-contact-form-widget .wpcf7-list-item label {
    margin-top: 15px;
    font-family: "Josefin Sans", sans-serif; /* Apply your site's main font. Adjust if different. */
    color: #333333; /* Default text color for consistency */
}

/* Specific styling for input fields and textareas */
.iim-contact-form-widget .wpcf7-form input[type="text"],
.iim-contact-form-widget .wpcf7-form input[type="email"],
.iim-contact-form-widget .wpcf7-form input[type="tel"],
.iim-contact-form-widget .wpcf7-form textarea,
.iim-contact-form-widget .wpcf7-form select {
    margin-top: 0px !Important; 
    width: 100%; /* Make fields take full available width */
    padding: 12px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    font-size: 15px;
    background-color: #f9f9f9;
    box-sizing: border-box; /* Important for consistent sizing */
}

/* Focus state for inputs */
.iim-contact-form-widget .wpcf7-form input[type="text"]:focus,
.iim-contact-form-widget .wpcf7-form input[type="email"]:focus,
.iim-contact-form-widget .wpcf7-form input[type="tel"]:focus,
.iim-contact-form-widget .wpcf7-form textarea:focus,
.iim-contact-form-widget .wpcf7-form select:focus {
    border-color: #66afe9; /* A professional blue on focus */
    outline: none;
    box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
}
.wpcf7 p:last-of-type{
    margin-top: 15px;
}

/* Submit button styling */
.iim-contact-form-widget .wpcf7-submit {
    display: inline-block !important; /* FORCED: Make it inline with the spinner, important for stubborn themes */
    width: auto; /* Let it size based on content */
    min-width: 180px; /* Ensure a minimum width */
    padding: 12px 25px;
    margin-top: 12px; /* Reduced top margin for submit button */
    background-color: #007bff; /* Primary brand blue */
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    vertical-align: middle !important; /* FORCED: Align with spinner */
}

.iim-contact-form-widget .wpcf7-submit:hover {
    background-color: #0056b3; /* Darker blue on hover */
    transform: translateY(-2px); /* Slight lift effect */
}

/* Styling for the radio button question text (e.g., "Are you a member of IIM?") */
.iim-contact-form-widget .iim-radio-question {
    display: block; /* Ensures it behaves like a block label */
    font-family: "Josefin Sans", sans-serif; /* Match overall typography */
    font-size: 16px; /* Match label font size */
    color: #333333; /* Match label color */
    font-weight: 600; /* Keep it bold */
    line-height: 1.5; /* Ensure consistent line height */
}

/* Styling for individual radio options */
.iim-contact-form-widget .wpcf7-list-item {
    margin-right: 20px;
    display: inline-block;
}

.iim-contact-form-widget .wpcf7-list-item label {
    font-weight: normal; /* Labels for options are usually normal weight */
    font-size: 15px;
    margin-bottom: 0;
    cursor: pointer;
}

.iim-contact-form-widget .wpcf7-list-item input[type="radio"] {
    width: auto;
    margin-right: 8px;
    vertical-align: middle;
    margin-bottom: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

/* Conditional field wrapper styling (hidden by default) */
.iim-contact-form-widget .your-iim-member-type-wrapper {
    /* No display: none here, as its parent 'iim-member-specific-fields' will control visibility */
    margin-top: 20px; /* Added top spacing for this field */
}

/* Style for the Contact Form 7 spinner/loader */
.iim-contact-form-widget .wpcf7-spinner {
    display: inline-block !important; /* FORCED: Make it inline with the button */
    margin-left: 10px !important; /* FORCED: Space between button and spinner */
    vertical-align: middle !important; /* FORCED: Align it with the button */
    /* Adjust spinner size/color if needed, typically handled by CF7's own CSS */
}


/* --- Icon Styling and Animation (Desktop & Tablet) --- */

/* Keyframe animation for subtle up and down movement */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0px); }
}

/* Common styles for both pseudo-elements (icons) */
.iim-contact-form-widget .wpcf7::before,
.iim-contact-form-widget .wpcf7::after {
    content: ''; /* Placeholder for content */
    position: absolute;
    font-size: 60px; /* Adjust icon size as needed */
    color: rgba(0, 0, 0, 0.03); /* Very faint, light grey color for subtlety */
    z-index: 0; /* Ensures icons are behind the form content */
    animation: float 4s ease-in-out infinite; /* Apply the float animation */
    pointer-events: none; /* Make icons unclickable */
    user-select: none; /* Prevent text selection */
}

/* Left Icon */
.iim-contact-form-widget .wpcf7::before {
    content: "⚙️"; /* Gear icon (Unicode character) */
    left: -20px; /* Adjusted position to be closer to the form */
    top: 20%; /* Vertical position */
    animation-delay: 0s; /* Start immediately */
}

/* Right Icon */
.iim-contact-form-widget .wpcf7::after {
    content: "📊"; /* Bar Chart icon (Unicode character) */
    right: -20px; /* Adjusted position to be closer to the form */
    top: 60%; /* Vertical position */
    animation-delay: 1.5s; /* Stagger the animation start */
}


/* --- Responsive Adjustments --- */

@media (min-width: 769px) { /* Desktop styles */
    .iim-contact-form-widget .wpcf7::before {
        left: -40px; /* More space for icon on desktop */
    }
    .iim-contact-form-widget .wpcf7::after {
        right: -40px; /* More space for icon on desktop */
    }
}

@media (max-width: 768px) { /* Tablet styles */
    .iim-contact-form-widget .wpcf7 {
        padding: 30px 25px; /* Adjust padding on tablets */
        max-width: 90%; /* Allow it to take more width on tablets */
    }
    .iim-contact-form-widget .wpcf7::before,
    .iim-contact-form-widget .wpcf7::after {
        font-size: 50px; /* Slightly smaller icons on tablets */
        display: block; /* Ensure they are still visible on tablets */
        /* Adjust positioning for tablets */
        left: -15px;
        right: -15px;
    }
}

@media (max-width: 480px) { /* Mobile styles */
    .iim-contact-form-widget .wpcf7 {
        padding: 25px 20px; /* Adjust padding on mobile */
        max-width: 95%; /* Almost full width on very small screens */
    }
    .iim-contact-form-widget .wpcf7-submit {
        width: 100%; /* Make button full width on small mobiles */
        min-width: unset;
    }
    /* Hide icons completely on very small screens */
    .iim-contact-form-widget .wpcf7::before,
    .iim-contact-form-widget .wpcf7::after {
        display: none;
    }
}

/* Conditional group styling for Organization Name */
.conditional-group[data-id="organization-group"] {
    display: none;
    margin-top: 25px; /* Space above the Organization Name field */
}

/* Conditional group for IIM Member specific fields */
.conditional-group[data-id="iim-member-specific-fields"] {
    display: none; /* Hidden by default */
    margin-top: 25px; /* Space above this group when it appears */
    margin-bottom: 25px; /* Space below this group when it appears, before DOB or other fields */
}

/* Conditional group for Date of Birth */
.conditional-group[data-id="dob-group"] {
    margin-top: 25px; /* Space above Date of Birth field */
    margin-bottom: 25px; /* Space below Date of Birth field (before Correspondence Address) */
}


/* Styling for validation error messages ("Please fill out this field") */
.iim-contact-form-widget .wpcf7-not-valid-tip {
    margin-top: 0 !important; /* FORCED: No top margin for individual field errors */
    padding-top: 0 !important; /* FORCED: Ensure no top padding for individual field errors */
    font-size: 13px; /* Adjust font size if needed for readability */
    color: #dc3545; /* Standard error red color */
    display: block; /* Ensure it takes up its own line */
}

/* Styling for the general form response messages (success, error, etc.) */
.iim-contact-form-widget .wpcf7-response-output {
     /* FORCED: Forces the message to appear on its own line */
    clear: both !important; /* FORCED: Ensures it clears any floats (like the submit button) */
    margin-top: 30px !important; /* FORCED: Space below the submit button */
    padding: 10px 15px !important; /* FORCED: This provides 10px top and bottom padding, and 15px left/right */
    border-radius: 4px; /* Slightly rounded corners */
    font-size: 15px; /* Consistent font size */
    text-align: center; /* Center the message text */
    /* CF7 adds default background-color, border-color, and text-color for error/success states.
       You can customize them here if you want to override CF7's defaults:
       background-color: #ffebe8; /* Example: light red for errors */
       border: 1px solid #c00; /* Example: red border for errors */
       color: #c00; /* Example: darker red text for errors */
    */
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    top:10px !important;
}
.wpcf7 form.sent .wpcf7-response-output{
    top: 10px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fa1448 */.qodef-qi-contact-form-7 .wpcf7-spinner{
    position: absolute !important;
    right: 0 !important;
    margin: 10px 0 0;
    left: 220px !important;
    bottom: 50px !important;
}/* End custom CSS */