.border-1 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #FDAF19 !important;
}
.border-text-1 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #FDAF19 !important;
    padding-left: 12px;
}
.card-text-1::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #FDAF19 !important;
}
.border-2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #B5E041 !important;
}
.border-text-2 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #B5E041 !important;
    padding-left: 12px;
}
.card-text-2::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #B5E041 !important;
}
.border-3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #52C768 !important;
}
.border-text-3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #52C768 !important;
    padding-left: 12px;
}
.card-text-3::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #52C768 !important;
}
.border-4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #37E6B0 !important;
}
.border-text-4 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #37E6B0 !important;
    padding-left: 12px;
}
.card-text-4::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #37E6B0 !important;
}
.border-5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #2CE3DC !important;
}
.border-text-5 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #2CE3DC !important;
    padding-left: 12px;
}
.card-text-5::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #2CE3DC !important;
}
.border-6 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #4A94DE !important;
}
.border-text-6 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #4A94DE !important;
    padding-left: 12px;
}
.card-text-6::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #4A94DE !important;
}
.border-7 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #756BF2 !important;
}
.border-text-7 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #756BF2 !important;
    padding-left: 12px;
}
.card-text-7::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #756BF2 !important;
}
.border-8 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #BD6CF8 !important;
}
.border-text-8 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #BD6CF8 !important;
    padding-left: 12px;
}
.card-text-8::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #BD6CF8 !important;
}
.border-9 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #ED63E2 !important;
}
.border-text-9 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #ED63E2 !important;
    padding-left: 12px;
}
.card-text-9::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #ED63E2 !important;
}
.border-10 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px;
    padding-top: 5px;
    border-left: solid 8px;
    margin-top: 20px;
    border-left: solid 10px #F06791 !important;
}
.border-text-10 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    opacity: 0.9;
    border-left: 6px solid #F06791 !important;
    padding-left: 12px;
}
.card-text-10::before {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 40px;
    background: #F06791 !important;
}
.pagin-1 .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #FDAF19 !important;
}
.pagin-2 .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #B5E041 !important;
}
.pagin-3 .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #52C768 !important;
}
.pagin-4 .swiper-pagination-bullet{ 
    width: 18px;
    height: 18px;
    background-color: #37E6B0 !important;
}
.pagin-5 .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #2CE3DC !important;
}
.pagin-6 .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #4A94DE !important;
}
.pagin-7 .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #756BF2 !important;
}
.pagin-8 .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #BD6CF8 !important;
}
.pagin-9 .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #ED63E2 !important;
}
.pagin-10 .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #F06791 !important;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background: #e6e6e6;
    border-radius: 10px;
}
.text-1{
    color:#FDAF19 !important;
}
.text-2{
    color:#B5E041 !important;   
}
.text-3{
    color:#52C768 !important;   
}
.text-4{
    color:#37E6B0 !important;
}
.text-5{
    color:#2CE3DC !important;
}
.text-6{
    color:#4A94DE !important;
}
.text-7{
    color:#756BF2 !important;
}
.text-8{
    color:#BD6CF8 !important;
}
.text-9{
    color:#ED63E2 !important;
}
.text-10{
    color:#F06791 !important;
}
.color_01{background:#FDAF19;width:40px; height:40px;}
.color_02{background:#B5E041;width:40px; height:40px;}
.color_03{background:#52C768;width:40px; height:40px;}
.color_04{background:#37E6B0;width:40px; height:40px;}
.color_05{background:#2CE3DC;width:40px; height:40px;}
.color_06{background:#4A94DE;width:40px; height:40px;}
.color_07{background:#756BF2;width:40px; height:40px;}
.color_08{background:#BD6CF8;width:40px; height:40px;}
.color_09{background:#ED63E2;width:40px; height:40px;}
.color_10{background:#F06791;width:40px; height:40px;}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 15px;
}
.control--checkbox .control__indicator:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}   
.control input:checked ~ .control__indicator:after {
    display: block;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator {
    background: #43B934;
}


/*color select */
.control__indicator1 {
    position: absolute;
    top: 6px;
    left: 9px;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border-radius: 10px;
}
.control1 input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control1 {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}
.control--checkbox1 .control__indicator1:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}   
.control1 input:checked ~ .control__indicator1:after {
    display: block;
}

.control__indicator1:after {
    content: '';
    position: absolute;
    display: none;
}
.control1 input:checked ~ .control__indicator1 {
    background: #43B934;
}