.colorlib-product {
        padding: 3rem 0;
        clear: both;
        background-color: var(--bg-transparent-color);
    }

    .process-wrap {
        width: 100%;
        display: block;
        float: left;
        margin-bottom: 2rem;
    }

    .process {
        position: relative;
        float: left;
        width: 33.333%;
        z-index: 0;
    }

    .process:after {
        position: absolute;
        top: 35%;
        right: -37%;
        content: '';
        width: 100%;
        height: 1px;
        background: #f0f0f0;
        z-index: -1;
    }

    .process:last-child:after {
        display: none;
    }

    .process p {
        position: relative;
        width: 80px;
        height: 80px;
        display: table;
        border: 2px solid #fafafa;
        margin: 0 auto;
        margin-bottom: 20px;
        background: #fff;
        z-index: 1;
        font-weight: 400;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

    .process p span {
        display: table-cell;
        vertical-align: middle;
        color: var(--heading-color);
        font-family: var(--default-font);
        font-size: 1.2rem;
        font-weight: bold;
    }

    .process h3 {
        margin-bottom: 0;
        font-size: 1rem;
        font-family: var(--default-font);
        text-transform: capitalize;
        letter-spacing: 1px;
    }

    .process.active p {
        border: 2px solid #f0f0f0;
    }

    .process.active p span {
        color: var(--accent-color);
        font-family: var(--default-font);
        font-size: 1.2rem;
        font-weight: bold;
    }

    .colorlib-form {
        background: white;
        box-shadow: 0 0 10px #2f345b6e;
        border-radius: 1.5rem;
        padding: 2em;
        margin-bottom: 30px;
    }



    @media (max-width: 767.98px) {
        .colorlib-form {
            padding: 1em;
        }
    }

    .colorlib-form h2 {
        font-size: 1.5rem;
        margin-bottom: 40px;
        color: var(--accent-color);
    }

    .colorlib-form label {
        font-weight: 400;
        font-size: 1rem;
        margin-bottom: 0.2rem;
        text-transform: capitalize;
        color: var(--heading-color);
    }

    .colorlib-form .form-group {
        margin-bottom: 20px;
    }

    .colorlib-form .form-control {
        height: 50px !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1.1rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: none;
        color: var(--heading-color);
        background: var(--transparent-color);
    }

    .colorlib-form .form-control:active,
    .colorlib-form .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #616161;
    }

    .colorlib-form .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #999999;
    }

    .colorlib-form .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #999999;
    }

    .colorlib-form .form-control:-ms-input-placeholder {
        /* IE 10+ */
        color: #999999;
    }

    .colorlib-form .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #999999;
    }

    .colorlib-form .form-group {
        margin-bottom: 15px;
    }

    .colorlib-form .form-group .form-field {
        position: relative;
        padding: 0;
        margin: 0;
    }

    .colorlib-form .form-group .form-field .icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        color: #cccccc;
    }

    .colorlib-form textarea.form-control {
        height: inherit;
        resize: vertical;
    }

    .colorlib-form .btn-block {
        margin-top: 28px;
        padding: 12px !important;
        font-size: 14px;
        color: #000;
    }



    .cart-detail {
        background: white;
        box-shadow: 0 0 10px #2f345b6e;
        border-radius: 1rem;
        padding: 2em 3em;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    @media (max-width: 767.98px) {
        .cart-detail {
            padding: 1em;
        }
    }

    .cart-detail h2 {
        font-family: var(--heading-font);
        font-size: 1.5rem;
        margin-bottom: 40px;
        color: var(--accent-color);
    }

    .cart-detail ul {
        width: 100%;
        padding: 0;
        float: left;
        margin: 0;
    }

    .cart-detail ul li {
        font-weight: 400;
        width: 100%;
        display: block;
        float: left;
    }



    .cart-detail ul li span {
        margin-bottom: 15px;
        display: block;
        float: left;
        border-bottom: 1px solid #e6e6e6;
        width: 100px;
        font-family: var(--default-font);
        font-size: 1.1rem;
        color: var(--heading-color);

    }

    .cart-detail ul li span:first-child {
        width: calc(100% - 100px);
    }

    .cart-detail ul li span:last-child {
        width: 100px;
    }

    .btn-style {
        background-color: var(--accent-color);
        color: #fff;
        border-radius: 6px;
        font-size: 1.2rem;
        font-family: var(--heading-font);
    }

    .btn-style:hover {
        background-color: var(--secondary-color);
        color: var(--heading-color);
        outline: none;
        border: none;
    }

    .process {
        cursor: pointer;
    }

    .payment-icons {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 8px;
        background-color: white;
        box-shadow: 0 0 10px #2f345b6e;
        justify-content: center;
        padding: 7px;
        font-family: var(--heading-font);
        font-size: 1rem;
        color: var(--heading-color);
    }

    .img-div img {
        height: 3rem;
    }