*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    outline: none;
    border: none;
}
.widder{
    width: 100%;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}
body{
    background: rgb(235,115,99);
    background: linear-gradient(90deg, rgba(235,115,99,0.19931722689075626) 26%, rgba(46,52,126,0.196516106442577) 73%);
    transition: all 0.2s linear; 
}
body.no-scroll{
    overflow-y: hidden;
}
.blur{
    display: none;
    position: absolute;
    top: 50;
    left: 0;
    width: 100%;
    height: 100vh;
    background:rgba(0,0,0,0.6);
}
.blur.active{
    display: block;
}
.container{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-1{
    width: 90%;
}
.navbar{
    width: 100%;
    height: 70px;
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
    /* border: 1px solid red; */
}
.navbar .logo h3{
    font-size: 1.2em;
    align-items: center;
    color: #EB7363;
    font-family: 'M PLUS 2', sans-serif;
}
.navbar .nav{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
.nav-1 ul{
    display: inline-flex;
}
.nav-1 ul li{
    margin-left: 10px;
}
.nav-1 ul li a{
    color: #333333;
    font-family: sans-serif;
    font-size: 15px;
    padding: 10px 20px;
    /* transition: 0.2s; */
}
.nav-1 ul li a:hover{
    border-bottom: 2px solid #EB7363;
    border-radius: 50px;
    border-top: 2px solid #f0f1fb;
}
.nav .nav_button p a{
    padding: 7px 17px;
    color: #EB7363;
    border-radius: 50px;
    border: 2px solid #EB7363;
    font-family: sans-serif;
    text-align: center;
    margin-left: 40px;
    font-size: 15px;
    transition: 0.2s linear;
}
.nav .nav_button p a:hover{
    background-color: #EB7363;
    color: #fff;
}
.humburger{
    position: absolute;
    right: 20px; top: 27px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: none;
    z-index: 10000;
}
.humburger_1 , .humburger_2, .humburger_3{
    width: 20px;
    height: 2px;
    margin: 3px 0;
    background-color: #2e337e;
    transition: all 0.3s ease-in;
}
.mob-nav{
    position: absolute;
    top: 70px;
    width: 95%;
    background-color: #fff;
    border-radius: 0px 0px 20px 20px;
    height: 300px;
    border-bottom: 3px solid #d7daf3;
    right: 9px;
    transition: all 0.3s ease-in;
    display: none;
    z-index: 100000;
}
.mob-nav-1{
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 2px solid red; */
}
.mob-nav-1 ul{
    padding: 10px 0;
}
.mob-nav-1 ul li{
    margin: 10px 0;
    text-align: center;
    position: relative;
    padding: 10px 10px;
}
.mob-nav-1 ul li a:hover{
    border-top: 2px solid #d7daf3;
    border-bottom: 2px solid #fcdbd7;
    box-shadow: 0px 0px 4px 2px #d7daf3;
    border-radius: 50px;
}
.mob-nav-1 ul li a{
    padding: 12px 22px;
    text-decoration: none;
    color: #333333;
    font-family: sans-serif;
    font-size: 15px;
}
.mob-nav .mob-nav_button{
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 2px solid red; */
    height: 55px;
}
.mob-nav .mob-nav_button p a{
    padding: 10px 20px;
    border: 2px solid #EB7363;
    color: #EB7363;
    border-radius: 50px;
    font-family: sans-serif;
    font-family: 16px;
    text-align: center;
    transition: 0.1s linear;
}
.mob-nav .mob-nav_button p a:hover{
    background-color: #EB7363;
    color: #fff;
}
@media screen and (max-width: 700px){
    .container-1{
        width: 95%;
    }
}
@media screen and (max-width: 680px){
    .nav .nav_button p a{
        margin-left: 10px;
    }
}
@media screen and (max-width: 630px){
    .navbar .nav{
        display: none;
    }
    .humburger{
        display: block;
        text-align: center;
    }
}
/* navbar work end */

/* cover work starts */

.cover{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cover-1{
    width: 100%;
    /* border: 1px solid red; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.cover_box-1{
    /* border: 2px solid red; */
    width: 50%;
}
.cover .cover-1 .cover_box-1 h1{
    color: #333333;
    font-size: 3.5em;
    font-family: 'M PLUS 2', sans-serif;
    padding: 20px 0;
    font-weight: 800;
    line-height: 65px;
}
.cover .cover-1 .cover_box-1 p {
    font-size: 1.5em;
    color: rgb(29 27 27 / 62%);
    padding: 10px 0;
    font-family: sans-serif;
    word-spacing: 5px;
}
.cover .cover-1 .cover_box-1 .button{
    margin: 20px 0;
}
.cover .cover-1 .cover_box-1 .button a{
    padding: 20px 30px;
    color: #fff;
    border-radius: 50px;
    background-color: #EB7363;
    font-family: sans-serif;
    text-align: center;
    font-size: 15px;
    word-spacing: 0;
    border: 2px solid transparent;
    transition: 0.2s ease-in;
}
.cover .cover-1 .cover_box-1 .button a:hover{
    border: 2px solid #EB7363;
    background-color: transparent;
    color: #EB7363;
    transform: 0.5s ease-in;
}
.cover_box-2{
    position: relative;
    top: 50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* border: 2px solid greenyellow; */
    width: 45%;
}
.cover_box-2 .box_images_1{
    width: 400px;
    height: 370px;
}
.cover_box-2 .box_images_1{
    background-image: url(images/ruvim-noga-o0R4iqk1eRQ-unsplash.jpg);
    background-size: cover;
    background-repeat: repeat;
    border: 5px solid #ffffffc9;
    box-shadow: 0px 0px 5px 2px #eee;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-radius: 10px;
    z-index: 1;
}
.cover_box-2 .box_images_1 .timer{
    width: 95%;
    height: 55px;
    border-radius: 10px;
    background-color: #2e347ec9;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.cover_box-2 .box_images_1 .timer p{
    color: #fff;
    font-family: sans-serif;
}
.cover_box-2 .box_images_2{
    width: 321px;
    height: 251px;
    background-color: #2e337e;
    transform: translate(181px, -79px);
    border-radius: 10px;
}
.cover_box-2 .box_images_2 h1{
    margin-top: 82px;
    color: #fff;
    font-family: sans-serif;
    padding: 10px;
    font-size: 24px;
}
.cover_box-2 .box_images_2 .bid{
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
}
.cover_box-2 .box_images_2 .bid .bid_box-1 p{
    font-family: sans-serif;
    color: #ffffffc2;
    font-size: 14px;
}
.cover_box-2 .box_images_2 .bid .bid_box-1 h2{
    font-size: 18px;
    font-family: sans-serif;
    color: #fff;
    padding: 5px 0px;
    font-weight: 600;
}
.cover_box-2 .box_images_2 .bid .bid_box-2 p{
    font-family: sans-serif;
    color: #ffffffc2;
    font-size: 14px;
}
.cover_box-2 .box_images_2 .bid .bid_box-2 h2{
    font-size: 18px;
    font-family: sans-serif;
    color: #fff;
    padding: 5px 0px;
    font-weight: 600;
}
.cover_box-2 .box_images_2 .button{
    height: 35px;
    width: 94%;
    border: 1px solid white;
    margin: 3px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
.cover_box-2 .box_images_2 .button a{
    color: #fff;
    font-family: sans-serif;
    font-size: 15px;
}
.detail{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
    width: 500px;
}
.detail .detail-1 h3{
    font-family: sans-serif;
    font-size: 2.5em;
    color: #333333;
}
.detail .detail-1 p{
    padding: 0 !important;
    font-size: 1.1em !important;
}
.detail .detail-2 h3{
    font-family: sans-serif;
    font-size: 2.5em;
    color: #333333;
}
.detail .detail-2 p{
    padding: 0 !important;
    font-size: 1.1em !important;
}
.detail .detail-3 h3{
    font-family: sans-serif;
    font-size: 2.5em;
    color: #333333;
}
.detail .detail-3 p{
    padding: 0 !important;
    font-size: 1.1em !important;
}
@media screen and (max-width: 1200px){
    .cover_box-2 .box_images_2{
        transform: translate(153px, -79px);
    }
}
/* @media screen and (max-width: 1100px){
    .cover_box-2 .box_images_2{
        transform: translate(118px, -79px);
    }
    .detail{
        width: 400px;
        margin-top: 50px;
    }
} */
@media screen and (max-width: 1130px){
    .detail{
        width: 400px;
        margin-top: 50px;
    }
    .cover_box-2 .box_images_2{
        transform:translate(29px, -66px);
    }
    .cover .cover-1 .cover_box-1 h1{
        font-size: 3em;
    }
    .cover .cover-1 .cover_box-1 p{
        font-size: 1.3em;
    }
    .detail .detail-1 h3{
        font-size: 2em;
    }
    .detail .detail-2 h3{
        font-size: 2em;
    }
    .detail .detail-3 h3{
        font-size: 2em;
    }
    .cover .cover-1 .cover_box-1 .button a{
        padding: 17px 19px;
    }
    .cover_box-2{
        width: auto !important;
        top: 30px;
    }
    .cover_box-1{
        width: auto !important;
    }
    .cover_box-2 .box_images_1{
        width: 380px;
        height: 350px;
    }
}
@media screen and (max-width: 920px){
    .cover_box-2 .box_images_2{
        transform: translate(38px, -66px);
    }
    .cover_box-2 .box_images_1{
        width: 320px;
        height: 270px;
    }
    .cover_box-2 .box_images_2{
        width: 245px;
        height: 241px;
    }
}
@media screen and (max-width: 850px){
    .cover_box-2{
        display: none;
    }
    .cover-1{
        justify-content: center;
    }
    .cover .cover-1 .cover_box-1 h1{
        text-align: center;
    }
    .cover .cover-1 .cover_box-1 p{
        text-align: center;
    }
    .detail{
        justify-content: space-around;
    }
    .detail{
        width: auto;
    }
}
@media screen and (max-width: 414px){
    .cover .cover-1 .cover_box-1 h1{
        line-height: normal;
        font-size: 1.7em;
    }
    .cover .cover-1 .cover_box-1 p{
        font-size: 1em;
    }
    .cover .cover-1 .cover_box-1 .button a{
        padding: 13px 14px;
        font-size: 12px;
    }
    .detail .detail-1 h3{
        font-size: 1.5em;
    }
    .detail .detail-1 p{
        font-size: 0.8em !important;
        text-align: inherit;
    }
    .detail .detail-2 h3{
        font-size: 1.5em;
    }
    .detail .detail-2 p{
        font-size: 0.8em !important;
        text-align: inherit;
    }
    .detail .detail-3 h3{
        font-size: 1.5em;
    }
    .detail .detail-3 p{
        font-size: 0.8em !important;
        text-align: inherit;
    }
    .container-1{
        width: 90%;
    }
}

/* cover work close */

/* treanding items work start */
.treanding-items-container{
    margin-top: 5em;
    padding-bottom: 5em;
}
.treanding-items{
    width: 100%;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid red; */
}
.treanding-items .treading-box-1 h1{
    font-family: sans-serif;
    color: #1c1b1b;
    font-size: 2em;
    padding-left: 0.7em;
}
.treanding-items .treading-box-2 p a{
    font-family: sans-serif;
    color: #eb7363;
    font-size: 1.3em;
    margin-right: 30px;
}
.treanding-items .treading-box-2 p .fa-arrow-right > a:hover  {
    display: none;
}
.treanding-item-card{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}
.treanding-item-card .card-1{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.treanding-item-card .card-1 .sub-card-1{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-image-1{
    height: 300px;
    width: 100%;
    background-image: url("images/image-7.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    /* margin-right: 8px; */
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-user-1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-user-1 .sub-card-user-image-1{
    height: 38px;
    width: 38px;
    background-image: url("images/image-5.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-user-1 .text-1 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-user-1 .text-1 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-price-1{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-price-1 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-price-1 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-price-1 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.treanding-item-card .card-1 .sub-card-1 .sub-card-price-1 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}


.treanding-item-card .card-2{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.treanding-item-card .card-2 .sub-card-2{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-image-2{
    height: 300px;
    width: 100%;
    background-image: url("images/image-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    /* margin-right: 8px; */
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-user-2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-user-2 .sub-card-user-image-2{
    height: 38px;
    width: 38px;
    background-image: url("images/image-6.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-user-2 .text-2 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-user-2 .text-2 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-price-2{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-price-2 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-price-2 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-price-2 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.treanding-item-card .card-2 .sub-card-2 .sub-card-price-2 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}

.treanding-item-card .card-3{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.treanding-item-card .card-3 .sub-card-3{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-image-3{
    height: 300px;
    width: 100%;
    background-image: url("images/image-3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    /* margin-right: 8px; */
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-user-3{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-user-3 .sub-card-user-image-3{
    height: 38px;
    width: 38px;
    background-image: url("images/image-12.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-user-3 .text-3 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-user-3 .text-3 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-price-3{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-price-3 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-price-3 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-price-3 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.treanding-item-card .card-3 .sub-card-3 .sub-card-price-3 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}

.treanding-item-card .card-4{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.treanding-item-card .card-4 .sub-card-4{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-image-4{
    height: 300px;
    width: 100%;
    background-image: url("images/image-8.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    /* margin-right: 8px; */
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-user-4{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-user-4 .sub-card-user-image-4{
    height: 38px;
    width: 38px;
    background-image: url("images/image-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-user-4 .text-4 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-user-4 .text-4 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-price-4{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-price-4 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-price-4 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-price-4 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.treanding-item-card .card-4 .sub-card-4 .sub-card-price-4 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}

.treanding-item-card .card-5{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.treanding-item-card .card-5 .sub-card-5{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-image-5{
    height: 300px;
    width: 100%;
    background-image: url("images/image-9.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    /* margin-right: 8px; */
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-user-5{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-user-5 .sub-card-user-image-5{
    height: 38px;
    width: 38px;
    background-image: url("images/image-11.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-user-5 .text-5 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-user-5 .text-5 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-price-5{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-price-5 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-price-5 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-price-5 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.treanding-item-card .card-5 .sub-card-5 .sub-card-price-5 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}

.treanding-item-card .card-6{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.treanding-item-card .card-6 .sub-card-6{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-image-6{
    height: 300px;
    width: 100%;
    background-image: url("images/image-10.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    /* margin-right: 8px; */
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-user-6{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
    overflow: hidden;
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-user-6 .sub-card-user-image-6{
    height: 38px;
    width: 38px;
    background-image: url("images/image-4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-user-6 .text-6 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-user-6 .text-6 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-price-6{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-price-6 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-price-6 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-price-6 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.treanding-item-card .card-6 .sub-card-6 .sub-card-price-6 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}


@media screen and (max-width: 1130px){
    .treanding-items .treading-box-1 h1{
        font-size: 2em;
    }
}
@media screen and (max-width: 780px){
    .treanding-items{
        width: 100%;
        height: 70px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .treanding-items .treading-box-1 h1{
        padding-left: 0;
    }
    .treanding-items .treading-box-2 p a{
        margin-right: 0px;
    }
}
@media screen and (max-width: 450px){
    .treanding-items .treading-box-1 h1{
        font-size: 1.7em;
        color: #333333;
    }
    .treanding-items .treading-box-2 p a{
        font-size: 1em;
    }
}
.create{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    /* border: 2px solid red; */
    margin-top: 2em;
    margin-bottom: 5em;
    padding-left: 1.5em;
}
.create .create-heading h1{
    font-size: 2.5em;
    color: #333333;
    font-family: sans-serif;
    padding: 10px 0;
}
.create .create-heading p{
    font-family: sans-serif;
    font-size: 1.3em;
    color: #4e4c4c;
    padding: 5px 0;
}
.create .create-card{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 3em;
}
.wallet{
    height: 225px;
    width: 351px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 15px;
    border-radius: 5px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgb(238 238 238 / 43%) 25%, rgb(255 255 255 / 5%) 95%);
    transition: 0.5s ease-in;
}
.wallet:hover{
    background: linear-gradient(90deg, rgb(255 255 255 / 25%) 25%, rgb(231 231 231 / 19%) 73%);
    box-shadow: 0px 0px 9px 5px #c3c3cda8;
}
.wallet-icon .fas{
    color: #eb7363;
    padding: 15px 15px;
    font-size: 20px;
    background-color: #eb736326;
    border-radius: 5px;
}
.wallet-text h1{
    font-family: sans-serif;
    font-size: 1.5em;
    padding: 5px 0;
    color: #333333;
}
.wallet-text p{
    font-size: 15px;
    font-family: sans-serif;
    line-height: 1.5;
    color: #333333a3;
}
.add{
    height: 225px;
    width: 351px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 15px;
    border-radius: 5px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgb(238 238 238 / 43%) 25%, rgb(255 255 255 / 5%) 95%);
    transition: 0.5s ease-in;
}
.add:hover{
    background: linear-gradient(90deg, rgb(255 255 255 / 25%) 25%, rgb(231 231 231 / 19%) 73%);
    box-shadow: 0px 0px 9px 5px #c3c3cda8;
}
.add-icon .fas{
    color: #eb7363;
    padding: 15px 15px;
    font-size: 20px;
    background-color: #eb736326;
    border-radius: 5px;
}
.add-text h1{
    font-family: sans-serif;
    font-size: 1.5em;
    padding: 5px 0;
    color: #333333;
}
.add-text p{
    font-size: 15px;
    font-family: sans-serif;
    line-height: 1.5;
    color: #333333a3;
}
.sell{
    height: 225px;
    width: 351px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 15px;
    border-radius: 5px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgb(238 238 238 / 43%) 25%, rgb(255 255 255 / 5%) 95%);
    transition: 0.5s ease-in;
}
.sell:hover{
    background: linear-gradient(90deg, rgb(255 255 255 / 25%) 25%, rgb(231 231 231 / 19%) 73%);
    box-shadow: 0px 0px 9px 5px #c3c3cda8;
}
.sell-icon .fas{
    color: #eb7363;
    padding: 15px 15px;
    font-size: 20px;
    background-color: #eb736326;
    border-radius: 5px;
}
.sell-text h1{
    font-family: sans-serif;
    font-size: 1.5em;
    padding: 5px 0;
    color: #333333;
}
.sell-text p{
    font-size: 15px;
    font-family: sans-serif;
    line-height: 1.5;
    color: #333333a3;
}
@media screen and (max-width: 1215px){
    .wallet{
        width: 340px;
    }
    .add{
        width: 340px;
    }
    .sell{
        width: 340px;
    }
}
@media screen and (max-width: 1176px){
    .create{
        padding: 0px;
    }
}
@media screen and (max-width: 1151px){
    .create .create-card{
        justify-content: center;
    }  
    .wallet{
        margin-top: 1em;
    }
    .add{
        margin-top: 1em;
    }
    .sell{
        margin-top: 1em;
    }
}
@media screen and (max-width: 1130px){
    .create{
        align-items: center;
    }
    .create .create-heading h1{
        font-size: 2em;
    }
    .create .create-heading p{
        font-size: 1.2em;
    }
}
@media screen and (max-width: 440px){
    .create .create-heading h1{
        font-size: 2em;
    }
    .create .create-heading p{
        font-size: 1.1em;
    }
}

/* highest bid work start */

.hottest-bid-container{
    margin-top: 5em;
    padding-bottom: 5em;
}
.hottest-bid{
    width: 100%;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid red; */
}
.hottest-bid .hottest-box-1 h1{
    font-family: sans-serif;
    color: #1c1b1b;
    font-size: 2em;
    padding-left: 0.7em;
}
.hottest-bid .hottest-box-2 p a{
    font-family: sans-serif;
    color: #eb7363;
    font-size: 1.3em;
    margin-right: 30px;
}
.hottest-bid .hottest-box-2 p .fa-arrow-right > a:hover  {
    display: none;
}
.hottest-item-card{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}
.hottest-item-card .card-1{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.hottest-item-card .card-1 .sub-card-1{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-image-1{
    height: 300px;
    width: 100%;
    background-image: url("images/javier-miranda-MrWOCGKFVDg-unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-radius: 10px;
    z-index: 1;
    /* margin-right: 8px; */
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-image-1 .timer{
    width: 95%;
    height: 55px;
    border-radius: 10px;
    background-color: #2e347e8c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-image-1 .timer p{
    color: #fff;
    font-family: sans-serif;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-user-1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-user-1 .sub-card-user-image-1{
    height: 38px;
    width: 38px;
    background-image: url("images/image-11.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-user-1 .text-1 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-user-1 .text-1 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-price-1{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-price-1 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-price-1 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-price-1 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.hottest-item-card .card-1 .sub-card-1 .sub-card-price-1 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}


.hottest-item-card .card-2{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.hottest-item-card .card-2 .sub-card-2{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-image-2{
    height: 300px;
    width: 100%;
    background-image: url("images/a-5.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-radius: 10px;
    z-index: 1;
    /* margin-right: 8px; */
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-image-2 .timer{
    width: 95%;
    height: 55px;
    border-radius: 10px;
    background-color: #2e347e8c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-image-2 .timer p{
    color: #fff;
    font-family: sans-serif;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-user-2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-user-2 .sub-card-user-image-2{
    height: 38px;
    width: 38px;
    background-image: url("images/jacob-boavista-ogl7a4dz9Ks-unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-user-2 .text-2 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-user-2 .text-2 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-price-2{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-price-2 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-price-2 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-price-2 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.hottest-item-card .card-2 .sub-card-2 .sub-card-price-2 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}

.hottest-item-card .card-3{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.hottest-item-card .card-3 .sub-card-3{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-image-3{
    height: 300px;
    width: 100%;
    background-image: url("images/mark-dalton-K-mDzCZqSHA-unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-radius: 10px;
    z-index: 1;
    /* margin-right: 8px; */
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-image-3 .timer{
    width: 95%;
    height: 55px;
    border-radius: 10px;
    background-color: #2e347e8c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-image-3 .timer p{
    color: #fff;
    font-family: sans-serif;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-user-3{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-user-3 .sub-card-user-image-3{
    height: 38px;
    width: 38px;
    background-image: url("images/max-bender-XIVDN9cxOVc-unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-user-3 .text-3 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-user-3 .text-3 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-price-3{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-price-3 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-price-3 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-price-3 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.hottest-item-card .card-3 .sub-card-3 .sub-card-price-3 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}

.hottest-item-card .card-4{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.hottest-item-card .card-4 .sub-card-4{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-image-4{
    height: 300px;
    width: 100%;
    background-image: url("images/alexander-shatov-DHl49oyrn7Y-unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-radius: 10px;
    z-index: 1;
    /* margin-right: 8px; */
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-image-4 .timer{
    width: 95%;
    height: 55px;
    border-radius: 10px;
    background-color: #2e347e8c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-image-4 .timer p{
    color: #fff;
    font-family: sans-serif;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-user-4{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-user-4 .sub-card-user-image-4{
    height: 38px;
    width: 38px;
    background-image: url("images/artur-tumasjan-IDbeTFgI9As-unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-user-4 .text-4 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-user-4 .text-4 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-price-4{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-price-4 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-price-4 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-price-4 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.hottest-item-card .card-4 .sub-card-4 .sub-card-price-4 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}

.hottest-item-card .card-5{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.hottest-item-card .card-5 .sub-card-5{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-image-5{
    height: 300px;
    width: 100%;
    background-image: url("images/everyday-basics-k7-zo26OYqs-unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-radius: 10px;
    z-index: 1;
    /* margin-right: 8px; */
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-user-5{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-user-5 .sub-card-user-image-5{
    height: 38px;
    width: 38px;
    background-image: url("images/image-4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-image-5 .timer{
    width: 95%;
    height: 55px;
    border-radius: 10px;
    background-color: #2e347e8c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-image-5 .timer p{
    color: #fff;
    font-family: sans-serif;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-user-5 .text-5 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-user-5 .text-5 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-price-5{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-price-5 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-price-5 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-price-5 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.hottest-item-card .card-5 .sub-card-5 .sub-card-price-5 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}

.hottest-item-card .card-6{
    width: 343px;
    height: 473px;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #FFFFFF4D;
    margin-top: 3em;
}
.hottest-item-card .card-6 .sub-card-6{
    width: 90%;
    /* border: 2px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-image-6{
    height: 300px;
    width: 100%;
    background-image: url("images/sebastian-svenson-d2w-_1LJioQ-unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    border-radius: 10px;
    z-index: 1;
    /* margin-right: 8px; */
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-image-6 .timer{
    width: 95%;
    height: 55px;
    border-radius: 10px;
    background-color: #2e347e8c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-image-6 .timer p{
    color: #fff;
    font-family: sans-serif;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-user-6{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
    overflow: hidden;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-user-6 .sub-card-user-image-6{
    height: 38px;
    width: 38px;
    background-image: url("images/a-4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 50px;
    margin-right: 8px;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-user-6 .text-6 h2{
    font-family: sans-serif;
    font-size: 1.1em;
    color: #333333;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-user-6 .text-6 p{
    font-size: 0.9em;
    font-family: sans-serif;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-price-6{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-price-6 .pice p{
    font-family: sans-serif;
    color: #333333;
    font-size: 15px;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-price-6 .pice h1{
    font-size: 1.5em;
    font-family: sans-serif;
    color: #333333;
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-price-6 .place-bid p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.hottest-item-card .card-6 .sub-card-6 .sub-card-price-6 .place-bid p a:hover{
    background-color: #333333;
    color: #ffffff;
}


@media screen and (max-width: 1130px){
    .hottest-items .hottest-box-1 h1{
        font-size: 2em;
    }
}
@media screen and (max-width: 780px){
    .hottest-items{
        width: 100%;
        height: 70px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .hottest-items .hottest-box-1 h1{
        padding-left: 0;
    }
    .hottest-items .hottest-box-2 p a{
        margin-right: 0px;
    }
}
@media screen and (max-width: 450px){
    .hottest-items .hottest-box-1 h1{
        font-size: 1.7em;
        color: #333333;
    }
    .hottest-items .hottest-box-2 p a{
        font-size: 1em;
    }
}

.popular-bid{
    width: 100%;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid red; */
}
.popular-bid .popular-box-1 h1{
    font-family: sans-serif;
    color: #1c1b1b;
    font-size: 2em;
    padding-left: 0.7em;
}
.popular-bid .popular-box-2 p a{
    font-family: sans-serif;
    color: #eb7363;
    font-size: 1.3em;
    margin-right: 30px;
}
.popular-artist-card{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 3em;
    margin-bottom: 5em;
    padding: 0px 20px;
}
.artist-card-1{
    width: 354px;
    height: 270px;
    /* border: 2px solid red; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #ffffff40;
    padding: 0px 8px;
    margin: 0.5em 0;
    transition: 0.3s ease-in;
}
.artist-card-1:hover{
    box-shadow: 0px 0px 6px 2px #b9bbcdcf;
}
.artist-george{
    width: 95%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /* border: 2px solid red; */
}
.george-data{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid red; */
    /* margin-bottom: 10px; */
}
.george-image-side{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.george-image-side .george-image{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    /* border: 2px solid red; */
    background-image: url(images/f-7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.george-image-side .george-image:hover{
    transform: scale(1.1);
    box-shadow: 0px 0px 4px 2px #43524f80;
}
.george-image-side h2{
    font-size: 1.5em;
    color: #333333;
    font-family: sans-serif;
    text-align: center;
    padding: 0 10px;
} 
.george-follow p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.george-follow p a:hover{
    background-color: #333333;
    color: #ffffff;
}
.george-art{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0.8em;
    /* border: 2px solid red; */
}
.george-art .george-art-big-1{
    width: 42%;
    height: 171px;
    /* border: 2px solid red; */
    background-image: url(images/mithushi-arya-lXOX3-yTvyQ-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: 0.3s ease-in;
}
.george-art .george-art-big-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.george-art .george-art-big-11{
    width: 58%;
    /* border: 2px solid red; */
}
.george-top-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.george-art .george-art-big-11 .george-top-art-1 .george-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/simon-lee-hbFKxsIqclc-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-in;
}
.george-art .george-art-big-11 .george-top-art-1 .george-sub-1:hover{
    box-shadow: 0px 0px 4px 2px #b9bbcdcf;
}
.george-art .george-art-big-11 .george-top-art-1 .george-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/simon-lee-ynmPY1MLwMs-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-in;
}
.george-art .george-art-big-11 .george-top-art-1 .george-sub-2:hover{
    box-shadow: 0px 0px 4px 2px #b9bbcdcf;
}
.george-art .george-bottom-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.george-art .george-bottom-art-1 .george-bottom-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/as-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-in;
}
.george-art .george-bottom-art-1 .george-bottom-sub-1:hover{
    box-shadow: 0px 0px 4px 2px #b9bbcdcf;
}
.george-art .george-bottom-art-1 .george-bottom-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/as-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-in;
}
.george-art .george-bottom-art-1 .george-bottom-sub-2:hover{
    box-shadow: 0px 0px 4px 2px #b9bbcdcf;
}
.artist-card-2{
    width: 354px;
    height: 270px;
    /* border: 2px solid red; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #ffffff40;
    padding: 0px 8px;
    margin: 0.5em 0;
    transition: 0.3s ease-in;
}
.artist-card-2:hover{
    box-shadow: 0px 0px 6px 2px #b9bbcdcf;
}
.artist-lady{
    width: 95%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /* border: 2px solid red; */
}
.lady-data{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid red; */
    /* margin-bottom: 10px; */
}
.lady-image-side{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.lady-image-side .lady-image{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    /* border: 2px solid red; */
    background-image: url(images/f-6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.lady-image-side .lady-image:hover {
    transform: scale(1.1);
    box-shadow: 0px 0px 4px 2px #43524f80;
}
.lady-image-side h2{
    font-size: 1.5em;
    color: #333333;
    font-family: sans-serif;
    text-align: center;
    padding: 0 10px;
} 
.lady-follow p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.lady-follow p a:hover{
    background-color: #333333;
    color: #ffffff;
}
.lady-art{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0.8em;
    /* border: 2px solid red; */
}
.lady-art .lady-art-big-1{
    width: 42%;
    height: 171px;
    /* border: 2px solid red; */
    background-image: url(images/s-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: 0.3s ease-in;
}
.lady-art .lady-art-big-1:hover {
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.lady-art .lady-art-big-11{
    width: 58%;
    /* border: 2px solid red; */
}
.lady-top-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.lady-art .lady-art-big-11 .lady-top-art-1 .lady-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/s-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-in;
}
.lady-art .lady-art-big-11 .lady-top-art-1 .lady-sub-1:hover{
    box-shadow: 0px 0px 4px 2px #b9bbcdcf;
}
.lady-art .lady-art-big-11 .lady-top-art-1 .lady-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/s-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-in;
}
.lady-art .lady-art-big-11 .lady-top-art-1 .lady-sub-2:hover{
    box-shadow: 0px 0px 4px 2px #b9bbcdcf;
}
.lady-art  .lady-bottom-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.lady-art  .lady-bottom-art-1 .lady-bottom-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/s-4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-in;
}
.lady-art  .lady-bottom-art-1 .lady-bottom-sub-1:hover{
    box-shadow: 0px 0px 4px 2px #b9bbcdcf;
}
.lady-art .lady-bottom-art-1 .lady-bottom-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/s-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-in;
}
.lady-art .lady-bottom-art-1 .lady-bottom-sub-2:hover{
    box-shadow: 0px 0px 4px 2px #b9bbcdcf;
}
.artist-card-3{
    width: 354px;
    height: 270px;
    /* border: 2px solid red; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #ffffff40;
    padding: 0px 8px;
    margin: 0.5em 0;
    transition: 0.3s ease-in;
}
.artist-card-3:hover{
    box-shadow: 0px 0px 6px 2px #b9bbcdcf;
}
.artist-ethan{
    width: 95%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /* border: 2px solid red; */
}
.ethan-data{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid red; */
    /* margin-bottom: 10px; */
}
.ethan-image-side{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.ethan-image-side .ethan-image{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    /* border: 2px solid red; */
    background-image: url(images/f-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.ethan-image-side .ethan-image:hover{
    transform: scale(1.1);
    box-shadow: 0px 0px 4px 2px #43524f80;
}
.ethan-image-side h2{
    font-size: 1.5em;
    color: #333333;
    font-family: sans-serif;
    text-align: center;
    padding: 0 10px;
} 
.ethan-follow p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.ethan-follow p a:hover{
    background-color: #333333;
    color: #ffffff;
}
.ethan-art{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0.8em;
    /* border: 2px solid red; */
}
.ethan-art .ethan-art-big-1{
    width: 42%;
    height: 171px;
    /* border: 2px solid red; */
    background-image: url(images/g-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: 0.3s ease-in;
}
.ethan-art .ethan-art-big-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.ethan-art .ethan-art-big-11{
    width: 58%;
    /* border: 2px solid red; */
}
.ethan-top-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.ethan-art .ethan-art-big-11 .ethan-top-art-1 .ethan-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/g-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.ethan-art .ethan-art-big-11 .ethan-top-art-1 .ethan-sub-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.ethan-art .ethan-art-big-11 .ethan-top-art-1 .ethan-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/g-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.ethan-art .ethan-art-big-11 .ethan-top-art-1 .ethan-sub-2:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.ethan-art  .ethan-bottom-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.ethan-art .ethan-bottom-art-1 .ethan-bottom-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/g-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.ethan-art .ethan-bottom-art-1 .ethan-bottom-sub-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.ethan-art .ethan-bottom-art-1 .ethan-bottom-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/g-4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.ethan-art .ethan-bottom-art-1 .ethan-bottom-sub-2:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.artist-card-4{
    width: 354px;
    height: 270px;
    /* border: 2px solid red; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #ffffff40;
    padding: 0px 8px;
    margin: 0.5em 0;
    transition: 0.3s ease-in;
}
.artist-card-4:hover{
    box-shadow: 0px 0px 6px 2px #b9bbcdcf;
}
.artist-manu{
    width: 95%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /* border: 2px solid red; */
}
.manu-data{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid red; */
    /* margin-bottom: 10px; */
}
.manu-image-side{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.manu-image-side .manu-image{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    /* border: 2px solid red; */
    background-image: url(images/f-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.manu-image-side .manu-image:hover{
    transform: scale(1.1);
    box-shadow: 0px 0px 4px 2px #43524f80;
}
.manu-image-side h2{
    font-size: 1.5em;
    color: #333333;
    font-family: sans-serif;
    text-align: center;
    padding: 0 10px;
} 
.manu-follow p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.manu-follow p a:hover{
    background-color: #333333;
    color: #ffffff;
}
.manu-art{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0.8em;
    /* border: 2px solid red; */
}
.manu-art .manu-art-big-1{
    width: 42%;
    height: 171px;
    /* border: 2px solid red; */
    background-image: url(images/r-4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: 0.3s ease-in;
}
.manu-art .manu-art-big-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}

.manu-art .manu-art-big-11{
    width: 58%;
    /* border: 2px solid red; */
}
.manu-top-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.manu-art .manu-art-big-11 .manu-top-art-1 .manu-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/r-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.manu-art .manu-art-big-11 .manu-top-art-1 .manu-sub-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.manu-art .manu-art-big-11 .manu-top-art-1 .manu-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/r-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.manu-art .manu-art-big-11 .manu-top-art-1 .manu-sub-2:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.manu-art  .manu-bottom-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.manu-art  .manu-bottom-art-1 .manu-bottom-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/r-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.manu-art  .manu-bottom-art-1 .manu-bottom-sub-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.manu-art .manu-bottom-art-1 .manu-bottom-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/r-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.manu-art  .manu-bottom-art-1 .manu-bottom-sub-2:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.artist-card-5{
    width: 354px;
    height: 270px;
    /* border: 2px solid red; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #ffffff40;
    padding: 0px 8px;
    margin: 0.5em 0;
    transition: 0.3s ease-in;
}
.artist-card-5:hover{
    box-shadow: 0px 0px 6px 2px #b9bbcdcf;
}
.artist-scary{
    width: 95%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /* border: 2px solid red; */
}
.scary-data{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid red; */
    /* margin-bottom: 10px; */
}
.scary-image-side{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.scary-image-side .scary-image{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    /* border: 2px solid red; */
    background-image: url(images/f-4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.scary-image-side .scary-image:hover{
    transform: scale(1.1);
    box-shadow: 0px 0px 4px 2px #43524f80;
}
.scary-image-side h2{
    font-size: 1.5em;
    color: #333333;
    font-family: sans-serif;
    text-align: center;
    padding: 0 10px;
} 
.scary-follow p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.scary-follow p a:hover{
    background-color: #333333;
    color: #ffffff;
}
.scary-art{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0.8em;
    /* border: 2px solid red; */
}
.scary-art .scary-art-big-1{
    width: 42%;
    height: 171px;
    /* border: 2px solid red; */
    background-image: url(images/a-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: 0.3s ease-in;
}
.scary-art .scary-art-big-1:hover {
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.scary-art .scary-art-big-11{
    width: 58%;
    /* border: 2px solid red; */
}
.scary-top-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.scary-art .scary-art-big-11 .scary-top-art-1 .scary-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/a-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.scary-art .scary-art-big-11 .scary-top-art-1 .scary-sub-1:hover {
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.scary-art .scary-art-big-11 .scary-top-art-1 .scary-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/a-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.scary-art .scary-art-big-11 .scary-top-art-1 .scary-sub-2:hover {
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.scary-art  .scary-bottom-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.scary-art  .scary-bottom-art-1 .scary-bottom-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/a-4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.scary-art  .scary-bottom-art-1 .scary-bottom-sub-1:hover {
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.scary-art .scary-bottom-art-1 .scary-bottom-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/a-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.scary-art .scary-bottom-art-1 .scary-bottom-sub-2:hover {
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.artist-card-6{
    width: 354px;
    height: 270px;
    /* border: 2px solid red; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #ffffff40;
    padding: 0px 8px;
    margin: 0.5em 0;
    transition: 0.3s ease-in;
}
.artist-card-6:hover{
    box-shadow: 0px 0px 6px 2px #b9bbcdcf;
}
.artist-dark{
    width: 95%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /* border: 2px solid red; */
}
.dark-data{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid red; */
    /* margin-bottom: 10px; */
}
.dark-image-side{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.dark-image-side .dark-image{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    /* border: 2px solid red; */
    background-image: url(images/f-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.dark-image-side .dark-image:hover{
    transform: scale(1.1);
    box-shadow: 0px 0px 4px 2px #43524f80;
}
.dark-image-side h2{
    font-size: 1.5em;
    color: #333333;
    font-family: sans-serif;
    text-align: center;
    padding: 0 10px;
} 
.dark-follow p a{
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: sans-serif;
    color: #000;
    font-size: 15px;
    position: relative;
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.dark-follow p a:hover{
    background-color: #333333;
    color: #ffffff;
}
.dark-art{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0.8em;
    /* border: 2px solid red; */
}
.dark-art .dark-art-big-1{
    width: 42%;
    height: 171px;
    /* border: 2px solid red; */
    background-image: url(images/d-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: 0.3s ease-in;
}
.dark-art .dark-art-big-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.dark-art .dark-art-big-11{
    width: 58%;
    /* border: 2px solid red; */
}
.dark-top-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.dark-art .dark-art-big-11 .dark-top-art-1 .dark-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/d-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.dark-art .dark-art-big-11 .dark-top-art-1 .dark-sub-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.dark-art .dark-art-big-11 .dark-top-art-1 .dark-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/d-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.dark-art .dark-art-big-11 .dark-top-art-1 .dark-sub-2:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.dark-art  .dark-bottom-art-1{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.dark-art  .dark-bottom-art-1 .dark-bottom-sub-1{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    background-image: url(images/d-4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.dark-art  .dark-bottom-art-1 .dark-bottom-sub-1:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}
.dark-art .dark-bottom-art-1 .dark-bottom-sub-2{
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin: 5px 5px;
    margin-right: 0px;
    background-image: url(images/d-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.3s ease-in;
}
.dark-art  .dark-bottom-art-1 .dark-bottom-sub-2:hover{
    box-shadow: 0px 0px 5px 3px #b9bbcdcf;
}

@media screen and (max-width: 1242px){
    .popular-artist-card{
        justify-content: space-evenly;
        padding: 0;
    }
}
@media screen and (max-width: 1197px){
    .popular-bid{
        justify-content: space-around;
    }
    .popular-bid .popular-box-2 p a{
        margin-right: 0;
    }
    .popular-bid .popular-box-1 h1{
        margin-left: 0;
    }
}
@media screen and (max-width: 803px){
    .popular-bid {
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    .hottest-bid{
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    .hottest-bid .hottest-box-1 h1{
        padding-left: 0;
    }
    .hottest-bid .hottest-box-2 p a{
        margin-right: 0;
    }
}

@media screen and (max-width: 460px){
    .george-image-side h2{
        font-size: 1.2em;
    }
    .lady-image-side h2{
        font-size: 1.2em;
    }
    .ethan-image-side h2{
        font-size: 1.2em;
    }
    .manu-image-side h2{
        font-size: 1.2em;
    }
    .scary-image-side h2{
        font-size: 1.2em;
    }
    .dark-image-side h2{
        font-size: 1.2em;
    }
}
.footer{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 2px solid red; */
    margin: 5em 0;
}
.footer-detail{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    /* border: 2px solid red; */
}
.footer-side-2{
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /* border: 2px solid red; */
}
.footer-side-1 .logo h3{
    font-size: 1.3em;
    align-items: center;
    color: #EB7363;
    font-family: 'M PLUS 2', sans-serif;
}
.footer-side-1 .daruma-detail p{
    font-size: 14px;
    color: #544f59;
    font-family: sans-serif;
    padding: 20px 0;
    line-height: 25px;
}
.footer-side-1 .social-icon ul{
    width: 70%;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-side-1 .social-icon ul li{
    height: 35px;
    width: 35px;
    border: 1px solid #eb7363;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-side-1 .social-icon ul li a{
    text-decoration: none;
    color: #EB7363;
}
.sitemap h1{
    color: #2e2e2e;
    font-family: sans-serif;
    font-size: 1.5em;
    padding: 10px 0;
    padding-top: 0;
}
.sitemap ul li{
    padding: 8px 0;
}
.sitemap ul li a{
    text-decoration: none;
    color: #544f59;
    font-size: 14px;
    font-family: sans-serif;
    transition: 0.3s linear;
}
.sitemap ul li a:hover{
    color: #EB7363;
}

.company h1{
    color: #262626;
    font-family: sans-serif;
    font-size: 1.5em;
    padding: 10px 0;
    padding-top: 0;
}
.company ul li{
    padding: 8px 0;
}
.company ul li a{
    text-decoration: none;
    color: #544f59;
    font-size: 14px;
    font-family: sans-serif;
    transition: 0.3s linear;
}
.company ul li a:hover{
    color: #EB7363;
}
.footer-side-3{
    width: 30%;
}
.subscribe h1{
    font-family: sans-serif;
    font-size: 1.5em;
    color: #262626;
}
.subscribe-detail p{
    font-family: sans-serif;
    font-size: 15px;
    color: #544f59;
    padding: 15px 0;
    line-height: 25px;
}
.subscribe-box{
    margin: 10px 0;
}
.subscribe-box form .email{
    background: #fff;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subscribe-box form .email input{
    padding: 10px;
    font-size: 11px;
    width: 85%;
    height: 40px;
}
.subscribe-box form .email a{
    background: #eb7363;
    color: #eee;
    padding: 10px;
    height: 36px;
    text-align: center;
    width: 65px;
    border-radius: 5px;
    font-family: sans-serif;
    font-size: 14px;
    padding-top: 9px;
    margin: 3px;
}
@media screen and (max-width: 1196px){
    .sitemap h1{
        font-size: 1.2em;
    }
    .company h1{
        font-size: 1.2em;
    }
    .subscribe h1{
        font-size: 1.2em;
    }
}
@media screen and (max-width: 1000px){
    .footer-side-2{
        width: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .company{
        margin-left: 2em;
    }
}
@media screen and (max-width: 900px){
    .footer-detail{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
}
@media screen and (max-width: 800px){
    .footer-detail{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .footer-side-1{
        margin: 1em 0;
        width: 50%;
    }
    .footer-side-1 .social-icon ul{
        width: 50%;
    }   
    .footer-side-2{
        margin: 1em 0;
        width: 50%;
        justify-content: space-between;
    }
    .company{
        margin-left: 0;
    }
    .footer-side-3{
        margin: 1em 0;
        width: 50%;
    }
    .footer{
        margin: 2em 0;
    }
}
@media screen and (max-width: 560px){
    .footer-detail{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .footer-side-1{
        margin: 1em 0;
        width: 70%;
    }
    .footer-side-1 .social-icon ul{
        width: 50%;
    }   
    .footer-side-2{
        margin: 1em 0;
        width: 70%;
        justify-content: space-between;
    }
    .company{
        margin-left: 0;
        width: 30%;
    }
    .sitemap{
        width: 30%;
    }
    .footer-side-3{
        margin: 1em 0;
        width: 70%;
    }
}
@media screen and (max-width: 420px){
    .footer-detail{
        width: 95%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .footer-side-1{
        margin: 1em 0;
        width: 100%;
    }
    .footer-side-1 .social-icon ul{
        width: 50%;
    }   
    .footer-side-2{
        margin: 1em 0;
        width: 100%;
        justify-content: space-between;
    }
    .company{
        margin-left: 0;
    }
    .footer-side-3{
        margin: 1em 0;
        width: 100%;
    }
}