.badge{
    background-color: green;
    color: var(--main-font);
    padding: 0.2em 1em;
    border-radius: 5px;
    font-weight: 600;
    font-size: 1.2em;
   
}
.main{
    padding: 0 8em;
}
.main h2{
    font-family: 'Poppins', sans-serif;
    font-size: 2em;
    font-weight: 400;
}
.main ul{
    margin: 1em 4em;
}
.images img{
    max-width: 30%;
    display: block;
    max-height: 200px;
    margin: 0 auto;

}
.images{
    gap: 2em;
}
.review-about, .review-specs, .review-pros, .review-cons{
    margin: 3em 0;
}
.review-specs ul li, .review-pros ul li, .review-cons ul li{
    font-size: 1.5em;
}
@media only screen and (max-width:950px){
    .images img{
        width: 30%;
    }
    .main{
        padding: 0 5em;
    }
}

@media only screen and (max-width:768px){
    .images{
        flex-direction: column;
        gap: 0em;
    }
    .images img{
        width: 40%;
    }
    .main{
        padding: 0 3em;
    }
}

@media only screen and (max-width:400px){
    .main{
        padding: 0 1.5em;
    }
}

.btn-close {
position: absolute;
top: 2px;
right: 2px;
}