.elementor-295 .elementor-element.elementor-element-71d37df{--display:flex;--min-height:100vh;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-295 .elementor-element.elementor-element-71d37df:not(.elementor-motion-effects-element-type-background), .elementor-295 .elementor-element.elementor-element-71d37df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bekopromos.co.za/wp-content/uploads/2026/11/Asset-1Assets.webp");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-295 .elementor-element.elementor-element-fe7c5ed{--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;}.elementor-widget-image .widget-image-caption{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-295 .elementor-element.elementor-element-d1d3a2d{text-align:start;}.elementor-295 .elementor-element.elementor-element-91ade11{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-295 .elementor-element.elementor-element-c75fd71 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#000000;}.elementor-295 .elementor-element.elementor-element-00559d2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:200px;font-weight:600;color:#007BBB;}.elementor-295 .elementor-element.elementor-element-7f81d34 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;color:#000000;}.elementor-295 .elementor-element.elementor-element-d6886c3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-295 .elementor-element.elementor-element-0199e9a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:600;color:#000000;}.elementor-295 .elementor-element.elementor-element-1cbc3a3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#000000;}.elementor-295 .elementor-element.elementor-element-012cb44{text-align:start;}.elementor-295 .elementor-element.elementor-element-20d3f4a{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-295 .elementor-element.elementor-element-c75fd71 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-295 .elementor-element.elementor-element-c75fd71 .elementor-heading-title{font-size:41px;}.elementor-295 .elementor-element.elementor-element-00559d2 .elementor-heading-title{font-size:114px;}.elementor-295 .elementor-element.elementor-element-7f81d34 .elementor-heading-title{font-size:42px;}.elementor-295 .elementor-element.elementor-element-d6886c3 .elementor-heading-title{font-size:13px;}.elementor-295 .elementor-element.elementor-element-0199e9a .elementor-heading-title{font-size:13px;}.elementor-295 .elementor-element.elementor-element-1cbc3a3 .elementor-heading-title{font-size:13px;}}@media(max-width:767px){.elementor-295 .elementor-element.elementor-element-71d37df:not(.elementor-motion-effects-element-type-background), .elementor-295 .elementor-element.elementor-element-71d37df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:0px auto;}.elementor-295 .elementor-element.elementor-element-71d37df{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-295 .elementor-element.elementor-element-d1d3a2d{text-align:center;}.elementor-295 .elementor-element.elementor-element-91ade11{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-295 .elementor-element.elementor-element-c75fd71 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-295 .elementor-element.elementor-element-c75fd71 .elementor-heading-title{font-size:38px;}.elementor-295 .elementor-element.elementor-element-7f81d34 .elementor-heading-title{font-size:40px;}.elementor-295 .elementor-element.elementor-element-20d3f4a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-295 .elementor-element.elementor-element-9c34e9e > .elementor-widget-container{padding:20px 20px 20px 20px;}}@media(min-width:768px){.elementor-295 .elementor-element.elementor-element-fe7c5ed{--width:100%;}.elementor-295 .elementor-element.elementor-element-91ade11{--width:50%;}.elementor-295 .elementor-element.elementor-element-20d3f4a{--width:35%;}}/* Start custom CSS for shortcode, class: .elementor-element-9c34e9e *//* =========================================================
   BEKO PROMO FORM
   GRAVITY FORM ID 4
   STYLE ONLY - NO FIXED FIELD HEIGHTS
========================================================= */


/* =========================================================
   FORM WRAPPER
========================================================= */

#gform_wrapper_4 {
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    color: #222;
}


/* =========================================================
   FORM GRID / SPACING
========================================================= */

#gform_wrapper_4 .gform_fields {
    row-gap: 12px !important;
}

#gform_wrapper_4 .gfield {
    margin: 0 !important;
}


/* =========================================================
   MAIN LABELS
========================================================= */

#gform_wrapper_4 .gfield_label,
#gform_wrapper_4 .gform-field-label {
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #222 !important;
    margin-bottom: 6px !important;
}


/* =========================================================
   INPUTS / SELECTS / TEXTAREAS
========================================================= */

#gform_wrapper_4 input[type="text"],
#gform_wrapper_4 input[type="email"],
#gform_wrapper_4 input[type="tel"],
#gform_wrapper_4 input[type="number"],
#gform_wrapper_4 input[type="date"],
#gform_wrapper_4 select,
#gform_wrapper_4 textarea {
    width: 100% !important;

    background: #fff !important;
    color: #333 !important;

    border: 1px solid #7c7c7c !important;
    border-radius: 7px !important;

    box-shadow: none !important;
    outline: none !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    padding-left: 16px !important;
    padding-right: 16px !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

#gform_wrapper_4 input::placeholder,
#gform_wrapper_4 textarea::placeholder {
    color: #444 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}


/* =========================================================
   SELECT DROPDOWNS
========================================================= */

#gform_wrapper_4 select {
    cursor: pointer !important;
    color: #444 !important;
}


/* =========================================================
   FIELD FOCUS
========================================================= */

#gform_wrapper_4 input[type="text"]:focus,
#gform_wrapper_4 input[type="email"]:focus,
#gform_wrapper_4 input[type="tel"]:focus,
#gform_wrapper_4 input[type="number"]:focus,
#gform_wrapper_4 input[type="date"]:focus,
#gform_wrapper_4 select:focus,
#gform_wrapper_4 textarea:focus {
    border-color: #333 !important;
    box-shadow: 0 0 0 1px #333 !important;
}


/* =========================================================
   FILE UPLOAD
========================================================= */

#gform_wrapper_4 input[type="file"] {
    width: 100% !important;

    background: #fff !important;
    color: #333 !important;

    border: 1px solid #7c7c7c !important;
    border-radius: 7px !important;

    font-family: inherit !important;
    font-size: 13px !important;

    padding: 7px 12px !important;

    box-shadow: none !important;
}


/* File upload button */

#gform_wrapper_4 input[type="file"]::file-.elementor-295 .elementor-element.elementor-element-9c34e9e-button {
    border: 0 !important;
    background: transparent !important;
    color: #333 !important;

    font-family: inherit !important;
    font-size: 13px !important;

    padding: 0 12px 0 0 !important;
    margin-right: 8px !important;

    cursor: pointer !important;
}


/* =========================================================
   DESCRIPTIONS / FILE TYPE TEXT
========================================================= */

#gform_wrapper_4 .gfield_description,
#gform_wrapper_4 .gform_fileupload_rules {
    font-family: inherit !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    color: #444 !important;

    margin-top: 5px !important;
    padding: 0 !important;
}


/* =========================================================
   CHECKBOXES
========================================================= */

#gform_wrapper_4 .gchoice {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}


#gform_wrapper_4 input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;

    margin: 0 !important;

    accent-color: #078bc4;
    cursor: pointer !important;
}


#gform_wrapper_4 .gchoice label {
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #333 !important;

    margin: 0 !important;
}


/* =========================================================
   REQUIRED TEXT
========================================================= */

#gform_wrapper_4 .gfield_required {
    font-size: 10px !important;
    font-weight: 400 !important;
    color: #333 !important;
}


/* =========================================================
   SUBMIT AREA
========================================================= */

#gform_wrapper_4 .gform_footer {
    padding: 18px 0 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

#gform_wrapper_4 .gform_button,
#gform_wrapper_4 input[type="submit"] {
    width: auto !important;

    background: #078bc4 !important;
    color: #fff !important;

    border: none !important;
    border-radius: 7px !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    padding: 10px 18px !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease !important;
}


#gform_wrapper_4 .gform_button:hover,
#gform_wrapper_4 input[type="submit"]:hover {
    background: #0577a7 !important;
}


/* =========================================================
   VALIDATION / ERRORS
========================================================= */

#gform_wrapper_4 .gfield_error input,
#gform_wrapper_4 .gfield_error select,
#gform_wrapper_4 .gfield_error textarea {
    border-color: #d63638 !important;
}


#gform_wrapper_4 .validation_message {
    color: #d63638 !important;
    font-size: 11px !important;
    margin-top: 4px !important;
}


/* =========================================================
   REMOVE UNNECESSARY DEFAULT GRAVITY FORMS SPACING
========================================================= */

#gform_wrapper_4 .ginput_container {
    margin-top: 0 !important;
}


#gform_wrapper_4 .gfield_description:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    #gform_wrapper_4 .gform_fields {
        row-gap: 10px !important;
    }

    #gform_wrapper_4 input[type="text"],
    #gform_wrapper_4 input[type="email"],
    #gform_wrapper_4 input[type="tel"],
    #gform_wrapper_4 input[type="number"],
    #gform_wrapper_4 input[type="date"],
    #gform_wrapper_4 select,
    #gform_wrapper_4 textarea {
        font-size: 14px !important;
    }
}/* End custom CSS */