/* Contact Section Block Styles */
.wp-block-msb-banking-contact-section {
    background-color:#F9F9F9;
    margin:136px 0 136px 0;
}
.wp-block-msb-banking-contact-section .gform_wrapper input[type="text"], .wp-block-msb-banking-contact-section .gform_wrapper input[type="email"], .wp-block-msb-banking-contact-section .gform_wrapper input[type="tel"], .wp-block-msb-banking-contact-section .gform_wrapper select
{
    height:50px;
    padding-left: 18px;
    border-radius: 5px;
    border:1px solid #B7B7B7;
    background-color: #FFFFFF;
    box-shadow: none;
    outline: none;
    font-size:18px;
    font-weight:500;
    color:#848484;
}
.wp-block-msb-banking-contact-section .gform_wrapper .gform_footer {
    margin-top: 18px !important;
}
body .wp-block-msb-banking-contact-section .gform_wrapper input[type="submit"] {
    display:block !important;
    width:100% !important;
    text-align:center !important;
    background-color:#F90095 !important;
    color:#FFFFFF !important;
    font-size:15px !important;
    font-weight:700 !important;
    padding:17px 32px !important;
    transition: all 0.3s ease;
    border-radius: 5px !important;
    text-transform: uppercase !important;
}
body .wp-block-msb-banking-contact-section .gform_wrapper input[type="submit"]:hover {
    background-color: #F90095 !important;
    color: #000000 !important;
}
.wp-block-msb-banking-contact-section .gform_wrapper select {
    padding-top:5px;
}
.wp-block-msb-banking-contact-section .gform_wrapper .gform_fields {
    row-gap: 18px;
}
.contact-section-left {
    padding:61px 0 61px 0;
}

.contact-section-right {
    position:relative;
}

.contact-section-wrapper .flex {
    gap:170px;
}

.contact-heading-wrapper .contact-heading {
    margin-bottom: 2.4rem;
}

.contact-heading .text-primary {
    color: #D90077;
}

.contact-heading .text-secondary {
    color: #000000;
}

.contact-phone-section {
    width:280px;
    max-width:100%;
    border-radius:10px;
    border:1px solid #D2D2D2;
    padding:14px 19px 16px 19px;
    margin-top:40px;
}
.contact-phone-number {
    font-size: 30px;
    font-weight:700;
    line-height:1;
    color:#F90095;
    margin-bottom:7px;
}

.contact-phone-subtext {
    font-size:16px;
    line-height:1.0;
    color:#797979;
}

.gravity-form-container {
    position:absolute;
    right:0;
    width:100%;
    top:-51px;
    z-index:4;
    border-radius:12px;
    box-shadow: 0px 4px 25px 0px #0000001A;   
    background-color:#FFFFFF;
    padding: 32px 37px 36px 37px;
}

/* Form heading styling - editable in editor */
.form-heading-editable {
    text-align: center; 
}

/* Frontend display heading */
.form-heading-display {
    text-align: center; 
}

/* Editor-specific styling help text */
.wp-block-editor .form-heading-editable::before {
    content: "Form Heading (first 2 words will be pink)";
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 8px;
    font-weight: normal;
}
/* Special styling for the editable heading */
.contact-heading-editable {
    margin-bottom: 1.5rem;
}

.contact-heading-editable strong:first-of-type,
.contact-heading-editable span:first-of-type {
    color: #D90077 !important;
}

.contact-heading-editable strong:last-of-type,
.contact-heading-editable span:last-of-type {
    color: #000000 !important;
}

@media screen and (max-width:1240px) 
{
    .contact-section-wrapper .flex {
        gap:80px;
    }
}

@media screen and (max-width:1024px) {
    .wp-block-msb-banking-contact-section
    {
        margin:20px 0 20px 0;
    }
    .gravity-form-container
    {
        position:relative;
        height:auto;
        min-height:100px;
        max-height:none;
        overflow:visible;
        top:0;
        margin-bottom:50px;
    }
    .contact-section-left {
        margin-bottom:0;
        padding:30px 0 0 0;
    }
}
@media screen and (max-width: 768px) {
    .contact-phone-section {
        margin: 40px auto;
    }
}