.wbf-component{padding:64px 6.07% 32px}
.wbf-component .row{margin-left:0;margin-right:0}
.wbf-main-div{height:auto;background:var(--Dark-blue) 0 0 no-repeat;border-radius:12px;opacity:1;padding:16px 8px 8px}
.wbf-title{margin-left:8px;font-family:'LatoHeavy';font-size:20px;color:var(--White);text-align:left;letter-spacing:0;opacity:1}
.wbf-inside-div{height:auto;background:var(--White) 0 0 no-repeat;border-radius:12px;opacity:1;margin-top:16px;padding:24px 16px;justify-content:center}
.wbf-inside-div .col-4:nth-of-type(1){padding-right:10px}
.wbf-inside-div .col-4:nth-of-type(3){padding-left:10px}
#wbf-mobile-input-id{padding-left:45px !important}
.wbf-cta-button{margin:0}
#wbf-button-invalid{background-color:var(--Gray);cursor:not-allowed}
#wbf-popup-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10}
#wbf-popup{max-width:33%;background:var(--White);padding:32px 24px;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.1);text-align:center;display:flex;flex-direction:column;align-items:center}
#wbf-popup img{height:90px;width:90px;margin-bottom:24px}
#wbf-popup p{font-family:"LatoHeavy";font-size:20px;margin-bottom:24px}
#wbf-popup .wbf-cta-button{width:100%}
.wbf-dsp-none{display:none !important}
@media only screen and (max-width:768px){.wbf-title{font-size:16px}
.wbf-inside-div .col-4:nth-of-type(1){padding-right:0}
.wbf-inside-div .col-4:nth-of-type(3){padding-left:0}
.wbf-inside-div .col-12:nth-of-type(4){margin-top:0}
#wbf-popup{max-width:85%}
#wbf-popup img{height:60px;width:60px;margin-bottom:16px}
#wbf-popup p{font-size:16px;margin-bottom:16px}
}
.Input-field-container{display:flex;position:relative;flex-direction:column;padding-bottom:0;margin-bottom:36px}
.mobile-countryCode{display:none;position:absolute;pointer-events:none;font-family:"LatoBold";color:var(--Stone);z-index:1;top:4px;left:10px;padding:10px 0;font-size:18px}
.input-field{height:50px;background:var(--Super-silver);border:0;border-radius:8px;padding-left:16px;color:var(--Black);font-size:18px;font-family:'LatoBold'}
.input-field-large{height:160px;background:var(--Super-silver);border:0;border-radius:8px;padding:20px 16px 16px;color:var(--Black);font-size:18px;font-family:'LatoBold';resize:none}
.input-field:focus{outline:0;background-color:var(--White);border:1px solid var(--Dark-blue);animation-name:heightChange;animation-duration:.5s;height:58px}
.input-field-large:focus{outline:0;background-color:var(--White);border:1px solid var(--Dark-blue);animation-name:heightChangeLarge;animation-duration:.5s;height:168px}
@keyframes heightChange{from{height:50px}
to{height:58px}
}
@keyframes heightChangeLarge{from{height:160px}
to{height:168px}
}
.input-field:not(:placeholder-shown),.input-field-large:not(:placeholder-shown){background-color:var(--White);border:1px solid var(--Gray)}
.input-field.isValid .input-field-large.isValid{background:#fff 0 0 no-repeat padding-box;border:1px solid #aaa;opacity:1}
.input-field.isNotValid,.input-field-large.isNotValid{background:#fff 0 0 no-repeat padding-box;border:1px solid red;opacity:1}
.input-label{position:absolute;height:50px;justify-content:center;display:flex;align-items:center;color:var(--Stone);padding-left:16px;font-weight:inherit;font-size:16px;font-family:"LatoRegular";margin-bottom:0}
.input-field:not(:placeholder-shown)+.input-label,.input-field:focus+.input-label,.input-field-large:not(:placeholder-shown)+.input-label,.input-field-large:focus+.input-label{right:8px;font-family:LatoRegular;font-size:12px;z-index:1;background:var(--White);padding:0 5px;height:20%}
.input-field:not(:placeholder-shown)+.input-label,.input-field:focus+.input-label{top:-8px}
.input-field-large:not(:placeholder-shown)+.input-label,.input-field-large:focus+.input-label{top:-16px}
.input-guideline-text{color:var(--Stone);display:none;margin:0;margin-top:4px;font-family:"LatoRegular";font-size:12px}
.wbf-name-error-message,.wbf-mobile-error-message,.wbf-email-error-message,.wbf-message-error-message{display:none;font-family:"LatoRegular";font-size:12px;color:var(--Watermelon);margin-bottom:0}