.elementor-2723 .elementor-element.elementor-element-41e0b3e1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2723 .elementor-element.elementor-element-41e0b3e1{--content-width:1300px;}}/* Start custom CSS for shortcode, class: .elementor-element-5bdd89d */.ff-default .ff-btn-secondary:not(.ff_btn_no_style){
	
	border-radius: 5rem !important;
	background-color: #5672A6;
	
}


.ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover{
	
	border-radius: 5rem !important;
	background-color: #86A2D4;
	
}







.ff-default .ff-el-form-check label.ff-el-form-check-label {
    
    margin-bottom: 0px;
  
    
}











/* Powiększenie całej sekcji pytań */
.ff-el-group {
    margin-bottom: 40px !important;
    padding: 10px 10px !important;
   
    border-radius: 16px !important;
   
}

/* Powiększenie labeli pytań */
.ff-el-input-label {
    font-size: 1.35rem !important;
    font-weight: 600;
    color: #223165 !important;
    margin-bottom: 16px !important;
    letter-spacing: 0.02em;
}

/* Stylowanie listy checkboxów */
.ff-el-input-content {
    display: flex !important;
    flex-direction: column;
    gap: 16px !important;
}

/* Nowoczesny checkbox – kafelek */
.ff-el-form-check {
    display: flex;
    align-items: center;
    font-size: 1.16rem !important;
    font-weight: 500;
    background: #fff;
    padding: 22px 20px;
    border-radius: 10px;
    min-height: 56px;
    box-shadow: 0 2px 14px -8px #b0c5e9;
    cursor: pointer;
    border: 2px solid #e4e9f1;
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.2s, background 0.22s, transform 0.15s;
    user-select: none;
}

.ff-el-form-check:hover {
    background: #eaf1fc;
    box-shadow: 0 6px 18px -8px #b0c5e9;
    border-color: #90b4ec;
    transform: translateY(-1px) scale(1.01);
}

.ff-el-form-check:active {
    background: #d4e6fb;
    transform: scale(0.985);
}

/* Duży, nowoczesny checkbox */
.ff-el-form-check-input[type="checkbox"] {
    width: 26px;
    height: 26px;
    accent-color: #4b6fd1;
    margin-right: 18px;
    border-radius: 7px;
    border: 2px solid #9eb6de;
    transition: box-shadow 0.2s, border-color 0.22s;
    box-shadow: 0 2px 8px -4px #b0c5e9;
    outline: none;
}

.ff-el-form-check-input[type="checkbox"]:focus {
    border-color: #2047c5;
    box-shadow: 0 0 0 2px #b9d4ff;
}

.ff-el-form-check-input[type="checkbox"]:checked {
    border-color: #2047c5;
    background: #4b6fd1;
    box-shadow: 0 2px 10px -4px #4b6fd1;
    animation: glowbox 0.28s;
}

/* Animacja pojawienia się cienia przy zaznaczeniu */
@keyframes glowbox {
    from { box-shadow: 0 0 0 0 #4b6fd1; }
    to   { box-shadow: 0 2px 10px -4px #4b6fd1; }
}

/* Usuwanie zbędnych ramek (IE) */
.ff-el-form-check-input[type="checkbox"]::-ms-check {
    border: none !important;
}

/* Styl tekstu odpowiedzi */
.ff-el-form-check-label {
    flex: 1;
    cursor: pointer;
    color: #2a3456;
    font-size: 1.13rem;
    letter-spacing: 0.01em;
    transition: color 0.18s;
}

.ff-el-form-check-input[type="checkbox"]:checked + .ff-el-form-check-label {
    color: #173ba9;
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e0b3e1 */.fluentform .ff-el-progress-bar {
    
    background-color: #5672A6;
    font-size: 0.8rem;
	padding-right: 5px;
    
}

.fluentform .ff-el-progress {
	
	height: 30px;
	
}


.ff_list_2col {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ff_list_2col .ff-el-form-check {
  flex: 0 0 48%;
  max-width: 48%;
  box-sizing: border-box;
}

/* RESPONSYWNOŚĆ dla tabletów i mniejszych */
@media screen and (max-width: 768px) {
  .ff_list_2col .ff-el-form-check {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}/* End custom CSS */