.ka-s-form-all h2{
margin-bottom: 5px;
}
.ka-s-form label{
margin-bottom: 0;
}
.ka-s-two{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
margin-bottom: 1rem;
}
.ka-s-des{
font-size: 16px;
font-style: italic;
}
.ka-s-form h3{
font-size:24px;
margin-bottom: 10px;
}
.ka-s-content, .ka-s-finish, .ka-s-cykly, .ka-s-tema{
margin-top: 4rem;
}
.ka-s-submit{
margin-top: 2rem;
text-align: center;
}
.select2-container .select2-search--inline .select2-search__field {
color: #000; } #drop-area {
border: 2px dashed #ccc;
border-radius: 10px;
padding: 20px;
text-align: center;
cursor: pointer;
margin-bottom: 10px;
transition: all 300ms ease-out;
}
#drop-area:hover {
border-color: #333;
background-color:#fefce8;
}
#file-preview {
margin-top: 10px;
font-size: 14px;
} .ka-s-form .ka-s-cykly label, .ka-s-form .ka-s-finish label {
display: block;
position: relative;
padding: 10px 0 10px 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 20px;
line-height: 1.5; }
.ka-s-form .ka-s-cykly input, .ka-s-form .ka-s-finish input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .ka-s-form .ka-s-cykly .checkmark, .ka-s-form .ka-s-finish .checkmark{
position: absolute;
top: 50%;
transform: translate(0,-50%);
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
} .ka-s-form .ka-s-cykly label:hover input ~ .checkmark, .ka-s-form .ka-s-finish label:hover input ~ .checkmark{
background-color: #ccc;
} .ka-s-form .ka-s-cykly label input:checked ~ .checkmark, .ka-s-form .ka-s-finish label input:checked ~ .checkmark{
background-color: var(--primary);
} .ka-s-form .ka-s-cykly .checkmark:after, .ka-s-form .ka-s-finish .checkmark:after{
content: "";
position: absolute;
display: none;
} .ka-s-form .ka-s-cykly label input:checked ~ .checkmark:after, .ka-s-form .ka-s-finish label input:checked ~ .checkmark:after{
display: block;
} .ka-s-form .ka-s-cykly label .checkmark:after, .ka-s-form .ka-s-finish  label .checkmark:after{
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 776px){ .ka-s-form .ka-s-cykly label, .ka-s-form .ka-s-finish label {
font-size: 17px;
}
.ka-s-two{
grid-template-columns: 1fr;
grid-gap: 10px;
}
.select2-container--default .select2-selection--multiple{
width: 90%;
}
}