.elementor-3696 .elementor-element.elementor-element-5050bdd{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3696 .elementor-element.elementor-element-5050bdd:not(.elementor-motion-effects-element-type-background), .elementor-3696 .elementor-element.elementor-element-5050bdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.sapporobeer.sg/wp-content/uploads/2025/05/submission-bg.jpg");background-position:top center;background-repeat:no-repeat;background-size:1920px auto;}.elementor-3696 .elementor-element.elementor-element-b2f42e3{--display:flex;--padding-top:8%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:1;}.elementor-3696 .elementor-element.elementor-element-bd2769c{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-3696 .elementor-element.elementor-element-b248a17{z-index:2;text-align:center;}.elementor-3696 .elementor-element.elementor-element-b248a17 .elementor-heading-title{font-size:100px;font-weight:700;text-transform:uppercase;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#FEE700;stroke:#FEE700;text-shadow:0px 4px 16.5px rgba(254, 231.0000000000001, 0, 0.7);color:var( --e-global-color-079679d );}.elementor-3696 .elementor-element.elementor-element-87ed5f1 img{width:280px;}.elementor-3696 .elementor-element.elementor-element-cf8bfc1{--display:flex;--margin-top:0px;--margin-bottom:170px;--margin-left:0px;--margin-right:0px;}.elementor-3696 .elementor-element.elementor-element-cf8bfc1.e-con{--align-self:center;}.elementor-3696 .elementor-element.elementor-element-3e9d464 > .elementor-widget-container{padding:80px 0px 0px 0px;}.elementor-3696 .elementor-element.elementor-element-3e9d464{text-align:center;}.elementor-3696 .elementor-element.elementor-element-3e9d464 .elementor-heading-title{font-size:50px;font-weight:700;line-height:1.2;color:#FFFFFF;}@media(max-width:1024px){.elementor-3696 .elementor-element.elementor-element-5050bdd:not(.elementor-motion-effects-element-type-background), .elementor-3696 .elementor-element.elementor-element-5050bdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:1280px auto;}.elementor-3696 .elementor-element.elementor-element-5050bdd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3696 .elementor-element.elementor-element-bd2769c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3696 .elementor-element.elementor-element-b248a17 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-3696 .elementor-element.elementor-element-b248a17 .elementor-heading-title{font-size:70px;}.elementor-3696 .elementor-element.elementor-element-87ed5f1 img{width:160px;}.elementor-3696 .elementor-element.elementor-element-cf8bfc1{--z-index:99;}.elementor-3696 .elementor-element.elementor-element-3e9d464 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-3696 .elementor-element.elementor-element-5050bdd:not(.elementor-motion-effects-element-type-background), .elementor-3696 .elementor-element.elementor-element-5050bdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:768px auto;}.elementor-3696 .elementor-element.elementor-element-b248a17 .elementor-heading-title{font-size:45px;}.elementor-3696 .elementor-element.elementor-element-87ed5f1 img{width:120px;}.elementor-3696 .elementor-element.elementor-element-cf8bfc1{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-3696 .elementor-element.elementor-element-3e9d464 .elementor-heading-title{font-size:28px;}}/* Start custom CSS for shortcode, class: .elementor-element-52daf89 *//* Style for form container */
.frm_forms {
    background-color: rgba(0, 0, 0, 0); 
}

/* Style for input fields */
.frm_forms input[type="text"], 
.frm_forms input[type="email"], 
.frm_forms input[type="number"], 
.frm_forms select, 
.frm_forms input[type="file"] {
    background-color: rgba(255, 255, 255, 0); 
    border: 2px solid #f5aa19; 
    border-radius: 25px;
    padding: 15px;
    color: #f5aa19 !important;
}


.frm_forms input[type="text"]::placeholder, .frm_forms input[type="email"]::placeholder, .frm_forms input[type="number"]::placeholder, .frm_forms select::placeholder, .frm_forms input[type="file"]::placeholder { 
    
    color: #f5aa19 !important;
}

/* Style for the file upload field */
.frm_forms .frm_upload_file {
    
    background-color: rgba(255, 255, 255, 0.3); 
    border: 2px dashed rgba(255, 215, 0, 0.8); 
}



.frm_forms select option { 
    
    color: #f5aa19 !important;
    background-color: rgba(255, 255, 255, 0.9); }




select.frm_select::placeholder { color: #f5aa19 !important; }


/* Style for input fields on hover */ 
.frm_forms input[type="text"]:hover, 
.frm_forms input[type="email"]:hover, 
.frm_forms input[type="number"]:hover, 
.frm_forms select:hover,
.frm_forms input[type="file"]:hover { 
    
    background-color: rgba(255, 255, 255, 0); 
     border: 2px solid #f5aa19; 
}

/* Ensure text color on focus */

.frm_forms input[type="text"]:focus, 
.frm_forms input[type="email"]:focus, 
.frm_forms input[type="number"]:focus, 
.frm_forms select:focus,
.frm_forms input[type="file"]:focus { 
    
    color: #f5aa19 !important;
    background-color: rgba(255, 255, 255, 0) !important; 
    border: 2px solid #f5aa19 !important; 
}




/* Style for the file upload field */
.frm_dropzone .dz-message {
    
    width: 100%;
    background-color: #000000; 
    border: 2px dashed #f5aa19; 
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    color: #f5aa19; 
}


/*hide label */
.with_frm_style
.frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top {
    
    display:none;
}

/*style for submit button*/
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { 
    background-color: #f5aa19; 
color: #333333; padding: 15px 30px; 
border: none;
border-radius: 25px; 
font-size: 16px; 
font-weight: bold; 
text-transform: uppercase; 
cursor: pointer; 
transition: background-color 0.3s ease;  }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-facbea4 *//* Style for form container */
.frm_forms {
    background-color: rgba(0, 0, 0, 0); 
}

/* Style for input fields */
.frm_forms input[type="text"], 
.frm_forms input[type="email"], 
.frm_forms input[type="number"], 
.frm_forms select, 
.frm_forms input[type="file"] {
    background-color: rgba(255, 255, 255, 0); 
    border: 2px solid #f5aa19; 
    border-radius: 25px;
    padding: 15px;
    color: #f5aa19 !important;
}


.frm_forms input[type="text"]::placeholder, .frm_forms input[type="email"]::placeholder, .frm_forms input[type="number"]::placeholder, .frm_forms select::placeholder, .frm_forms input[type="file"]::placeholder { 
    
    color: #f5aa19 !important;
}

/* Style for the file upload field */
.frm_forms .frm_upload_file {
    
    background-color: rgba(255, 255, 255, 0.3); 
    border: 2px dashed rgba(255, 215, 0, 0.8); 
}



.frm_forms select option { 
    
    color: #f5aa19 !important;
    background-color: rgba(255, 255, 255, 0.9); }




select.frm_select::placeholder { color: #f5aa19 !important; }


/* Style for input fields on hover */ 
.frm_forms input[type="text"]:hover, 
.frm_forms input[type="email"]:hover, 
.frm_forms input[type="number"]:hover, 
.frm_forms select:hover,
.frm_forms input[type="file"]:hover { 
    
    background-color: rgba(255, 255, 255, 0); 
     border: 2px solid #f5aa19; 
}

/* Ensure text color on focus */

.frm_forms input[type="text"]:focus, 
.frm_forms input[type="email"]:focus, 
.frm_forms input[type="number"]:focus, 
.frm_forms select:focus,
.frm_forms input[type="file"]:focus { 
    
    color: #f5aa19 !important;
    background-color: rgba(255, 255, 255, 0) !important; 
    border: 2px solid #f5aa19 !important; 
}




/* Style for the file upload field */
.frm_dropzone .dz-message {
    
    width: 100%;
    background-color: #000000; 
    border: 2px dashed #f5aa19; 
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    color: #f5aa19; 
}


/*hide label */
.with_frm_style
.frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top {
    
    display:none;
}

/*style for submit button*/
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { 
    background-color: #f5aa19; 
color: #333333; padding: 15px 30px; 
border: none;
border-radius: 25px; 
font-size: 16px; 
font-weight: bold; 
text-transform: uppercase; 
cursor: pointer; 
transition: background-color 0.3s ease;  }/* End custom CSS */