.title-content-provide {
    font-family: 'BebasNeue Book'!important;
    font-size: 4vw;
    font-weight: bold;
    width: 100%;
    text-align: center;
    color: #1d3c70;
}
.item-provide {margin: 40px 0;}
.img-arrow {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    width: 25px;
    cursor: pointer;
    -webkit-transition: all 1s ease;  
    -moz-transition: all 1s ease;  
    -o-transition: all 1s ease;  
    -ms-transition: all 1s ease;  
    transition: all 1s ease;
}
.change-img-arrow {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    margin-top: -30px;
}
.change-img-arrow-i1 {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.content-provide {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.content-provide p {
    font-family: 'HelveticaNeue Light';
    color: #1d3c70;
    margin: 0;
}
.main-img1 {width: 40% !important;}
.main-img2 {width: 45% !important;}
.text-content-provide {
    font-size: 24px;
}
.name-item {
    font-size: 28px;
    font-family: 'HelveticaNeue' !important;
}
.text-item {
    font-size: 18px;
    margin: 30px 0 !important;
}
.buy-btn {
    text-decoration: none;
    font-family: 'HelveticaNeue' !important;
    border: 1.5px solid #1d3c70;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 35px;
    cursor: pointer;
    width: 170px;
    margin: 0 auto 30px !important;
}
.board-color {
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    width: 9%;
}
.board-color p {
    width: 28px;
    height: 28px;
    cursor: pointer;
}
.board-color .border {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border: 0.5px solid #1d3c70;
}
.board-color .border-none {border: none !important;}
.board-color .white {background-color: #ebebeb;}
.board-color .silver {background-color: #b7b7b7;}
.board-color .black {background-color: #000000;}
.pos-item2 {
    position: relative;
    top: -30px;
}
.note {
    font-size: 16px;
    color: #1d3c70;
    font-family: 'HelveticaNeue' !important;
    margin-top: -20px !important;
}
.sub-arrow {width: 100%;}
.sub-arrow-item2 {margin-top: -30px}
#description1 {display: none}
#description2 {display: none}


/*----SMALL-SCREEN----*/

@media (max-width: 425px){

    .img-arrow{
        width: 14px;
    }
    .sub-arrow-item2{
        margin-top: 0;
    }
    .title-content-provide{
        font-size: 7vw;
    }
    .text-content-provide {
        font-size: 16px;
        padding: 0 8%;
    }
    .main-img1, .main-img2{
        width: 70% !important;
    }
    .content-provide p{
        padding: 0 8%;
    }
    #description1-1 {
        display: none
    }
    #description2-2 {
        display: none;
    }
    .board-color{
        width: 93px;
    }
    .board-color .border{
        width: 29px;
        height: 29px;
    }
    .board-color p {
        width: 25px;
        height: 25px;
        cursor: pointer;
    }
    .note{
        font-size: 11px;
        margin-top: 0 !important;
    }
    .name-item{
        font-size: 20px;
    }
    .text-item{
        font-size: 13px;
    }
    .name-item-top{
        margin-top: -23px !important;
    }
    .sub-arrow-top{
        margin-top: 10px !important;
    }
}