.wp-block-kadence-form input.kb-checkbox-style.kb-accept[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    width: 14px; height: 14px; !important;
    border: 1px solid #274653;
    border-radius: 4px; !important;
    background: #F5F3EF; !important;
    display:inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}

.wp-block-kadence-form input.kb-checkbox-style.kb-accept[type="checkbox"]:checked{
    background: #274653;
    border-color: #274653;
}
.kb-form .kadence-blocks-form-field.kb-accept-form-field input.kb-checkbox-style {
    height: 14px !important;
}


.wp-block-kadence-form input.kb-checkbox-style.kb-accept[type="checkbox"]:checked::after{
    content:"";
    position:absolute;
    left:3px; top:1px;
    width:6px; height:8px;
    border:2px solid #F5F3EF; !important;
    border-top:0; border-left:0;
    transform: rotate(45deg);
}
:is(#fluentform_5, #fluentform_4) input[type=text],
:is(#fluentform_5, #fluentform_4) input[type=email] {
    border-radius: 10px; !important;
    border: none; !important;
    background-color: #EAE8E4; !important;
    padding: 14px;
    color: #274653;
	font-weight: 500;
}

:is(#fluentform_5, #fluentform_4) input[type="text"]::placeholder,
:is(#fluentform_5, #fluentform_4) input[type="email"]::placeholder {
    color: #274653;
}

:is(#fluentform_5, #fluentform_4) input[type=checkbox] {
    -webkit-appearance: none;
    width: 14px; height: 14px; !important;
    border: 1px solid #274653;
    border-radius: 4px; !important;
    background: #F5F3EF; !important;
    text-align: start;
    font-size: 14px;
}

:is(#fluentform_5, #fluentform_4) input[type="checkbox"]:checked{
    background: #274653;
    border-color: #274653;
}

:is(#fluentform_5, #fluentform_4) input[type="checkbox"]:checked::after{
    content:"";
    position:absolute;
    left:3px; top:1px;
    width:6px; height:8px;
    border:2px solid #F5F3EF; !important;
    border-top:0; border-left:0;
    transform: rotate(45deg);
}
:is(#fluentform_5, #fluentform_4) .ff-el-group {
    margin-bottom: 10px;
}
:is(#fluentform_5, #fluentform_4) .ff-el-group.field-email {
    margin-bottom: 14px;
}

:is(#fluentform_5, #fluentform_4)  .ff-el-group.ff-el-input--content .ff_t_c {
    font-family: "Gabarito", sans-serif;
    font-size: 10px;
    padding: 0;
    text-align: left;
}

/* Label = kontener flex: checkbox + tekst */
:is(#fluentform_5, #fluentform_4) .ff-el-form-check-label{
    display: flex;
    align-items: flex-start;  
    gap: 9px;
    line-height: 1.5;          /* jak w .ff_t_c */
}

/* Wrapper checkboxa – zero baseline'u, brak „unoszenia” przez line-height */
:is(#fluentform_5, #fluentform_4) .ff-el-form-check-label .ff_tc_checkbox{
    flex: 0 0 auto;
    line-height: 0;
    margin: 0;       
}

:is(#fluentform_5, #fluentform_4) .ff-custom_html {
	font-size: 	10px;
	text-align: start;
}

#fluentform_4 {
	width: 460px;
}
:is(#fluentform_5, #fluentform_4) .ff_submit_btn_wrapper {
    height: 53px;
    margin-top: 15px;
}

.fluentform .ff-el-tc label.ff_tc_label>span {
	padding-top: 2px !important;
}

.input-name {
	text-transform: capitalize
}

.input-surname {
	text-transform: capitalize
}

@media (max-width: 768px) {
	:is(#fluentform_5, #fluentform_4) .ff_submit_btn_wrapper {
		height: 41px;
	}
	:is(#fluentform_5, #fluentform_4) input[type=text],
	:is(#fluentform_5, #fluentform_4) input[type=email] {
    	border-radius: 8px; !important;
    	padding: 11px;
		font-size: 10px;
	}

	:is(#fluentform_5, #fluentform_4) .ff-el-form-check-label .ff_tc_checkbox{       
		padding-top: 4px !important;
		padding-left: 2px;
	}
	
	:is(#fluentform_5, #fluentform_4)  .ff-el-group.ff-el-input--content .ff_t_c {
  	  font-size: 8px;
	}
	
	:is(#fluentform_5, #fluentform_4) .ff-custom_html {
	font-size: 	8px;
	}
	#fluentform_4 {
	width: 100%;
}
}

:is(#fluentform_5, #fluentform_4) button[type=submit] {
    height: 100%;
    border-radius: 10px;
}

:is(#fluentform_5, #fluentform_4) div[role=alert] {
    text-align: start;
    margin-left: 5px;
}
.fluentform_wrapper_5 > #fluentform_5_success{
    border: none;
    box-shadow: none;
}

.fluentform_wrapper_4 > #fluentform_4_success{
    border: none;
    box-shadow: none;
}

.fluentform_wrapper_5 > #fluentform_5_success .form-success{
    transform: translateX(-5%);
}

.fluentform_wrapper_4 > #fluentform_4_success .form-success{
    transform: translateX(-5%);
}
	
.fluentform_wrapper_5 > #fluentform_5_success .form-success .form-success-content-wrapper {
	display: flex;
	flex-direction: column;
}

.fluentform_wrapper_5 > #fluentform_5_success .form-success .form-success-content-wrapper>p{
	font-size: 18px !important;	
    align-self: center;
	margin: 0!important;
}

@media (max-width: 768px) {
	.fluentform_wrapper_5 > #fluentform_5_success .form-success,
	.fluentform_wrapper_4 > #fluentform_4_success .form-success{
		margin-bottom: 20px !important;
	}
}


/* MODAL */
#app-modal-window{
	max-height:85vh;overflow:auto;
	background-color: #F5F3EF !important;
	padding:36px 73px 0px; 
}

@media (max-width: 768px) { #app-modal-window{
		padding: 36px 20px !important;
	}
}

#modal-form-slot > *{max-width:100%;width:100%;}

@media (max-width: 768px) {
	#modal-state-success h3 {
		font-size: 26px!important;
	}
	
	#modal-state-success p {
		font-size: 14px!important;
		max-width: 200px!important;
	}
	
	#modal-state-success a{
		font-size: 14px!important;
		width: unset!important;
	}
}