@charset "UTF-8";
 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
.divi-form-submit {
color: #000;
}
}
.de_form_builder_form_field {
margin-bottom: 2.75%; }
.fb_payment_price_cont {
margin-bottom: 2.75%;
} .fb_payment_price_cont {
display: block;
width: 100%;
float: left;
clear: both;
}
.fb_payment_price_cont.price-label-top .plan-price-label,
.fb_payment_price_cont.price-label-top .plan-price,
.fb_payment_price_cont.price-label-top #custom_price_wrapper {
display: block;
width: 100%;
} @media (min-width: 981px) {
.de_form_builder_form .divi-form-wrapper .et_flex_row .et_pb_column {
margin-right: 0 !important;
}
} .de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) {
column-gap: 5.5%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_pb_column_4_4 {
width: 100%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_pb_column_3_4 {
width: 73.625%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_pb_column_2_3 {
width: 63%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_pb_column_1_2 {
width: 47.25%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_pb_column_1_3 {
width: 29.6667%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_pb_column_1_4 {
width: 20.875%;
} .de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_grid_module .de-fb-form-field {
width: auto;
min-width: 0;
} @media (max-width: 980px) and (min-width: 768px) {
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_24_24_tablet {
width: 100%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_18_24_tablet {
width: 71.25%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_16_24_tablet {
width: 63%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_12_24_tablet {
width: 47.25%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_8_24_tablet {
width: 31.5%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_6_24_tablet {
width: 23.625%;
}
} @media (max-width: 767px) {
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_24_24_phone {
width: 100%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_18_24_phone {
width: 71.25%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_16_24_phone {
width: 63%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_12_24_phone {
width: 47.25%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_8_24_phone {
width: 31.5%;
}
.de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row:not(.et_flex_module):not(.et_grid_module) .de-fb-form-field.et_flex_column_6_24_phone {
width: 23.625%;
}
}
.dfb-captcha-wrapper {
margin-bottom: 2.75%;
}
.quicktags-toolbar {
display: none;
}
.input-field-error.et_pb_contact_field[data-type=select]:after {
top: calc(50% - 10px);
}
.input-field-error .dfb_input_icon::after {
margin-top: -10px;
}
.de_form_builder_form {
width: 100%;
}
.dfb-vb-multistep-note {
margin: 0 0 12px;
padding: 10px 12px;
border-left: 3px solid #2ea3f2;
background: #f2f8ff;
color: #2c3e50;
font-size: 13px;
line-height: 1.45;
}
.dfb-multistep-setup-guide {
margin: 0 0 14px;
padding: 10px 12px;
border-left: 3px solid #2ea3f2;
border-radius: 4px;
background: #f6f9ff;
color: #2c3e50;
font-size: 13px;
line-height: 1.45;
}
.dfb-multistep-setup-guide.is-warning {
border-left-color: #f2a03d;
background: #fff8ee;
}
.dfb-multistep-setup-guide__title {
display: block;
margin-bottom: 6px;
}
.dfb-multistep-setup-guide__text ol {
margin: 6px 0 8px 18px;
}
.dfb-multistep-setup-guide__text a {
color: #2271b1;
text-decoration: underline;
} .et-vb-top-window-html .et-vb-draggable-list-item.dfb-step-list-item {
background: #f4f8ff;
border-color: #d8e7ff;
}
.et_pb_button_fullwidth .de_fb_submit_container,
.et_pb_button_fullwidth .divi-form-submit {
display: block;
width: 100%;
} .de_fb_submit_container.et_pb_button_fullwidth {
display: block;
width: 100%;
}
.de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit-container {
width: 100%;
}
.de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit {
display: block;
width: 100%;
} .de_form_builder_form button.divi-form-submit.et_pb_button[disabled],
.de_form_builder_form button.divi-form-submit.et_pb_button:disabled {
cursor: not-allowed !important;
opacity: 0.55 !important;
pointer-events: none !important;
filter: saturate(0.7);
} .de_form_builder_form .et_pb_contact_submit button.et_pb_button[disabled],
.de_form_builder_form .et_pb_contact_submit button.et_pb_button:disabled {
cursor: not-allowed !important;
opacity: 0.55 !important;
pointer-events: none !important;
filter: saturate(0.7);
} .de_form_builder_form.et_pb_button_fullwidth .et_pb_contact_submit,
.de_form_builder_form.et_pb_button_fullwidth .et_pb_contact_submit button.et_pb_button {
display: block !important;
width: 100% !important;
} .de_form_builder_form .et_pb_contact_field.dfb-select2-active:after {
display: none !important;
content: none !important;
} .de_form_builder_form .et_contact_bottom_container .et_pb_contact_submit.et_pb_button_fullwidth {
display: block !important;
width: 100% !important;
flex: 1 0 100% !important;
float: none !important;
}
.de_form_builder_form .et_contact_bottom_container .et_pb_contact_submit.et_pb_button_fullwidth button.et_pb_button {
display: block !important;
width: 100% !important;
}
.de_form_builder_form .et_contact_bottom_container .et_pb_contact_submit button.et_pb_button.et_pb_button_fullwidth {
display: block !important;
width: 100% !important;
}
.de_form_builder_form.align-module_right .et_pb_module_inner,
.de_form_builder_form.align-module_left .et_pb_module_inner,
.de_form_builder_form.align-module_center .et_pb_module_inner {
display: block;
}
.de_form_builder_form .divi-form-wrapper {
overflow: visible !important;
}
.form_loading.load-1 .lines,
.form_loading.load-3 .lines,
.ai_loading.load-1 .lines,
.ai_loading.load-3 .lines {
width: 50px;
}
.et-fb .field_wrapper #mceu_24 {
display: block !important;
visibility: visible !important;
}
.highest-priority {
position: relative;
z-index: 9999;
}
.et-fb .field_wrapper #mceu_25, .et-fb .field_wrapper #mceu_31, .et-fb .field_wrapper #mceu_32-body {
display: none !important;
}
.et-fb #mceu_32 .textarea-field {
display: block;
}
.et-fb .preview_image_cont .preview_image {
height: 100px;
width: 100px;
background: grey;
}
.de_form_builder_form .error, .bloom_subscribe .error {
color: #b32d2e;
display: block;
} .dfb-error-icon,
.dfb-success-icon {
display: inline;
margin-right: 0.35em;
vertical-align: middle;
}
.form_loading .ajax-loading,
.ai_loading .ai-loading-cont {
position: relative;
display: block;
width: 100%;
min-height: 105px;
padding: 30px 0;
background: none;
}
.load-1 .line:last-child {
-webkit-animation: loadingA 1.5s 1s infinite;
animation: loadingA 1.5s 1s infinite;
}
.load-1 .line:nth-last-child(2) {
-webkit-animation: loadingA 1.5s 0.5s infinite;
animation: loadingA 1.5s 0.5s infinite;
}
.load-1 .line:nth-last-child(3) {
-webkit-animation: loadingA 1.5s 0s infinite;
animation: loadingA 1.5s 0s infinite;
}
.load-2 .line:last-child {
-webkit-animation: loadingB 1.5s 1s infinite;
animation: loadingB 1.5s 1s infinite;
}
.load-2 .line:nth-last-child(2) {
-webkit-animation: loadingB 1.5s 0.5s infinite;
animation: loadingB 1.5s 0.5s infinite;
}
.load-2 .line:nth-last-child(3) {
-webkit-animation: loadingB 1.5s 0s infinite;
animation: loadingB 1.5s 0s infinite;
}
.load-3 .line:last-child {
-webkit-animation: loadingC 0.6s 0.1s linear infinite;
animation: loadingC 0.6s 0.1s linear infinite;
}
.load-3 .line:nth-last-child(2) {
-webkit-animation: loadingC 0.6s 0.2s linear infinite;
animation: loadingC 0.6s 0.2s linear infinite;
}
.load-3 .line:nth-last-child(3) {
-webkit-animation: loadingC 0.6s 0.3s linear infinite;
animation: loadingC 0.6s 0.3s linear infinite;
}
.form_loading .divi-style,
.ai_loading .divi-style,
.preloader:not(.form_loading) .divi-style {
display: none;
}
.form_loading.divi .divi-style,
.ai_loading.divi .divi-style,
.preloader:not(.form_loading).divi .divi-style {
display: block;
}
.fb_form .form_loading {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
align-items: center;
justify-content: center;
}
.fb_form.submitting .form_loading {
display: flex;
}  .preloader:not(.form_loading) {
display: none;
}  .de_form_builder_form.has-hide-until-loaded .preloader:not(.form_loading) {
display: block;
}
.divi-style:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
border-radius: 12px;
box-shadow: 0 -17px #7e3bd0, 17px 0 #7e3bd0, 0 17px #7e3bd0, -17px 0 #7e3bd0;
margin: -6px auto auto -6px;
animation: et-fb-loader ease infinite 3s;
}
@keyframes et-fb-loader {
0% {
box-shadow: 0 -17px #7e3bd0, 17px 0 #29c4a9, 0 17px #7e3bd0, -17px 0 #29c4a9;
}
25% {
box-shadow: 17px 0 #2b87da, 0 17px #29c4a9, -17px 0 #2b87da, 0 -17px #29c4a9;
}
50% {
box-shadow: 0 17px #2b87da, -17px 0 #ff9232, 0 -17px #2b87da, 17px 0 #ff9232;
}
75% {
box-shadow: -17px 0 #7e3bd0, 0 -17px #ff9232, 17px 0 #7e3bd0, 0 17px #ff9232;
}
to {
box-shadow: 0 -17px #7e3bd0, 17px 0 #29c4a9, 0 17px #7e3bd0, -17px 0 #29c4a9;
}
}
.form_loading.divi .spinner,
.form_loading.divi .lines,
.ai_loading.divi .spinner,
.ai_loading.divi .lines,
.load-1 .spinner,
.load-2 .spinner,
.load-3 .spinner,
.load-4 .lines,
.load-4 .spinner,
.load-5 .lines,
.load-5 .spinner,
.load-6 .lines,
.load-6 .spinner,
.preloader:not(.form_loading).divi .spinner,
.preloader:not(.form_loading).divi .lines,
.preloader:not(.form_loading).load-1 .spinner,
.preloader:not(.form_loading).load-2 .spinner,
.preloader:not(.form_loading).load-3 .spinner,
.preloader:not(.form_loading).load-4 .lines,
.preloader:not(.form_loading).load-4 .spinner,
.preloader:not(.form_loading).load-5 .lines,
.preloader:not(.form_loading).load-5 .spinner,
.preloader:not(.form_loading).load-6 .lines,
.preloader:not(.form_loading).load-6 .spinner {
display: none;
} .form_loading.ball-pulse .divi-style,
.form_loading.ball-grid-pulse .divi-style,
.form_loading.ball-clip-rotate .divi-style,
.form_loading.ball-scale .divi-style,
.form_loading.line-scale .divi-style,
.preloader:not(.form_loading).ball-pulse .divi-style,
.preloader:not(.form_loading).ball-grid-pulse .divi-style,
.preloader:not(.form_loading).ball-clip-rotate .divi-style,
.preloader:not(.form_loading).ball-scale .divi-style,
.preloader:not(.form_loading).line-scale .divi-style {
display: none;
}
.load-4 .donut-cont,
.load-5 .donutmulti-cont,
.load-6 .ripple-cont,
.preloader:not(.form_loading).load-4 .donut-cont,
.preloader:not(.form_loading).load-5 .donutmulti-cont,
.preloader:not(.form_loading).load-6 .ripple-cont {
display: block;
} .form_loading.load-1 .lines,
.form_loading.load-2 .lines,
.form_loading.load-3 .lines,
.preloader:not(.form_loading).load-1 .lines,
.preloader:not(.form_loading).load-2 .lines,
.preloader:not(.form_loading).load-3 .lines {
display: block;
}
.form_loading .lines,
.form_loading .spinner,
.ai_loading .lines,
.ai_loading .spinner,
.preloader:not(.form_loading) .lines,
.preloader:not(.form_loading) .spinner {
position: absolute;
top: 50%;
left: 50%;
width: 45px;
height: 45px;
margin: 0 auto;
transform: translate(-50%, -50%);
}
.line {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 15px;
background-color: #4b9cdb;
margin: 0 2px;
}
.donut {
width: 2rem;
height: 2rem;
margin: 0;
border-radius: 50%;
border: 0.3rem solid rgba(151, 159, 208, 0.3);
border-top-color: #979fd0;
-webkit-animation: 1.5s spin infinite linear;
animation: 1.5s spin infinite linear;
}
.donut.multi {
border-bottom-color: #979fd0;
}
.ripple {
width: 2rem;
height: 2rem;
margin: 0;
border-radius: 50%;
border: 0.3rem solid #979fd0;
-webkit-animation: 1s ripple ease-out infinite;
animation: 1s ripple ease-out infinite;
}
@-webkit-keyframes ripple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes ripple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes loadingA {
0% {
height: 15px;
}
50% {
height: 35px;
}
to {
height: 15px;
}
}
@keyframes loadingA {
0% {
height: 15px;
}
50% {
height: 35px;
}
to {
height: 15px;
}
}
@-webkit-keyframes loadingB {
0% {
width: 15px;
}
50% {
width: 35px;
}
to {
width: 15px;
}
}
@keyframes loadingB {
0% {
width: 15px;
}
50% {
width: 35px;
}
to {
width: 15px;
}
}
@-webkit-keyframes loadingC {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
50% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes loadingC {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
50% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
.divi-form-wrapper,
.de_form_builder_form form,
.de_form_builder_form input[type=text].maths_answer {
position: relative;
border-style: solid;
}
.divi-form-wrapper .dfb-form-fields {
width: 100%;
} .de_form_builder_form .divi-form-wrapper .dfb-form-fields.et_flex_row,
.de_form_builder_form .divi-form-wrapper .df_form_step.et_flex_row {
display: flex;
flex-wrap: wrap;
--vertical-gap: 0px;
row-gap: 0px;
} .de_form_builder_form .et_contact_bottom_container .submit-container,
.de_form_builder_form + .et_contact_bottom_container .submit-container,
.de_fb_form .et_contact_bottom_container .submit-container,
.de_fb_form + .et_contact_bottom_container .submit-container,
.de_fb_form ~ .et_contact_bottom_container .submit-container {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px;
width: 100%;
justify-content: flex-end;
}
.de_form_builder_form .et_contact_bottom_container .dfb-captcha-wrapper,
.de_form_builder_form + .et_contact_bottom_container .dfb-captcha-wrapper,
.de_fb_form .et_contact_bottom_container .dfb-captcha-wrapper,
.de_fb_form + .et_contact_bottom_container .dfb-captcha-wrapper,
.de_fb_form ~ .et_contact_bottom_container .dfb-captcha-wrapper {
display: flex;
align-items: center;
margin-bottom: 0 !important;
}
.de_form_builder_form .et_contact_bottom_container .maths_captcha.captcha-field,
.de_form_builder_form + .et_contact_bottom_container .maths_captcha.captcha-field,
.de_fb_form .et_contact_bottom_container .maths_captcha.captcha-field,
.de_fb_form + .et_contact_bottom_container .maths_captcha.captcha-field,
.de_fb_form ~ .et_contact_bottom_container .maths_captcha.captcha-field {
display: inline-flex !important;
align-items: center;
gap: 8px;
width: auto !important;
max-width: 100%;
flex: 0 0 auto !important;
float: none !important;
margin: 0 !important;
}
.de_form_builder_form .et_contact_bottom_container .maths_captcha.captcha-field label,
.de_form_builder_form + .et_contact_bottom_container .maths_captcha.captcha-field label,
.de_fb_form .et_contact_bottom_container .maths_captcha.captcha-field label,
.de_fb_form + .et_contact_bottom_container .maths_captcha.captcha-field label,
.de_fb_form ~ .et_contact_bottom_container .maths_captcha.captcha-field label {
margin: 0;
line-height: 1;
}
.de_form_builder_form .et_contact_bottom_container .et_pb_contact_submit,
.de_form_builder_form + .et_contact_bottom_container .et_pb_contact_submit,
.de_fb_form .et_contact_bottom_container .et_pb_contact_submit,
.de_fb_form + .et_contact_bottom_container .et_pb_contact_submit,
.de_fb_form ~ .et_contact_bottom_container .et_pb_contact_submit {
display: flex;
align-items: center;
margin: 0 !important;
}
.de_form_builder_form .et_contact_bottom_container .de_fb_submit_container,
.de_form_builder_form .et_contact_bottom_container .divi-form-submit-container,
.de_form_builder_form + .et_contact_bottom_container .de_fb_submit_container,
.de_form_builder_form + .et_contact_bottom_container .divi-form-submit-container {
width: auto !important;
flex: 0 0 auto !important;
margin: 0 !important;
} .de_form_builder_form .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth,
.de_form_builder_form + .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth {
display: block !important;
width: 100% !important;
flex: 1 0 100% !important;
float: none !important;
}
.de_form_builder_form .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit-container,
.de_form_builder_form + .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit-container {
width: 100% !important;
flex: 1 0 100% !important;
}
.de_form_builder_form .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit,
.de_form_builder_form + .et_contact_bottom_container .de_fb_submit_container.et_pb_button_fullwidth .divi-form-submit {
display: block !important;
width: 100% !important;
}
.df_form_step {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
opacity: 0;
visibility: hidden;
} .df_form_step.active {
position: relative;
top: auto;
left: auto;
height: auto;
opacity: 1;
visibility: visible;
} .df_form_step .step_button_wrapper {
display: none;
}
.df_form_step.active .step_button_wrapper {
display: flex;
}
.animation_scaleOut .df_form_step {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.animation_scaleOut .df_form_step.active ~ .df_form_step {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.animation_scaleOut .df_form_step.active {
position: absolute;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: linear;
transition-delay: 0s;
-webkit-transform: scale(1);
transform: scale(1);
}
.animation_slideHorz .df_form_step {
left: -80px;
}
.animation_slideHorz .df_form_step.active ~ .df_form_step {
left: 80px;
}
.animation_slideHorz .df_form_step.active {
position: absolute;
transition-property: all;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
transition-delay: 0s;
left: 0;
}
.animation_slideVert .df_form_step {
top: -50px;
}
.animation_slideVert .df_form_step.active ~ .df_form_step {
top: 50px;
}
.animation_slideVert .df_form_step.active {
position: absolute;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: linear;
transition-delay: 0s;
top: 0;
}
.animation_fadeIn .df_form_step.active {
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: linear;
transition-delay: 0s;
}
.animation_scaleIn .df_form_step {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.animation_scaleIn .df_form_step.active ~ .df_form_step {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.animation_scaleIn .df_form_step.active {
position: absolute;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: linear;
transition-delay: 0s;
-webkit-transform: scale(1);
transform: scale(1);
}
.df_step_button, .de_fb_trigger {
cursor: pointer;
}
.de_form_builder_form .et_contact_bottom_container {
margin-top: 0;
padding-top: 20px;
float: none;
flex-direction: row-reverse;
}
.de_form_builder_form .et_contact_bottom_container.in_step {
padding-top: 0;
padding-bottom: 20px;
display: block;
text-align: right;
}
.de_form_builder_form .et_contact_bottom_container.in_step .captcha-field {
display: inline-block;
}
.de_form_builder_form .et_contact_bottom_container {
float: left;
text-align: left;
width: 100%;
display: block;
}
.de_fb_submit_container {
float: right;
text-align: right;
display: flex;
}
.align-button_left .de_fb_submit_container {
flex-direction: inherit;
float: none;
}
.align-button_center .de_fb_submit_container,
.align-button_center .et_contact_bottom_container {
justify-content: center;
text-align: center;
float: none;
}
.step_button_wrapper {
display: flex;
width: 100%;
}
.multistep .et_contact_bottom_container {
flex-direction: row;
}
.multistep.button_align_left .step_button_wrapper, .multistep.button_align_left .et_contact_bottom_container {
justify-content: left;
}
.multistep.button_align_right .step_button_wrapper, .multistep.button_align_right .et_contact_bottom_container {
justify-content: right;
}
.multistep.button_align_center .step_button_wrapper, .multistep.button_align_center .et_contact_bottom_container {
justify-content: center;
} .multistep.button_align_center .df_step_1 .step_button_wrapper, .multistep.button_align_center .form_step_1 .step_button_wrapper {
justify-content: center;
}
.multistep.button_align_justified .step_button_wrapper, .multistep.button_align_justified .et_contact_bottom_container {
justify-content: space-between;
} .multistep.button_align_justified .df_step_1 .step_button_wrapper,
.multistep.button_align_justified .form_step_1 .step_button_wrapper {
-ms-flex-pack: end;
justify-content: flex-end;
} .entry-content .df_progressbar, .entry-content ul.df_progressbar, .df_progressbar {
padding: 0px;
}
.df_progressbar_step {
display: flex;
justify-content: space-between;
padding-top: 5px !important;
overflow: hidden;
}
.df_progressbar_step li {
transition-property: all;
transition-duration: 0.15s;
transition-timing-function: linear;
transition-delay: 0s;
position: relative;
padding-top: 20px;
border: none;
background-color: transparent;
outline: none !important;
cursor: pointer;
text-align: center;
list-style: none;
padding-bottom: 40px;
width: 13px;
height: 13px;
}
.df_progressbar_step .df_progressbar_number, .df_progressbar_step .df_step_title_text, .df_progressbar_step .df_progressbar_percentage {
position: absolute;
white-space: nowrap;
left: 50%;
transform: translateX(-50%);
}
.df_progressbar_step .df_progressbar_number, .df_progressbar_step .df_progressbar_icon {
left: 50% !important;
top: 0;
z-index: 3;
transform: translateX(-50%) !important;
position: absolute;
line-height: 20px;
color: #fff;
}
.df_progressbar_step .df_progressbar_icon:after {
left: 50%;
top: 0;
transform: translateX(-50%);
line-height: 20px;
}
.df_progressbar_step li:first-child > div {
left: 0;
transform: translateX(0);
}
.df_progressbar_step li:last-child > div {
left: auto;
right: 0;
transform: translateX(0);
}
@media (max-width: 500px) {
.df_progressbar_step .df_step_title_text {
display: none;
}
}
.df_progressbar_step li:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 13px;
height: 13px;
content: "";
transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
border: 2px solid currentColor;
border-radius: 50%;
background-color: currentColor;
box-sizing: border-box;
z-index: 3;
}
.df_progressbar_step li:after {
position: absolute;
top: 5px;
left: calc(-100vw + 13px);
transition-property: all;
transition-duration: 0.15s;
transition-timing-function: linear;
transition-delay: 0s;
display: block;
width: 100vw;
height: 2px;
content: "";
background-color: currentColor;
z-index: 1;
}
.df_progressbar_step li:first-child:after {
display: none;
}
.df_progressbar_step li.active:before, .df_progressbar_step li.prev-active:before, .df_progressbar_step li.active:after {
background-color: currentColor;
z-index: 2;
}
.df_progressbar_lollipop .df_progressbar_active, .df_progressbar_basic .df_progressbar_active {
width: 0;
}
.df_progressbar_lollipop .df_progressbar_percentage, .df_progressbar_basic .df_progressbar_percentage {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.df_progressbar_container {
display: flex;
}
.df_progressbar_lollipop {
border-radius: 20px;
overflow: hidden;
position: relative;
}
.df_progressbar_basic {
position: relative;
}
.df_progressbar_lollipop .df_progressbar_active {
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-size: 30px 30px;
animation: move 2s linear infinite;
transition: width 0.2s ease-out;
}
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 30px;
}
}
.hidethis {
display: none !important;
} body #page-container #main-content .et_pb_section .divi_fb_gateway_paypal::after,
body #page-container #main-content .et_pb_section .divi_fb_gateway_stripe::after {
display: none !important;
opacity: 0 !important;
}
body #page-container #main-content .et_pb_section .et_pb_button.divi_fb_payment_gateway_selection,
body #page-container #main-content .et_pb_section .et_pb_button.divi_fb_payment_gateway_selection:hover {
padding: 0.3em 1em 0.3em 35px !important;
} body #page-container #main-content .et_pb_section .de_form_builder_form .divi_fb_gateway_paypal:not(.selected):hover,
body #page-container #main-content .et_pb_section .de_form_builder_form .divi_fb_gateway_stripe:not(.selected):hover {
border: 2px solid;
padding: 0.3em 1em 0.3em 35px !important;
background-color: #eeeeee;
border-color: #666;
color: #666;
} .df_form_step .de_form_builder_form_field {
position: absolute;
height: 0;
opacity: 0;
visibility: hidden;
}
input[type=url] {
background-color: #fff;
border: 1px solid #bbb;
padding: 2px;
color: #4e4e4e;
}
.de_form_builder_form_field input[type=number] {
border-style: solid;
}
.df_form_step.active .de_form_builder_form_field {
position: relative;
opacity: 1;
visibility: visible;
height: auto;
}
.dfb_forgot_password {
width: 100%;
text-align: right;
} button.dfb_forgot_password {
background: none;
border: none;
padding: 0;
font: inherit;
color: inherit;
cursor: pointer;
text-decoration: underline;
}
.dfb_remember_me {
width: 100%;
}
.dfb_remember_forgot_password {
margin-top: 10px;
display: flex;
justify-content: space-between;
}
.hidden {
opacity: 0;
}
.console-underscore {
display: inline-block;
position: relative;
top: -0.14em;
left: 0px;
}
.ai_loading_text {
display: inline-block;
float: left;
clear: both;
}
.ai_loading_text_content {
display: inline-block;
}
.ai_loading_text:not(.typing) .console-underscore {
display: none !important;
}
.de_form_builder_form_field .field_label {
display: inline-block;
}
.ai_loading {
width: 100%;
float: left;
}
.de_fb_trigger-container {
padding-bottom: 20px;
}
.et_pb_contact .radio_image_cont input + label, .et_pb_contact .radio_image_cont input + label span.label_wrapper {
display: flex !important;
align-items: center;
} .et_pb_contact .radio_image_cont input + label span.label_wrapper {
padding: 8px;
border-radius: 8px;
transition: box-shadow 0.2s ease;
}
.et_pb_contact .radio_image_cont input:checked + label span.label_wrapper {
box-shadow: 0 0 0 2px rgba(46, 163, 242, 0.45), 0 12px 28px rgba(0, 0, 0, 0.24);
}
.de_form_builder_form_field p.et_pb_contact_field {
position: relative;
}
.image-preview-edit-btn .et_pb_button,
.existing_image_preview .et_pb_button {
display: inline-block;
}
.radio_image_cont label .label_wrapper,
.dfb_content_text_field,
.de_form_builder_form_field .et_pb_contact_field_options_list label > i {
border-style: solid;
} .de_form_builder_form_field .et_pb_contact_field_options_list {
display: block;
width: 100%;
}
.de_form_builder_form_field .et_pb_contact_field_options_list .et_pb_contact_field_checkbox,
.de_form_builder_form_field .et_pb_contact_field_options_list .et_pb_contact_field_radio {
display: block;
} .et_pb_contact .equal_height .radio_image {
height: 100%;
object-fit: cover;
}
.et_pb_contact .radio_image_cont.radio_label_top p input + label span.label_wrapper {
flex-direction: column;
}
.et_pb_contact .radio_image_cont.radio_label_bottom p input + label span.label_wrapper {
flex-direction: column-reverse;
}
.et_pb_contact .radio_image_cont.radio_label_right p input + label span.label_wrapper {
flex-direction: row-reverse;
}
.et_pb_contact .radio_image_cont.radio_label_hide p input + label span.label_wrapper span {
display: none;
}
.radio_image_cont.hide_radio i {
display: none !important;
}
.existing_image_preview .existing_file_link {
margin-right: 10px;
position: relative;
display: inline-block;
border: 1px solid #DFDFDF;
margin-bottom: 10px;
padding: 10px;
padding-right: 40px;
background: #fff;
}
.existing_image_preview .existing_image_preview_link {
padding-right: 10px;
line-height: 1em;
}
.file_upload_item {
background-color: #fff;
display: block;
margin-top: 20px;
position: relative;
}
.file_upload_item_cont {
display: flex;
}
.file_upload_item .preview_image_cont {
padding: 20px;
}
.file_upload_item_cont > div {
display: flex;
flex-direction: column;
justify-content: center;
}
.file_upload_item_cont .preview_content {
flex: 1;
margin-right: 10%;
}
.file_upload_item .remove_upload i {
opacity: 0 !important;
}
.file_upload_item .remove_upload {
cursor: pointer;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
color: #000;
width: 30px;
height: 30px;
background-color: transparent;
border-radius: 100px;
} .file_upload_item button.remove_upload {
padding: 0;
border: none;
font: inherit;
margin: 0;
}
.file_upload_item .preview_name {
font-size: 16px;
font-weight: bold;
padding-bottom: 5px;
}
.file_upload_item .upload_size {
font-size: 12px;
padding-bottom: 5px;
}
.remove_upload:before,
.existing_image_preview .remove-file:before {
display: block;
font-family: ETmodules;
content: "M";
font-size: 22px;
position: absolute;
cursor: pointer;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.existing_image_preview .existing_image_preview_link .remove-file,
.existing_image_preview .existing_file_link .remove-file {
transform: none;
line-height: 24px;
top: 6px;
right: 6px;
width: 20px;
height: 20px;
display: block;
position: absolute;
background-color: #000;
border-radius: 100%;
padding: 12px;
}
.existing_image_preview .existing_file_link .remove-file {
top: 10px;
} .file_preview_container, .file_preview_container .files {
display: inline-block;
width: 100%;
line-height: 0;
}
.file_preview_container, .file_preview_container .files .name,
.file_preview_container, .file_preview_container .files .size {
line-height: 14px;
}
.file_preview_container.files .template-upload.error .preview_image_cont,
.file_preview_container.files .template-upload.error .preview_name,
.file_preview_container.files .template-upload.error .upload_size,
.file_preview_container.files .template-upload.error .progress,
.file_preview_container.files .template-upload.error .btn {
display: none;
}
.file_preview_container.files .template-upload.error {
padding: 20px;
}
.file_preview_container .files .template-upload {
display: flex;
align-items: center;
justify-content: space-between;
}
.file_preview_container .files .template-upload .progress {
min-width: 100px;
height: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.de_form_builder_form_field .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.de_form_builder_form_field .fade.in {
opacity: 1;
}
.dfb_input_icon {
position: absolute !important;
right: 0;
top: 0;
}
.file_upload_item .progress-bar.active, .file_upload_item .progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-striped, .progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.file_upload_item .progress-bar-success {
background-color: #5cb85c;
}
.file_upload_item .progress {
width: 100%;
height: 20px;
}
.file_upload_item .progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #000000;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.et_pb_section .et_pb_row .divi-form-wrapper .de_form_builder_form_field.et_pb_module,
.et_pb_section .et_pb_row .divi-form-wrapper .de_form_builder_form_field.et_pb_module:last-child {
margin-bottom: 2.75%;
}
.et_pb_section .et_pb_row .divi-form-wrapper .de_form_builder_form_field.et_pb_module.ui-sortable {
margin-bottom: 0;
}
.et_pb_section .et_pb_row .divi-form-wrapper .de_form_builder_form_field.et_pb_module.ui-sortable .field_wrapper {
margin-bottom: 2.75%;
}
.et_pb_contact_field[data-type=signature] .signature-field {
background-color: transparent !important;
}
.signature-field canvas {
border-style: solid;
}
#ui-datepicker-div {
z-index: 9999999 !important;
}
body .datepicker-wrapper {
display: block;
}
.divi-form-builder-field.datepicker-field {
width: 100%;
} body .de_form_builder_form_field .ui-datepicker-trigger {
width: 100%;
position: absolute !important;
height: 100%;
margin-left: 0;
opacity: 0;
left: 0;
}
.datepicker-wrapper,
.datetimepicker-wrapper {
position: relative;
}
.datepicker-wrapper::after,
.datetimepicker-wrapper::after {
font-family: ETmodules !important;
content: "\e023";
display: block;
font-size: 24px;
position: absolute;
right: 10px;
z-index: 999;
top: 50%;
transform: translateY(-50%);
}
.field_wrapper.step_hide {
display: none;
}
.field_wrapper .image_upload_result,
.field_wrapper .file_upload_result {
position: absolute;
transform: translateY(-50%);
}
.field_wrapper .image_upload_result svg,
.field_wrapper .file_upload_result svg {
width: 100%;
height: 100%;
}
.field_wrapper .image_upload_result img,
.field_wrapper .file_upload_result img {
width: 100%;
}
.image_upload_result {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.image_uploaded .image_upload_result .upload_icon,
.image_uploaded .upload_desc {
display: none;
}
#page-container .image_uploaded.field_wrapper .image_upload_result,
#page-container .image_uploaded.field_wrapper .file_upload_result {
position: relative;
height: auto !important;
margin: auto;
top: 0;
left: 0;
transform: none;
}
.divi-form-builder-field.radio-field,
.divi-form-builder-field.checkbox-field,
.divi-form-builder-field.file-field,
.divi-form-builder-field.upload_field,
.dropzone {
background-color: inherit;
}
.et_pb_contact_field .file_upload_wrapper {
display: block;
width: 100%;
height: 100%;
background-color: inherit;
-webkit-transition: background-color 0.16s ease;
-o-transition: background-color 0.16s ease;
transition: background-color 0.16s ease;
}
.de_form_builder_form_field .dropzone {
padding: 80px 0;
border: 1px dashed #000;
}
.et_pb_contact_field[data-type=signature] {
position: relative;
}
.et_pb_contact_field[data-type=signature] .signature-field {
display: inline-block;
position: relative;
}
.et_pb_contact_field[data-type=signature] .signature-field canvas {
max-width: 100%;
}
.et_pb_contact_field[data-type=signature] .signature_clear {
position: absolute;
display: inline-block;
margin: 0;
padding: 0;
border: none;
background: none;
font: inherit;
color: inherit;
} .et_pb_contact_field .divi-form-builder-field:focus-visible,
.et_pb_contact_field input:focus-visible,
.et_pb_contact_field textarea:focus-visible,
.et_pb_contact_field select:focus-visible,
.et_pb_contact_field .dropzone:focus-within,
.et_pb_contact_field .signature-field:focus-within,
.et_pb_contact_field .signature_clear:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.drop-description {
display: block;
width: 100%;
}
.file_upload_wrapper input[type=file] {
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.de_form_builder_form .divi-form-wrapper {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.de_form_builder_form .form-title {
margin-bottom: 20px;
}
.field_wrapper .field_row {
display: flex;
align-items: center;
justify-content: space-between;
} @media (min-width: 981px) {
.de_form_builder_form .field_wrapper .field_row > .et_pb_column {
margin-right: 5.5% !important;
}
.de_form_builder_form .field_wrapper .field_row > .et_pb_column:last-child {
margin-right: 0 !important;
}
.et_pb_gutters1 .de_form_builder_form .field_wrapper .field_row > .et_pb_column,
.et_pb_gutters1.et_pb_row .de_form_builder_form .field_wrapper .field_row > .et_pb_column {
margin-right: 0 !important;
}
.et_pb_gutters2 .de_form_builder_form .field_wrapper .field_row > .et_pb_column,
.et_pb_gutters2.et_pb_row .de_form_builder_form .field_wrapper .field_row > .et_pb_column {
margin-right: 3% !important;
}
.et_pb_gutters4 .de_form_builder_form .field_wrapper .field_row > .et_pb_column,
.et_pb_gutters4.et_pb_row .de_form_builder_form .field_wrapper .field_row > .et_pb_column {
margin-right: 8% !important;
}
}
.divi-form-builder-field:not(.radio-field, .checkbox-field) {
width: 100%;
}
.de_form_builder_form .et_pb_contact_select {
border: 1px solid #bbb;
border-style: solid;
}
.dropzone {
background: transparent;
border: 1px solid #000;
width: 100%;
min-height: 52px;
text-align: center;
}
.df-image {
opacity: 0;
top: 0;
bottom: 0;
width: 100%;
cursor: pointer;
}
.dropzone.fade {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 1;
}
.image_upload_result {
display: flex;
}
.image_upload_result > div {
padding: 5px;
border-radius: 5px;
}
.datepicker-wrapper, .datetimepicker-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.ui-datepicker-trigger {
width: 20px;
height: 20px;
margin-left: 10px;
}
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px;
}
.ui-timepicker-div dl {
text-align: left;
}
.ui-timepicker-div dl dt {
float: left;
clear: left;
padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
font-size: 90%;
}
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
display: none;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
background: none;
color: inherit;
border: none;
outline: none;
border-bottom: solid 1px #555;
width: 95%;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
border-bottom-color: #aaa;
}
.ui-timepicker-rtl {
direction: rtl;
}
.ui-timepicker-rtl dl {
text-align: right;
padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
float: right;
clear: right;
}
.ui-timepicker-rtl dl dd {
margin: 0 40% 10px 10px;
} .ui-timepicker-div.ui-timepicker-oneLine {
padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
display: block;
padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
display: inline-block;
margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
content: ":";
display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
content: ".";
display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
display: none;
}
.divi-form-submit {
cursor: pointer;
}
.de_form_builder_form .et_pb_contact_field {
padding: 0;
}
.de_form_builder_form_field p.et_pb_contact_field {
padding: 0 !important;
}
.de_form_builder_form_field:has(p.et_pb_contact_field[data-type=hidden]) {
margin-bottom: 0px !important;
}
.de_form_builder_form_field {
display: flex;
flex-direction: column;
}
.align-module_left {
margin-right: auto;
}
.align-module_right {
margin-left: auto;
}
.align-module_center {
margin: auto;
}
.maths_captcha + .divi-form-submit {
margin-left: 18px;
}
.de-fb-popup {
position: fixed;
z-index: 1020;
width: 100vw;
height: 100vh;
visibility: hidden;
pointer-events: none;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.de-fb-popup.open {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.de-fb-popup .modal-close {
width: 50px;
height: 50px;
position: absolute;
right: 20px;
top: 20px;
display: block;
cursor: pointer;
z-index: 999;
}
.de-fb-popup .modal-close:before {
position: absolute;
left: 50%;
top: 50%;
font-family: ETmodules !important;
text-indent: 0;
transform: translate(-50%, -50%);
}
.de_fb-nextprev-post {
width: 100px;
height: 50px;
position: absolute;
right: 20px;
bottom: 20px;
display: block;
cursor: pointer;
z-index: 999;
}
.de_fb-prev-post {
position: absolute;
left: 0;
top: 50%;
}
.de_fb-next-post {
position: absolute;
right: 0;
top: 50%;
}
.de_fb-next-post:before, .de_fb-prev-post:before {
content: "4";
font-family: ETmodules !important;
text-indent: 0;
transform: translateY(-50%);
font-size: 30px;
}
.de_fb-next-post:before {
content: "5";
}
#de_fb-modal-wrapper {
z-index: 99999;
position: relative;
}
.white-popup {
display: none;
}
.item-entry.hidden {
opacity: 1;
}
.grid-posts.et_pb_gallery_items {
display: grid;
grid-gap: 25px;
}
.grid-posts.et_pb_gallery_items::before {
display: none;
}
.de-fb-popup .et_pb_section {
max-height: 80vh;
overflow-y: auto;
}
.de-fb-popup .post-modal-cont {
width: 80%;
max-width: 1080px;
position: relative;
}
.de-fb-popup.side-modal .post-modal-cont {
width: 50vw;
max-width: 100%;
position: absolute;
right: 0;
height: 100vh;
}
.de_form_builder_form_field.last-item {
margin-right: 0 !important;
}
.de_form_builder_form_field.last-item + .de_form_builder_form_field {
clear: both;
}
.de_form_builder_form_field p.et_pb_contact_field {
margin: 0;
}
.et_pb_contact_field .file_upload_wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
min-height: 185px;
transition: background-color 160ms ease;
}
.et_pb_contact_field.drag-over .file_upload_wrapper {
background-color: #68d391;
}
.et_pb_contact_field[data-type=file],
.et_pb_contact_field[data-type=image] {
position: relative;
}
.et_pb_contact_field[data-type=file] .divi-form-builder-field,
.et_pb_contact_field[data-type=image] .divi-form-builder-field {
cursor: pointer;
padding: 0;
min-height: 52px;
opacity: 0;
} .ui-datepicker-trigger {
width: 26px;
}
.dfb_radio_button .et_pb_contact_field_checkbox {
text-align: left;
cursor: pointer;
margin-bottom: 10px;
}
.dfb_radio_button .et_pb_contact_field_checkbox:nth-last-child(1) {
margin-right: 0px;
}
.dfb_radio_button .et_pb_contact_field_checkbox label {
width: 100%;
padding: 0.3em 1em;
}
.dfb_radio_button .et_pb_contact_field_checkbox i {
position: absolute;
z-index: -1;
display: block;
width: 100%;
border-radius: 0;
visibility: hidden;
} @media (max-width: 767px) {
.dfb_radio_button .et_pb_contact_field_options_list {
display: block !important;
}
.dfb_radio_button .et_pb_contact_field_checkbox {
width: 100%;
margin-right: 0 !important;
}
}
input[type=text].maths_answer {
-webkit-appearance: none;
background-color: #eee;
width: 100%;
border-width: 0;
border-radius: 0;
color: #595959;
font-size: 14px;
padding: 16px;
max-width: 50px;
padding: 16px;
}
@-webkit-keyframes wobble-hor-bottom {
0%, 100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
15% {
-webkit-transform: translateX(-10px) rotate(-6deg);
transform: translateX(-10px) rotate(-6deg);
}
30% {
-webkit-transform: translateX(5px) rotate(6deg);
transform: translateX(5px) rotate(6deg);
}
45% {
-webkit-transform: translateX(-5px) rotate(-3.6deg);
transform: translateX(-5px) rotate(-3.6deg);
}
60% {
-webkit-transform: translateX(9px) rotate(2.4deg);
transform: translateX(9px) rotate(2.4deg);
}
75% {
-webkit-transform: translateX(-6px) rotate(-1.2deg);
transform: translateX(-6px) rotate(-1.2deg);
}
}
@keyframes wobble-hor-bottom {
0%, 100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
15% {
-webkit-transform: translateX(-10px) rotate(-6deg);
transform: translateX(-10px) rotate(-6deg);
}
30% {
-webkit-transform: translateX(5px) rotate(6deg);
transform: translateX(5px) rotate(6deg);
}
45% {
-webkit-transform: translateX(-5px) rotate(-3.6deg);
transform: translateX(-5px) rotate(-3.6deg);
}
60% {
-webkit-transform: translateX(9px) rotate(2.4deg);
transform: translateX(9px) rotate(2.4deg);
}
75% {
-webkit-transform: translateX(-6px) rotate(-1.2deg);
transform: translateX(-6px) rotate(-1.2deg);
}
}
@-webkit-keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@-webkit-keyframes shake-horizontal {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
80% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
90% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
}
@keyframes shake-horizontal {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
80% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
90% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
}
@-webkit-keyframes jello-horizontal {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes jello-horizontal {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.df_field_description_text {
display: block;
}
@media (min-width: 981px) {
.et_pb_gutters3 .df-vb-wrapper .de_form_builder_form_field, .et_pb_gutters3.et_pb_row .df-vb-wrapper .de_form_builder_form_field {
margin-right: 5.5%;
}
}
@media (min-width: 981px) {
.et_pb_gutters1 .df-vb-wrapper .de_form_builder_form_field, .et_pb_gutters1.et_pb_row .df-vb-wrapper .de_form_builder_form_field {
margin-right: 0;
}
}
@media (max-width: 479px) {
.df-vb-wrapper .de_form_builder_form_field {
margin-right: 0 !important;
width: 100% !important;
}
}
@media (min-width: 981px) {
.et_pb_gutters2 .df-vb-wrapper .de_form_builder_form_field, .et_pb_gutters2.et_pb_row .df-vb-wrapper .de_form_builder_form_field {
margin-right: 3%;
}
}
@media (min-width: 981px) {
.et_pb_gutters4 .df-vb-wrapper .de_form_builder_form_field, .et_pb_gutters4.et_pb_row .df-vb-wrapper .de_form_builder_form_field {
margin-right: 8%;
}
}
.divi-form-wrapper .de_form_builder_form_field.calculation {
display: none;
}
.upload-text-tabs-no-wrap.et-vb-field-input-button-options-wrap--tab-ui, .content-text-tabs-no-wrap.et-vb-field-input-button-options-wrap--tab-ui, .calculation-text-tabs-no-wrap.et-vb-field-input-button-options-wrap--tab-ui {
flex-wrap: nowrap !important;
} .et-vb-top-window-html .et-vb-settings-custom-select-wrapper .select-option-item.select-option-item-upload {
margin: 0 !important; } #et-main-area:has(div.de-fb-popup.open) {
z-index: 9999999;
position: relative;
}
.fb_delete_post.disabled {
filter: opacity(0.5);
} .de-fb-edit-post-button-wrapper .et_pb_button {
font: inherit;
letter-spacing: inherit;
cursor: pointer;
} .de-fb-edit-post-button-wrapper > .et_pb_module_inner > .et_pb_button {
color: #ffffff;
}
.de-fb-edit-post-button-wrapper > .et_pb_module_inner > .et_pb_button.fb_delete_post {
color: #ffffff;
} .de-fb-popup .modal-close:before {
content: "M";
font-family: ETmodules !important;
font-weight: 400;
font-size: 32px;
color: #000;
line-height: 1;
display: block;
}
.de-fb-popup .de-fb-edit-loading {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 260px;
padding: 50px 24px;
text-align: center;
}
.de-fb-popup .de-fb-edit-loading .ajax-loading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
min-height: 120px;
}
.de-fb-popup .de-fb-edit-loading .lines {
display: flex;
align-items: center;
justify-content: center;
}
.de-fb-popup .de-fb-edit-loading.load-1 .line:nth-last-child(1) {
animation: de-fb-modal-loading 1s 0.4s infinite ease-in-out;
}
.de-fb-popup .de-fb-edit-loading.load-1 .line:nth-last-child(2) {
animation: de-fb-modal-loading 1s 0.2s infinite ease-in-out;
}
.de-fb-popup .de-fb-edit-loading.load-1 .line:nth-last-child(3) {
animation: de-fb-modal-loading 1s 0s infinite ease-in-out;
}
.de-fb-popup .de-fb-edit-loading-text {
font-size: 16px;
line-height: 1.5;
color: #ffffff;
font-weight: 600;
}
.de-fb-popup .de-fb-edit-loading.de-fb-edit-loading-error .de-fb-edit-loading-text {
color: #ffdddd;
}
@keyframes de-fb-modal-loading {
0%, 100% {
transform: scaleY(1);
}
50% {
transform: scaleY(1.8);
}
}   .gateway-selection.et_pb_column {
margin-bottom: 29px;
}
.divi_fb_gateways .divi_fb_payment_gateway_selection {
list-style: none;
display: inline-block;
position: relative;
}
.divi_fb_gateways .divi_fb_payment_gateway_selection input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
}
.divi_fb_gateway_paypal.selected::before,
.divi_fb_gateway_stripe.selected::before {
font-size: 20px;
} .stripe-demo {
width: 100%;
font-family: Inter, system-ui, -apple-system, sans-serif;
} .et_pb_contact .card-element,
.et_pb_contact p.et_pb_contact_field .card-element {
-webkit-appearance: none;
background-color: #eee;
width: 100%;
border-width: 0;
border-radius: 0;
color: #595959;
font-size: 14px;
padding: 16px;
min-height: 50px;
}
.stripe-field {
position: relative;
display: flex;
align-items: center;
-webkit-appearance: none;
background-color: #eee;
width: 100%;
border-width: 0;
border-radius: 0;
color: #595959;
font-size: 14px;
min-height: 50px;
box-sizing: border-box;
overflow: hidden;
}
.stripe-field:focus-within {
outline: none;
}
.stripe-field #brand {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
z-index: 2;
width: 32px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.stripe-field #brand img {
width: 32px;
height: 24px;
object-fit: contain;
display: none;
}
.stripe-field #brand img.visa,
.stripe-field #brand img.mastercard,
.stripe-field #brand img.amex,
.stripe-field #brand img.discover,
.stripe-field #brand img.diners,
.stripe-field #brand img.jcb {
display: block;
}
.stripe-field #brand img.default {
display: block;
}
.stripe-field .card-element {
flex: 1;
min-width: 0;
border: none;
padding: 0;
background: transparent;
position: relative;
overflow: hidden;
}
.stripe-field .card-element .InputElement {
width: 100%;
border: none;
padding: 0;
padding-left: 48px;
padding-right: 120px;
background: transparent;
font-size: 14px;
letter-spacing: 0.5px;
font-family: inherit;
color: #595959;
box-sizing: border-box;
max-width: 100%;
}
.stripe-field .card-element .InputElement::placeholder {
color: #595959;
}
.stripe-field .card-element .InputElement:focus {
outline: none;
color: #111827;
}
.stripe-field .CardField-expiry,
.stripe-field .CardField-cvc {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
color: #595959;
pointer-events: none;
z-index: 2;
white-space: nowrap;
}
.stripe-field .CardField-expiry {
right: 80px;
}
.stripe-field .CardField-cvc {
right: 16px;
}
.pay {
margin-top: 18px;
width: 100%;
background: #2271b1;
color: #ffffff;
border: none;
padding: 14px;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
font-weight: 500;
}
.pay:hover {
background: #1a5a8e;
}
.pay:focus {
outline: 2px solid #2271b1;
outline-offset: 2px;
}
.card-errors {
color: #b32d2e;
font-size: 12px;
margin-top: 8px;
} .stripe-payment-element-preview { -webkit-appearance: none;
background-color: #eee;
width: 100%;
border-width: 0;
border-radius: 0;
color: #595959;
font-size: 14px;
padding: 16px;
min-height: 50px;
box-sizing: border-box;
}
.dfb-pe-preview-note {
margin-top: 10px;
font-size: 12px;
color: #595959;
} .dfb-pe-tabs {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-bottom: 14px;
}
.dfb-pe-tab {
border: 1px solid rgba(17, 24, 39, 0.12);
background: #fff;
color: #374151;
padding: 12px 12px;
border-radius: 4px;
font-size: 13px;
line-height: 1;
cursor: pointer;
display: flex; flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 6px;
min-height: 48px;
text-align: left;
}
.dfb-pe-tab--active {
border-color: rgba(5, 112, 222, 0.9);
box-shadow: 0 0 0 2px rgba(5, 112, 222, 0.18);
color: #2271b1;
}
.dfb-pe-panel {
background-color: #f3f4f6;
border-radius: 4px;
padding: 14px;
min-height: 140px;
box-sizing: border-box;
}
.dfb-pe-panel--accordion {
min-height: 0;
}
.dfb-pe-method-icon {
width: 18px;
height: 18px;
border-radius: 3px;
background: rgba(17, 24, 39, 0.15);
flex: 0 0 auto;
}
.dfb-pe-method-icon--card {
background: rgba(5, 112, 222, 0.18);
}
.dfb-pe-method-icon--revolut_pay {
background: rgba(17, 24, 39, 0.12);
}
.dfb-pe-method-icon--amazon_pay {
background: rgba(255, 153, 0, 0.22);
}
.dfb-pe-method-label {
font-weight: 500;
color: inherit;
display: block;
}
.dfb-pe-link {
width: 100%;
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-start;
padding: 10px 10px;
border: 0;
background: transparent;
color: #2271b1;
font-size: 13px;
font-weight: 600;
cursor: default;
}
.dfb-pe-link-icon {
width: 14px;
height: 14px;
border-radius: 2px;
background: rgba(5, 112, 222, 0.25);
flex: 0 0 auto;
}
.dfb-pe-link-text {
flex: 0 0 auto;
text-align: left;
}
.dfb-pe-link-chevron {
width: 8px;
height: 8px;
border-right: 2px solid rgba(5, 112, 222, 0.75);
border-bottom: 2px solid rgba(5, 112, 222, 0.75);
transform: rotate(45deg);
margin-left: 6px;
}
.dfb-pe-fields {
margin-top: 10px;
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 10px;
} .dfb-pe-accordion {
display: flex;
flex-direction: column;
gap: 10px;
}
.dfb-pe-accordion-item {
border: 1px solid rgba(17, 24, 39, 0.12);
background: #fff;
border-radius: 4px;
overflow: hidden;
}
.dfb-pe-accordion-item.is-open {
border-color: rgba(5, 112, 222, 0.9);
box-shadow: 0 0 0 2px rgba(5, 112, 222, 0.18);
}
.dfb-pe-accordion-header {
width: 100%;
display: flex !important;
align-items: center;
justify-content: flex-start;
padding: 12px 14px;
background: #fff;
border: 0;
cursor: pointer;
font-size: 13px;
color: #111827;
gap: 10px;
}
.dfb-pe-accordion-title {
flex: 1;
text-align: left;
}
.dfb-pe-accordion-indicator {
width: 16px;
height: 16px;
border-radius: 999px;
border: 2px solid rgba(17, 24, 39, 0.25);
margin-left: 0 !important;
margin-right: 10px;
position: relative;
box-sizing: border-box;
}
.dfb-pe-accordion-item.is-open .dfb-pe-accordion-indicator {
border-color: rgba(5, 112, 222, 0.9);
}
.dfb-pe-accordion-item.is-open .dfb-pe-accordion-indicator::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 8px;
height: 8px;
background: rgba(5, 112, 222, 0.9);
border-radius: 999px;
transform: translate(-50%, -50%);
}
.dfb-pe-accordion-content {
background: transparent;
padding: 12px 12px 14px;
border-top: 1px solid rgba(17, 24, 39, 0.08);
} .dfb-pe-noncard {
background: rgba(255, 255, 255, 0.55);
border: 1px dashed rgba(17, 24, 39, 0.18);
border-radius: 6px;
padding: 14px;
}
.dfb-pe-noncard-title {
font-size: 13px;
font-weight: 600;
color: #111827;
margin-bottom: 6px;
}
.dfb-pe-noncard-subtitle {
font-size: 12px;
color: #595959;
margin-bottom: 12px;
}
.dfb-pe-noncard-cta {
background: rgba(17, 24, 39, 0.85);
border: 0;
color: #fff;
padding: 10px 14px;
border-radius: 6px;
font-size: 13px;
cursor: default;
} .dfb-pe-field {
display: flex;
flex-direction: column;
gap: 6px;
}
.dfb-pe-field-label {
font-size: 12px;
color: #374151;
}
.dfb-pe-field-input {
height: 44px;
background: #fff;
border: 1px solid rgba(17, 24, 39, 0.12);
border-radius: 4px;
display: flex;
align-items: center;
padding: 0 12px;
justify-content: space-between;
box-sizing: border-box;
}
.dfb-pe-field-input--select {
justify-content: space-between;
}
.dfb-pe-placeholder {
color: #595959;
font-size: 13px;
}
.dfb-pe-card-brands {
display: inline-flex;
gap: 6px;
margin-left: 10px;
}
.dfb-pe-brand {
width: 26px;
height: 16px;
border-radius: 3px;
background: rgba(17, 24, 39, 0.1);
}
.dfb-pe-brand--visa {
background: rgba(5, 112, 222, 0.25);
}
.dfb-pe-brand--mc {
background: rgba(239, 68, 68, 0.22);
}
.dfb-pe-brand--amex {
background: rgba(59, 130, 246, 0.2);
}
.dfb-pe-field--country {
grid-column: 1/-1;
}
.dfb-pe-select-chevron {
width: 8px;
height: 8px;
border-right: 2px solid rgba(17, 24, 39, 0.45);
border-bottom: 2px solid rgba(17, 24, 39, 0.45);
transform: rotate(45deg);
}