.elementor-33 .elementor-element.elementor-element-8501376{--display:flex;--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;--background-transition:0.3s;}.elementor-33 .elementor-element.elementor-element-b49780e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-33 .elementor-element.elementor-element-f65d0ba{--display:flex;--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;--background-transition:0.3s;}.elementor-33 .elementor-element.elementor-element-30cd9f6{--display:flex;--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;--background-transition:0.3s;}.elementor-33 .elementor-element.elementor-element-af3a378{text-align:center;}.elementor-33 .elementor-element.elementor-element-af3a378 .elementor-heading-title{color:#FFFFFF;font-family:"Big Shoulders Display", Sans-serif;font-weight:600;}.elementor-33 .elementor-element.elementor-element-af3a378 > .elementor-widget-container{margin:54px 0px 20px 0px;}.elementor-33 .elementor-element.elementor-element-27ee131{--display:flex;--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;--background-transition:0.3s;}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-f65d0ba{--width:25%;}.elementor-33 .elementor-element.elementor-element-30cd9f6{--width:50%;}.elementor-33 .elementor-element.elementor-element-27ee131{--width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-144a9ba */.contact-form-row {
    background: linear-gradient(135deg, #520664, #280131);
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    border: 2px solid #ffffff; /* Added gradient light border */
}

.contact-form-col {
    padding: 0 10px;
}

.contact-form-label {
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}

/* Styling for input fields within .contact-form-label */
.contact-form-label input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    background: linear-gradient(135deg, #0B1469, #0B1469);
    color: white; /* Set text color to white */
    transform: skewX(-3deg);
    border-left: 3px solid #ff0000; /* Left border color */
    border-top: 3px solid #ff0000; /* Top border color */
    border-right: 3px solid #ffffff; /* Right border color */
    border-bottom: 3px solid #ffffff; /* Bottom border color */
}

/* Styling for select dropdowns within .contact-form-label */
.contact-form-label select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    background: linear-gradient(135deg, #0B1469, #0B1469); /* Set background to gradient */
    color: white; /* Set text color to white */
    transform: skewX(-3deg);
    border-left: 3px solid #ff0000; /* Left border color */
    border-top: 3px solid #ff0000; /* Top border color */
    border-right: 3px solid #ffffff; /* Right border color */
    border-bottom: 3px solid #ffffff; /* Bottom border color */
}

/* Styling for textareas within .contact-form-label */
.contact-form-label textarea{
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    background: linear-gradient(135deg, #0B1469, #0B1469);
    color: white; /* Set text color to white */
    transform: skewX(-2deg);
    border-left: 1px solid gray; /* Left border color */
    border-top: 1px solid gray; /* Top border color */
    border-right: 3px solid #000000; /* Right border color */
    border-bottom: 3px solid #000000; /* Bottom border color */
}

/* Styling for select dropdowns within .contact-form-label */
.contact-form-label select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    background: linear-gradient(135deg, ##0B1469, #280131); /* Set background to gradient */
    color: white; /* Set text color to white */
    transform: skewX(-2deg);
    border-left: 1px solid gray;; /* Left border color */
     border-top: 1px solid gray;/* Top border color */
    border-right: 3px solid #000000; /* Right border color */
    border-bottom: 3px solid #000000; /* Bottom border color */
}

/* Style the dropdown options */
.contact-form-label select option {
    background: linear-gradient(135deg, #520664, #280131); /* Set background to gradient */
    color: black; /* Set text color to white */
}

.wpcf7-form-control.wpcf7-submit {
    background: linear-gradient(135deg, #0B1469, #0B1469);
    color: #ffffff;
    border: none;
    padding: 8px 15px; /* Adjust padding to make the button smaller */
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px; /* Adjust font size to make the button smaller */
    max-width: 250px; /* Set a maximum width for the button */
    display: block; /* Change button display property to block */
    margin: 0 auto; /* Center the button horizontally */
    transform: skewX(-5deg);
     border-left: 1px solid gray; /* Left border color */
    border-top: 1px solid gray; /* Top border color */
    border-right: 3px solid #000000; /* Right border color */
    border-bottom: 3px solid #000000; /* Bottom border color */
}

.contact-form-label textarea {
    width: 100%; /* Adjust the width of the textarea box */
    height: 150px; /* Adjust the height of the textarea box */
    padding: 10px; /* Adjust the padding inside the textarea box */
    border-radius: 5px;
    border: none;
    background-color: #0B1469;
    color: #ffffff;
    transform: skewX(-2deg);
    border-left: 1px solid gray; /* Left border color */
    border-top: 1px solid gray; /* Top border color */
    border-right: 3px solid #000000; /* Right border color */
    border-bottom: 3px solid #000000; /* Bottom border color */
}

.wpcf7-form-control.wpcf7-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Styling for input fields placeholder */
.contact-form-label input::placeholder {
    color: white; /* Set placeholder text color to white */
}/* End custom CSS */