#introduce {
    color: white;
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 5px 10px;
    background-color: #4CAF50;
    text-align: center;
    font-size: 25px;
    margin-bottom: 45px;
}




article img {
width: 200px;
}

article h2{
    height: 82px;
}

article p{
    height: 56px;
    overflow: hidden;
}

article a {
text-decoration: none;
font-weight: bold;
background-color: #FF9800;
color: white;
width: 100%;
padding: 10px 0;
display: block;
}

.stars-wrapper{
    direction: ltr;
}

.stars-wrapper #stars-number{
    float: left;
    direction: rtl;
    padding-right: 10px;
}

.stars-wrapper .stars-shape {
    cursor: pointer;
    transition: all 0.3s;
}

.stars-wrapper .stars-shape svg{
    overflow: initial;
    width: 15px;
    height: 15px;
    stroke-width: 55px;
    stroke: #ffc107;
    margin-left: 1px;
}
.stars-wrapper .stars-shape svg:hover{
    fill: #ffc107;
}

stop{
    stop-opacity: 1;
    stop-color: rgba(0, 0, 0, 0);
}

stop#half-stp-1{
   stop-color: #ffc107;
}

.pt_20{
    padding-top: 20px;
}