.elementor-20 .elementor-element.elementor-element-e1c992a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-type-html{padding-bottom:0px;}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-button[type="submit"]{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7f36e69{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-e1c992a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-e1c992a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for form, class: .elementor-element-7f36e69 *//* =========================================
   GHANI BRANDING AGENCY
   ELEMENTOR CONTACT FORM
========================================= */

/* MAIN FORM BOX */
.elementor-20 .elementor-element.elementor-element-7f36e69 {
    --gba-form-dark: #242426;
    --gba-form-text: #5f6067;
    --gba-form-muted: #898a91;
    --gba-form-white: #ffffff;
    --gba-form-border: #e0e4e6;

    --gba-form-green: #00a97b;
    --gba-form-blue: #0095d9;
    --gba-form-purple: #7c3fa0;

    padding: 42px;

    border: 1px solid var(--gba-form-border);
    border-radius: 20px;

    background: var(--gba-form-white);

    box-shadow:
        0 20px 50px rgba(36, 36, 38, 0.08);
}


/* =========================================
   FORM
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-form {
    display: flex;
    flex-direction: column;
}


/* FIELD GROUP SPACING */
.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-group {
    margin-bottom: 18px !important;
}


/* =========================================
   LABELS
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-label {
    margin-bottom: 7px !important;

    color: var(--gba-form-dark) !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}


/* REQUIRED STAR */
.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-mark-required .elementor-field-label:after,
.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-label .required {
    color: var(--gba-form-green) !important;
}


/* =========================================
   INPUTS
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 input.elementor-field,
.elementor-20 .elementor-element.elementor-element-7f36e69 select.elementor-field,
.elementor-20 .elementor-element.elementor-element-7f36e69 textarea.elementor-field {

    width: 100% !important;

    border:
        1px solid var(--gba-form-border) !important;

    border-radius: 9px !important;

    outline: none !important;

    color:
        var(--gba-form-dark) !important;

    background:
        #fafbfb !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    box-shadow: none !important;

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* TEXT + EMAIL + PHONE + SELECT */
.elementor-20 .elementor-element.elementor-element-7f36e69 input.elementor-field,
.elementor-20 .elementor-element.elementor-element-7f36e69 select.elementor-field {

    min-height: 51px !important;
    padding: 0 15px !important;
}


/* TEXTAREA */
.elementor-20 .elementor-element.elementor-element-7f36e69 textarea.elementor-field {

    min-height: 125px !important;

    padding: 14px 15px !important;

    resize: vertical;
}


/* =========================================
   PLACEHOLDER
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 input.elementor-field::placeholder,
.elementor-20 .elementor-element.elementor-element-7f36e69 textarea.elementor-field::placeholder {

    color: #aaaeb2 !important;
    opacity: 1;
}


/* =========================================
   INPUT FOCUS
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 input.elementor-field:focus,
.elementor-20 .elementor-element.elementor-element-7f36e69 select.elementor-field:focus,
.elementor-20 .elementor-element.elementor-element-7f36e69 textarea.elementor-field:focus {

    border-color:
        rgba(0, 169, 123, 0.55) !important;

    background:
        var(--gba-form-white) !important;

    box-shadow:
        0 0 0 3px
        rgba(0, 169, 123, 0.07) !important;
}


/* =========================================
   SELECT DROPDOWN
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 select.elementor-field {

    cursor: pointer;

    color:
        var(--gba-form-text) !important;
}


/* =========================================
   SUBMIT BUTTON AREA
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-type-submit {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
}


/* SUBMIT BUTTON */
.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-button[type="submit"] {

    width: 100% !important;

    min-height: 55px !important;

    padding:
        0 22px !important;

    border: 0 !important;
    border-radius: 9px !important;

    color:
        var(--gba-form-white) !important;

    background:
        var(--gba-form-dark) !important;

    box-shadow:
        0 13px 30px
        rgba(36, 36, 38, 0.16) !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    cursor: pointer;

    transition:
        background-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease !important;
}


/* BUTTON HOVER */
.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-button[type="submit"]:hover {

    color:
        var(--gba-form-white) !important;

    background:
        var(--gba-form-green) !important;

    box-shadow:
        0 17px 35px
        rgba(0, 169, 123, 0.22) !important;

    transform:
        translateY(-2px);
}


/* BUTTON FOCUS */
.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-button[type="submit"]:focus {

    outline:
        3px solid
        rgba(0, 149, 217, 0.25) !important;

    outline-offset: 3px;
}


/* =========================================
   BUTTON ICON
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-button-icon {

    margin-left: 8px !important;

    transition:
        transform 0.3s ease;
}

.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-button:hover
.elementor-button-icon {

    transform:
        translateX(4px);
}


/* =========================================
   SUCCESS MESSAGE
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-message-success {

    margin-top: 16px !important;
    padding: 13px 15px !important;

    border:
        1px solid
        rgba(0, 169, 123, 0.18);

    border-radius: 8px;

    color:
        var(--gba-form-green) !important;

    background:
        rgba(0, 169, 123, 0.07);

    font-size: 12px !important;
    font-weight: 600;
}


/* =========================================
   ERROR MESSAGE
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-message-danger,
.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-message.elementor-help-inline {

    color: #d93838 !important;

    font-size: 11px !important;
    font-weight: 600;
}


/* INVALID FIELD */
.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field.elementor-error {

    border-color:
        rgba(217, 56, 56, 0.5) !important;

    background:
        rgba(217, 56, 56, 0.025) !important;
}


/* =========================================
   REMOVE DEFAULT ELEMENTOR ODD SPACING
========================================= */

.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-form-fields-wrapper {

    margin:
        0 !important;
}

.elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-group {

    padding:
        0 !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 620px) {

    .elementor-20 .elementor-element.elementor-element-7f36e69 {

        padding:
            29px 20px;

        border-radius:
            16px;
    }

    .elementor-20 .elementor-element.elementor-element-7f36e69 .elementor-field-group {

        margin-bottom:
            16px !important;
    }

    .elementor-20 .elementor-element.elementor-element-7f36e69 input.elementor-field,
    .elementor-20 .elementor-element.elementor-element-7f36e69 select.elementor-field {

        min-height:
            50px !important;
    }

    .elementor-20 .elementor-element.elementor-element-7f36e69 textarea.elementor-field {

        min-height:
            120px !important;
    }

}/* End custom CSS */