/* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

    #tab-container .tab-content {
        display: none;
        padding: 20px 0 0;
   }

    #tab1 {
        display: none;
   }
    #tab1:checked+label {
        color: #D8BFD8;
   }

    #tab2 {
        display: none;
   }
    #tab2:checked+label {
        color: #D8BFD8;
   }
   
    #tab-container label {
        display: inline-block;
        padding: 0 25px;
        font-weight: 600;
   }

    #1-container label:not(:first-of-type) {
        border-left: 2px solid #D8BFD8;
   }
    @media screen and (max-width: 480px) {
        #tab-container label:not(:first-of-type) {
            border-left: none;
       }
   }
    @media screen and (max-width: 480px) {
        #tab-container label {
            display: block;
       }
   }
    #tab-container label:hover {
        color: #D8BFD8;
        cursor: pointer;
   }
    #tab-container #tab1:checked~#content1 {
        display: block;
   }
    #tab-container #tab2:checked~#content2 {
        display: block;
   }
   #tab-container #tab3:checked~#content3 {
    display: block;
}
   
    #tab-container .card-body {
        width: 100%;
        background: #fff;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
   }
    #tab-container .card-body .card-title {
        padding-top: 20px;
        text-transform: uppercase;
        font-weight: 700;
   }
    #tab-container .card-body .card-description {
        padding-bottom: 20px;
   }
    #tab-container .card-body .card-link {
        padding-bottom: 20px;
        text-transform: uppercase;
        color: #D8BFD8;
        display: block;
   }