.elementor-1528 .elementor-element.elementor-element-5e1b8b8{--display:flex;--min-height:100vh;--justify-content:flex-start;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1528 .elementor-element.elementor-element-5e1b8b8:not(.elementor-motion-effects-element-type-background), .elementor-1528 .elementor-element.elementor-element-5e1b8b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#252725;}.elementor-1528 .elementor-element.elementor-element-5e1b8b8::before, .elementor-1528 .elementor-element.elementor-element-5e1b8b8 > .elementor-background-video-container::before, .elementor-1528 .elementor-element.elementor-element-5e1b8b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1528 .elementor-element.elementor-element-5e1b8b8 > .elementor-background-slideshow::before, .elementor-1528 .elementor-element.elementor-element-5e1b8b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1528 .elementor-element.elementor-element-5e1b8b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0F0F0F;--background-overlay:'';}.elementor-1528 .elementor-element.elementor-element-a868763{--display:flex;--margin-top:20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1528 .elementor-element.elementor-element-af692a8{background-color:#02010100;}.elementor-1528 .elementor-element.elementor-element-af692a8 img{width:25%;}.elementor-1528 .elementor-element.elementor-element-d500168{--display:flex;}.elementor-1528 .elementor-element.elementor-element-02efa30{background-color:#02010100;}.elementor-1528 .elementor-element.elementor-element-cffaa63{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1528 .elementor-element.elementor-element-98d5be1.elementor-element{--align-self:center;}.elementor-1528 .elementor-element.elementor-element-98d5be1{text-align:center;}.elementor-1528 .elementor-element.elementor-element-98d5be1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:600;line-height:1.1em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1528 .elementor-element.elementor-element-17d8768{text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-1528 .elementor-element.elementor-element-17d8768 p{margin-block-end:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1528 .elementor-element.elementor-element-0a400b0{--divider-border-style:solid;--divider-color:#0C464C;--divider-border-width:1px;}.elementor-1528 .elementor-element.elementor-element-0a400b0 .elementor-divider-separator{width:100%;}.elementor-1528 .elementor-element.elementor-element-0a400b0 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-labels-inline .elementor-field-group > label{padding-left:4px;}body:not(.rtl) .elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-labels-inline .elementor-field-group > label{padding-right:4px;}body .elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-labels-above .elementor-field-group > label{padding-bottom:4px;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-group > label, .elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-subgroup label{color:#000000;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-type-html{padding-bottom:0px;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-group .elementor-field, .elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:6px 6px 6px 6px;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:6px 6px 6px 6px;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:500;border-radius:6px 6px 6px 6px;}.elementor-1528 .elementor-element.elementor-element-35f3225 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1528 .elementor-element.elementor-element-35f3225 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1528 .elementor-element.elementor-element-35f3225 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1528 .elementor-element.elementor-element-35f3225 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1528 .elementor-element.elementor-element-35f3225 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1528 .elementor-element.elementor-element-35f3225{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-1528 .elementor-element.elementor-element-cffaa63{--width:100%;}}@media(max-width:1024px){.elementor-1528 .elementor-element.elementor-element-5e1b8b8{--justify-content:flex-start;}.elementor-1528 .elementor-element.elementor-element-a868763{--margin-top:20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1528 .elementor-element.elementor-element-af692a8 img{width:30%;}.elementor-1528 .elementor-element.elementor-element-d500168{--justify-content:center;}}@media(max-width:767px){.elementor-1528 .elementor-element.elementor-element-5e1b8b8:not(.elementor-motion-effects-element-type-background), .elementor-1528 .elementor-element.elementor-element-5e1b8b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://twobyfour.mk/wp-content/uploads/2025/06/tbf.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1528 .elementor-element.elementor-element-5e1b8b8{--min-height:100vh;--justify-content:flex-start;--overlay-opacity:0.55;}.elementor-1528 .elementor-element.elementor-element-a868763{--margin-top:20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1528 .elementor-element.elementor-element-af692a8 img{width:50%;}.elementor-1528 .elementor-element.elementor-element-d500168{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1528 .elementor-element.elementor-element-cffaa63{--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1528 .elementor-element.elementor-element-98d5be1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1528 .elementor-element.elementor-element-98d5be1 .elementor-heading-title{font-size:22px;}.elementor-1528 .elementor-element.elementor-element-17d8768{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-02efa30 */.question {
     color: #FFFFFF;
     font-family: 'Montserrat', Sans-Serif;
     font-weight: 600;
     font-size: 20px;
     line-height: 1.3em;
     width: 90%;
     margin-bottom: 0.5rem;
 }
 
 
 
 label.answer-box {
    font-family: 'Montserrat', Sans-Serif;
    font-weight: 400;
    font-size: 14px;
}
 
 .answer-box {
    display: flex;
    background: #ffffff;
    align-items: center;
    box-shadow:  0 4px #019472;
    padding: 1rem;
    margin: 1rem 0;
    width: 80%;
    border-radius: 40px;
    cursor: pointer;
    position: relative;
    transition: border-color 0.3s, background-color 0.3s;
  }

.answer-box:hover {
    background-color: #F2FAF8;
    box-shadow: 0 4px #006C4A;
}

  .answer-box input[type="radio"] {
    display: none;
  }
  
  input[type="radio"]:checked + .custom-radio {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

  .custom-radio {
    height: 20px;
    width: 20px;
    border: 2px solid #999;
    border-radius: 50%;
    margin-right: 12px;
    position: relative;
    flex-shrink: 0;
  }

  .answer-box input[type="radio"]:checked + .custom-radio::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background-color: #4CAF50;
    border-radius: 50%;
  }
  
.retry-wrapper {
    color: red;
    font-weight: 500;
    background: #ffffffba;
    border-radius: 1rem;
    padding: 1rem 1.4rem;
    width: 60%;
    justify-self: center;
  }
  
  
  .retry-btn button {
     color: white;
    background-color: #057651;
    font-family: "Montserrat", Sans-serif;
    font-weight: 600;
    font-style: normal;
    border-radius: 12px 12px 12px 12px;
    border: 1px solid #057651;
    margin: 1rem 0 0 0;
    width: 100%;    
  }
  
    .retry-btn button:hover {
        background: #006C4A;
    }
  
  .message-title {
    text-align: -webkit-center;
    font-size: 30px;
    font-weight: 700;
    color: #057651;
     font-family:'Montserrat', Sans-Serif;
  }
  
  
#cry-img-bee {
    width: 50%;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
    font-family: 'Montserrat', Sans-Serif;
    font-weight: 800;
}
  
  #message {
    color: #0b464c;
    text-align: center;
    font-family: 'Montserrat', Sans-Serif;
    font-size: 22px;
    width: 70%;
    margin-bottom: 1rem;
    justify-self: center;
  }
  
  
  #timer {
    background: #ffffff;
    border-radius: 50px;
    box-shadow: 0 4px #D9D9D9;
    font-size: 20px;
    font-weight: 500;
    color: #0C464C;
    width: max-content;
    margin-top: 2rem;
    padding: 0.5rem 1.4rem;

  }
  
  @keyframes blink {
  0%, 100% { color: #d63d00; }
  50% { color: transparent; }
}

.timer-blink {
  animation: blink 1s step-start infinite;
  font-weight: bold;
}


.step-indicator {
    font-size: 20px;
    color: #d63d00;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 1470px) {
        .retry-wrapper {
            width: 50%;
            justify-self: center;
            margin: 0;
        }
        .answer-box {
            width: 70%;
            padding: 1rem;
        }
        
        #message {
            color: #0b464c;
            text-align: center;
            width: 80%;
            justify-self: center;
            margin-bottom: 0.5rem;
            font-weight: 400;
            font-size: 20px;
        }
        
        #message h1 {
            font-size: 30px;
        }
        
    }



@media only screen and (max-width: 1024px) {
        .question {
         font-size: 18px;
     }
     
        .retry-wrapper {
            width: 70%;
        }
         .answer-box {
            width: 80%;
            padding: 1rem;
        }
        
        #message {
            width: 70%;
            font-size: 18px;
        }
        
        .message-title {
            font-size: 24px;
        }
        
        .question {
            width: 90%;
            margin-bottom: 1rem;
        }
        
        .retry-btn button {
            margin: 1rem 0;
        }
        
        #timer {
          padding: 0.3rem 1rem;
        }
    }   


@media only screen and (max-width: 767px) {
    
    .question {
         font-size: 18px;
    }
    .retry-wrapper {
        color: red;
        width: 100%;
        font-weight: 500;
        background: #ffffffba;
        border-radius: 1rem;
        padding: 1rem 1.4rem;
        margin: 0;
        justify-self: center;
    }
    
    label.answer-box {
        font-size: 16px;
    }

     .answer-box {
        width: 100%;
        padding: 1rem;
    }
    
    #message {
        width: 100%;
        font-size: 16px;
        margin-bottom: 1.5rem;
        justify-self: center;
    }
    
    .message-title {
            font-size: 24px;
    }
    
    .question {
        width: 90%;
        margin-bottom: 1rem;
    }
    
    .retry-btn button {
        margin: 0;
    }
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffaa63 */#form-container-quiz-3{
    display: none;
    position: initial;
    width:50%;
        align-self: center;
    background: #ffffffba;
    padding: 2rem 2rem;
    border-radius: 1.3rem;
    margin-top: -100px;
    
}

#form-container-quiz-3 h2 {
    margin-bottom: 0.6rem;
    color: #019472;
    font-family: 'Montserrat', Sans-Serif;
    font-weight: 600;
}


#form-container-quiz-3 button {
    background: #019472;
    color: #ffffff;
    font-family: 'Montserrat', Sans-Serif;
    font-size: 18px;
    font-weight: 500;
}



@media only screen and (max-width: 1024px) {
     #form-container-quiz-3 {
        width: 70%;
        padding: 1rem 1rem;
        margin: 20px auto;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
    }
}


@media only screen and (max-width: 766px) {
     #form-container-quiz-3 {
        width: 90%;
        background: #ffffffd1;
        padding: 1rem 1rem;
        border-radius: 12px;
        margin: 50px auto;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
    }
}/* End custom CSS */