/* ? Third section */
.third-section h1,.third-section p{
    
    margin:10px 0;
}
.third-section-container h2{
    color:blue;
    margin-bottom:10px;
}
.first-results-flex,.second-results-flex{
    margin-top:5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap:10px;
}
.first-results-flex label{
    color:black;
    display: block;
    margin-bottom: 5px;
}
.first-results-flex select, .second-results-flex select{
    padding:10px;
    border-radius: 8px;
    outline:none;
    width: 100%;
}
.first-results-flex select:focus, .second-results-flex:focus{
    border:var(--select-focus-border)
} 
.first-results-flex div, .second-results-flex div{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}
.second-results-flex label{
    color:black;
    display: block;
    margin-top: 5px;
}
.third-section-buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top:20px;

}
.third-section-buttons .prev-btn{
    width: 20%;
    padding:10px;
    border:none;
    border-radius: 10px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    cursor: pointer;
 
}
.third-section-buttons .prev-btn:hover{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
   
}
.third-section-buttons .next-btn{
      width: 20%;;
    cursor: pointer;
    padding:10px;
    border:none;
    border-radius: 10px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background-color: var(--next-button-bg);
}
.third-section-buttons .next-btn:hover{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.add-another-results{
    margin-top:20px;
    background-color: rgb(43, 43, 231);
    color:white;
    padding:5px;
    outline: none;
    border:none;
    border-radius: 6px;
    cursor: pointer;
}
/*? novdec section in the third section */
/* the id and the classname are all from the js file */
.novdec-checkbox{
    border:10px solid blue;


}
.nov-dec-container{
    border:2px solid rgb(145, 140, 140);
    padding:20px 10px;
    border-radius: 10px;
    margin-top:30px;
}
.nov-dec-container h3{
    color:black;
    font-weight: bold;
}
.nov-dec-container label{
    font-family: var(--primary-fonts);
    display: block;
    margin:5px 0;
    color:black;
    font-weight: bold;
    text-transform: capitalize;
}
.nov-dec-container select{
    outline:none;
    width: 100%;
    padding:10px;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 10px;
}
.nov-dec-first-container,.nov-dec-second-container{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;

}

.novdec-group-container{
    margin-top:20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
/* ? end of novdec section in the third section */
/* ? End of third section */