/*
   _____                                    _
  / ____|                                  | |
 | (___  _ __   __ _  ___ ___  ___ ___   __| | ___
  \___ \| '_ \ / _` |/ __/ _ \/ __/ _ \ / _` |/ _ \
  ____) | |_) | (_| | (__  __/ (__ (_) | (_| |  __/
 |_____/| .__/ \__,_|\___\___|\___\___/ \__,_|\___|
        | |
        |_|

    ------------
    Version 0.1.21

*/

/* Shop */
.shop{
    margin: -100px 0%;
    padding-bottom: 200px;
}

.shop h2{
    color: var(--text);
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px;
}

.shop__card{
    margin-bottom: 60px;
}

.shop__card--img{
    background-color: var(--background--second);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
}

.shop__card--img img{
    width: 110px;
}

.shop__card--info{
    margin-top: 20px;
}

.mode .shop__card--info h1{
    margin-bottom: 40px;
}

.shop__card--info h1{
    color: var(--text);
    font-weight: 500;
    font-size: 29px;
}

.shop__card--info p {
    color: #6a6868;
    font-weight: 400;
    height: 50px;
    overflow: auto;
    margin-bottom: 30px;
}

.shop__card--info h6{
    margin-bottom: 40px;
    color: var(--text);
    font-weight: 600;
}

.shop__card--info a{
    background-color: var(--default);
    padding: 15px 70px;
    color: var(--text)!important;
    font-size: 15px;
    font-weight: 600;
    transition: .4s;
}

.shop__card--info a:hover{
    opacity: .7;
    transition: .4s;
}

@media only screen and (max-width: 996px) {
    .shop {
        padding: 50px 7% 170px;
    }
}

/* Last */
.last{
    margin: 0px 0%;
    padding-bottom: 120px;
}

.last h2{
    color: var(--text);
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 20px;
}

.last__heads{
    display: flex;
    flex-wrap: wrap;
}

.last__heads img{
    width: 58px;
    margin: 5px 10px 5px 0;
}

@media only screen and (max-width: 996px) {
    .last {
        padding: 0px 7% 120px;
    }
}