*{box-sizing: border-box;}
.vs1-card-holder {
    /* width: 1200px; */

    width: 1360px;
    height: 408px;
    float: left;


    margin: 7px auto;
    margin-bottom: 25px;
    padding: 0px 0px;

    background-color: #c26363;
    background-color: whitesmoke;
    border: 2px #ccc333 solid;
    border-radius: 5px 5px ;

    overflow: hidden;
}

.vs1-card-headder {
    /* width: 1200px; */

    width: 99%;
    width: 100%;
    height: 28px;
    float: left;
    margin: 1px auto;
    margin-left: 3px;
    /* padding: 1px 1px; */
    padding: 0px 0px;
    /* background-color: #c26363; */
    background-color: whitesmoke;
    /* border: 2px #ccc333 solid; */
    border-radius: 3px 3px ;
    /* overflow: hidden; */
}
.vs1-card-headder-title {
    /* width: 1200px; */

    width: 95%;
    height: 28px;
    float: left;
    margin: 1px auto;
    padding: 2px 6px;
    background-color: #c542ec98;
    /* background-color: whitesmoke; */
    /* border: 2px #ccc333 solid; */
    /* border-radius: 3px 3px ; */
    /* overflow: hidden; */
    font-size: 18px;
    font-weight: 900;
}

.vs1-card-headder-jumper {
    /* width: 1200px; */

    width: 5%;
    height: 28px;
    /* float: right; */
    float: left;
    margin: 1px auto;
    /* margin-top: -1px; */
    padding: 1px 1px;
    background-color: #181313e0;
    /* background-color: whitesmoke; */
    /* border: 2px #ccc333 solid; */
    /* border-radius: 3px 3px ; */
    /* overflow: hidden; */
}
.vs1-card-body {
    /* width: 1200px; */

    width: 100%;
    height: 375px;
    float: left;


    margin: 1px auto;
    margin-bottom: 25px;
    padding: 3px 4px;

    background-color: #c26363;
    background-color: whitesmoke;
    border: 2px #ccc333 solid;
    border-radius: 5px 5px ;

    /* overflow: hidden; */
}

.vs1-card {
    width: 324px;
    height: 360px;
    float: left;
    /* display: flex;
    align-items: first baseline; */


    margin: 4px 4px;
    padding: 2px 2px;

    background-color: whitesmoke;
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    overflow: hidden;
}

.vs1-ci-headder {
    width: 100%;
    height: 36px;
    height: 30px;
    /* float: left; */
    display: block;

    margin : 0px 0px;
    padding: 2px 2px;

    font-size: 16px;
    font-weight: 900;

    background-color: whitesmoke;
    background-color: rgb(62, 209, 123);
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    /* overflow: hidden; */
}

.vs1-card-item {
    /* width: 150px;
    height: 156px; */

    width: 153px;
    height: 158px;

    /* float: left; */
    display: inline-block;


    margin: 2px 2px;
    padding: 0px 0px;

    background-color: whitesmoke;
    background-color: rgb(62, 209, 123);
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    /* overflow: hidden; */
}

/* .vs1-card-item-img , .vs1-card-item-img img {
    width: 150px;
    height: 60px;
    float: left;


    margin: 0px 0px;
    padding: 0px 0px;

    background-color: whitesmoke;
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    overflow: hidden;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: border-box;
} */
/* , .vs1-card-item-img img */
.vs1-card-item-img  {
    /* width: 130px; */
    width: 150px;
    height: 110px;
    /* float: left; */
    display: block;

    margin: 0px 0px;
    padding: 0px 0px;

    background-color: whitesmoke;
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    overflow: hidden;
    clear: both;
}

.vs1-card-item-img img {
    /* width: 130px;
    height: 104px; */
    width: 100%;
    height: 100%;
    float: left;


    margin: 0px 0px;
    padding: 0px 0px;

    /* background-color: whitesmoke; */
    /* border: 1px #ccc333 solid; */
    /* border-radius: 5px 5px ; */

    overflow: hidden;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: border-box;
}

.vs1-card-item-tittle {
    /* width: 130px; */
    width: 150px;
    height: 41px;
    float: left;

    margin: 0px 0px;
    padding: 2px 2px;

    font-size: 12px;
    font-weight: 900;
    font-style: normal;
    visibility: visible;
    background-color: whitesmoke;
    background-color: rgba(128, 194, 108, 0.712);
    /* border: 1px #ccc333 solid; */
    /* border-radius: 5px 5px ; */
    /* overflow: hidden; */

}

/* ****=====*****=========*****====***== */
/* the second vs card for the display  */
/* ****=====*****=========*****====***== */

.vs2-card-holder {
    /* width: 1200px; */

    width: 1360px;
    height: 408px;
    float: left;


    margin: 7px auto;
    margin-bottom: 25px;
    padding: 0px 0px;

    background-color: #c26363;
    background-color: whitesmoke;
    border: 2px #ccc333 solid;
    border-radius: 5px 5px ;

    overflow: hidden;
}

.vs2-card-headder {
    /* width: 1200px; */

    width: 99%;
    width: 100%;
    height: 28px;
    float: left;
    margin: 1px auto;
    margin-left: 3px;
    /* padding: 1px 1px; */
    padding: 0px 0px;
    /* background-color: #c26363; */
    background-color: whitesmoke;
    /* border: 2px #ccc333 solid; */
    border-radius: 3px 3px ;
    /* overflow: hidden; */
}
.vs2-card-headder-title {
    /* width: 1200px; */

    width: 95%;
    height: 28px;
    float: left;
    margin: 1px auto;
    padding: 2px 6px;
    background-color: #c542ec98;
    background-color: #96b8398a;
    /* background-color: whitesmoke; */
    /* border: 2px #ccc333 solid; */
    /* border-radius: 3px 3px ; */
    /* overflow: hidden; */
    font-size: 18px;
    font-weight: 900;
}

.vs2-card-headder-jumper {
    /* width: 1200px; */

    width: 5%;
    height: 28px;
    /* float: right; */
    float: left;
    margin: 1px auto;
    /* margin-top: -1px; */
    padding: 1px 1px;
    background-color: #181313e0;
    /* background-color: whitesmoke; */
    /* border: 2px #ccc333 solid; */
    /* border-radius: 3px 3px ; */
    /* overflow: hidden; */
}
.vs2-card-body {
    /* width: 1200px; */

    width: 100%;
    height: 375px;
    float: left;


    margin: 1px auto;
    margin-bottom: 25px;
    /* padding: 3px 3px; */
    padding: 2px 2px;

    background-color: #c26363;
    background-color: whitesmoke;
    border: 2px #ccc333 solid;
    border-radius: 5px 5px ;

    /* overflow: hidden; */
}

.vs2-card {
    width: 324px;
    height: 360px;
    float: left;
    /* display: flex;
    align-items: first baseline; */


    /* margin: 4px 4px; */
    margin: 3px 3px;
    padding: 2px 2px;

    background-color: whitesmoke;
    background-color: rgba(84, 110, 35, 0.692);
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    overflow: hidden;
}
.vs2-card-wrapper {
    /* width: 1200px; */

    width: 100%;
    /* height: 375px; */
    height: 354px;
    float: left;


    margin: 1px auto;
    padding: 2px 2px;

    /* background-color: #c26363; */
    background-color: whitesmoke;
    /* border: 2px #ccc333 solid; */
    border-radius: 3px 3px ;

    overflow: hidden;
}

.vs1-ci-headder {
    width: 100%;
    height: 36px;
    height: 30px;
    /* float: left; */
    display: block;

    margin : 0px 0px;
    padding: 2px 2px;

    font-size: 16px;
    font-weight: 900;

    background-color: whitesmoke;
    background-color: rgb(62, 209, 123);
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    /* overflow: hidden; */
}

.vs1-card-item {
    /* width: 150px;
    height: 156px; */

    width: 153px;
    height: 158px;

    /* float: left; */
    display: inline-block;


    margin: 2px 2px;
    padding: 0px 0px;

    background-color: whitesmoke;
    background-color: rgb(62, 209, 123);
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    /* overflow: hidden; */
}

/* .vs1-card-item-img , .vs1-card-item-img img {
    width: 150px;
    height: 60px;
    float: left;


    margin: 0px 0px;
    padding: 0px 0px;

    background-color: whitesmoke;
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    overflow: hidden;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: border-box;
} */
/* , .vs1-card-item-img img */
.vs1-card-item-img  {
    /* width: 130px; */
    width: 150px;
    height: 110px;
    /* float: left; */
    display: block;

    margin: 0px 0px;
    padding: 0px 0px;

    background-color: whitesmoke;
    border: 1px #ccc333 solid;
    border-radius: 5px 5px ;

    overflow: hidden;
    clear: both;
}

.vs1-card-item-img img {
    /* width: 130px;
    height: 104px; */
    width: 100%;
    height: 100%;
    float: left;


    margin: 0px 0px;
    padding: 0px 0px;

    /* background-color: whitesmoke; */
    /* border: 1px #ccc333 solid; */
    /* border-radius: 5px 5px ; */

    overflow: hidden;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: border-box;
}

.vs1-card-item-tittle {
    /* width: 130px; */
    width: 150px;
    height: 41px;
    float: left;

    margin: 0px 0px;
    padding: 2px 2px;

    font-size: 12px;
    font-weight: 900;
    font-style: normal;
    visibility: visible;
    background-color: whitesmoke;
    background-color: rgba(128, 194, 108, 0.712);
    /* border: 1px #ccc333 solid; */
    /* border-radius: 5px 5px ; */
    /* overflow: hidden; */

}