.elementor-3688 .elementor-element.elementor-element-588401c{--display:flex;--min-height:220px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.19;}.elementor-3688 .elementor-element.elementor-element-588401c:not(.elementor-motion-effects-element-type-background), .elementor-3688 .elementor-element.elementor-element-588401c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46a0662 );background-image:url("https://stcoverseas.com.bd/wp-content/uploads/2025/06/Study-Abroad.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-3688 .elementor-element.elementor-element-588401c::before, .elementor-3688 .elementor-element.elementor-element-588401c > .elementor-background-video-container::before, .elementor-3688 .elementor-element.elementor-element-588401c > .e-con-inner > .elementor-background-video-container::before, .elementor-3688 .elementor-element.elementor-element-588401c > .elementor-background-slideshow::before, .elementor-3688 .elementor-element.elementor-element-588401c > .e-con-inner > .elementor-background-slideshow::before, .elementor-3688 .elementor-element.elementor-element-588401c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-c5834f4 );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3688 .elementor-element.elementor-element-73a97b7.elementor-element{--align-self:center;}.elementor-3688 .elementor-element.elementor-element-73a97b7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:57px;font-weight:600;color:var( --e-global-color-becdfdf );}.elementor-3688 .elementor-element.elementor-element-4e665b2{--display:flex;--min-height:616px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-3688 .elementor-element.elementor-element-4e665b2:not(.elementor-motion-effects-element-type-background), .elementor-3688 .elementor-element.elementor-element-4e665b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-becdfdf );}@media(max-width:1366px){.elementor-3688 .elementor-element.elementor-element-588401c{--min-height:180px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3688 .elementor-element.elementor-element-73a97b7 .elementor-heading-title{font-size:36px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3688 .elementor-element.elementor-element-73a97b7 .elementor-heading-title{font-size:34px;}}@media(max-width:767px){.elementor-3688 .elementor-element.elementor-element-588401c{--min-height:78px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3688 .elementor-element.elementor-element-73a97b7 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for shortcode, class: .elementor-element-437081b *//* Main form container */
.contact-form-container {
    background: #fff; /* Set background to white */
    color: #333; /* Set text color */
    padding: 30px 20px; /* Increased padding for better spacing */
    margin: 0 auto; /* Center the form without extra top space */
    text-align: center;
    border-radius: 12px; /* Rounded corners */
    max-width: 450px; /* Form width */
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2); /* Increased shadow size and intensity */
    font-family: 'Roboto', sans-serif; /* Set a modern font */
    border: 2px solid #ddd; /* Add border around form */
    transition: all 0.3s ease; /* Smooth transition */
}

/* Form hover effect */
.contact-form-container:hover {
    border-color: #4e2a84; /* Border color on hover */
}

/* Heading style */
.contact-form-container h2 {
    font-size: 24px; /* Larger font size for the title */
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
    margin-bottom: 20px; /* Increased margin for more space */
}

/* Label style */
.contact-form-container label {
    display: block;
    text-align: left;
    font-size: 15px; /* Slightly larger font size */
    margin: 10px 0; /* Spacing between fields */
    font-family: 'Roboto', sans-serif;
}

/* Input field style */
.contact-form-container input, .contact-form-container select {
    width: 100%;
    padding: 12px; /* More padding for larger inputs */
    margin: 8px 0 20px; /* Added margin to space out the inputs */
    border-radius: 8px;
    border: 2px solid #ddd;
    font-size: 15px; /* Slightly larger font size */
    color: #333;
    transition: all 0.3s ease;
}

/* Remove the red focus effect */
.contact-form-container input:focus, .contact-form-container select:focus {
    border-color: #4e2a84; /* Change border color to purple on focus */
    outline: none; /* Remove outline */
    box-shadow: none; /* Remove box-shadow effect */
}

/* Submit button style */
.contact-form-container input[type="submit"] {
    background-color: #3429ff;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 18px; /* Increased font size for readability */
    padding: 15px; /* Larger padding for button */
    border-radius: 8px;
    width: 100%;
    transition: background-color 0.3s ease;
}

/* Submit button hover effect */
.contact-form-container input[type="submit"]:hover {
    background-color: #6a3d9c; /* Button hover background color */
    border-color: #6a3d9c; /* Add border on button hover */
}

/* Responsive Design */
@media (max-width: 600px) {
    .contact-form-container {
        padding: 20px; /* Adjust padding for smaller screens */
    }

    .contact-form-container h2 {
        font-size: 22px; /* Reduced font size for mobile */
    }

    .contact-form-container input, .contact-form-container select {
        padding: 10px; /* Slightly smaller padding for mobile */
    }

    .contact-form-container input[type="submit"] {
        padding: 12px; /* Adjusted padding for mobile */
    }
}
/* Main form container */
.contact-form-container {
    background: #fff; /* Set background to white */
    color: #333; /* Set text color */
    padding: 20px 15px; /* Reduced padding for shorter height */
    margin: 0 auto; /* Center the form without extra top space */
    text-align: center;
    border-radius: 12px; /* Rounded corners */
    max-width: 450px; /* Form width */
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2); /* Increased shadow size and intensity */
    font-family: 'Roboto', sans-serif; /* Set a modern font */
    border: 2px solid #ddd; /* Add border around form */
    transition: all 0.3s ease; /* Smooth transition */
}

/* Form hover effect */
.contact-form-container:hover {
    border-color: #4e2a84; /* Border color on hover */
}

/* Heading style */
.contact-form-container h2 {
    font-size: 22px; /* Slightly smaller font size for a more compact look */
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
    margin-bottom: 15px; /* Reduced margin */
}

/* Label style */
.contact-form-container label {
    display: block;
    text-align: left;
    font-size: 14px; /* Slightly smaller font size */
    margin: 6px 0; /* Reduced margin between fields */
    font-family: 'Roboto', sans-serif;
}

/* Input field style */
.contact-form-container input, .contact-form-container select {
    width: 100%;
    padding: 8px; /* Reduced padding for shorter height */
    margin: 6px 0 12px; /* Reduced margin between fields */
    border-radius: 8px;
    border: 2px solid #ddd;
    font-size: 14px; /* Smaller font size */
    color: #333;
    transition: all 0.3s ease;
}

/* Remove the red focus effect */
.contact-form-container input:focus, .contact-form-container select:focus {
    border-color: #4e2a84; /* Change border color to purple on focus */
    outline: none; /* Remove outline */
    box-shadow: none; /* Remove box-shadow effect */
}

/* Submit button style */
.contact-form-container input[type="submit"] {
    background-color: #3429ff;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px; /* Smaller font size */
    padding: 10px; /* Reduced padding */
    border-radius: 8px;
    width: 100%;
    transition: background-color 0.3s ease;
}

/* Submit button hover effect */
.contact-form-container input[type="submit"]:hover {
    background-color: #6a3d9c; /* Button hover background color */
    border-color: #6a3d9c; /* Add border on button hover */
}

/* Responsive Design */
@media (max-width: 600px) {
    .contact-form-container {
        padding: 15px; /* Adjust padding for smaller screens */
    }

    .contact-form-container h2 {
        font-size: 20px; /* Reduced font size for mobile */
    }

    .contact-form-container input, .contact-form-container select {
        padding: 8px; /* Slightly smaller padding for mobile */
    }

    .contact-form-container input[type="submit"] {
        padding: 10px; /* Adjusted padding for mobile */
    }
}/* End custom CSS */