.w3-primary{
            background-color: #3a46d1;
        }
        .w3-text-primary{
            color: #3a46d1;
        }

        .w3-secondary{
            background-color: #e42588;
        }
        .w3-text-secondary{
            color: #e42588;
        }


        .w3-primary,.w3-hover-primary:hover{border: 1px solid #3a46d1;color:#fff!important;background-color:#3a46d1!important}
        .w3-secondary,.w3-hover-secondary:hover{border: 1px solid #e42588;color:#fff!important;background-color:#e42588!important}

        .w3-border {
    border: 1px solid rgb(0, 0, 0);
}
.w3-border-primary{
    border: 1px solid #3a46d1;
    font-size:12px !important;
    font-weight:bold !important;
}

        body.custom-background { background-color: #ffffff; }


        input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], input[type=search], input[type=number], select, textarea {
    background: #f1efee;
    color: #6c6c6c;
    border: none;
    width: 100%;
    border-radius: 6px;
    font-size: 18px;
}

        .grid-container {
            display: grid;
            grid-template-columns: auto auto;
            gap: 20px;
        }

        .grid-container>div {

            box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
        }

        .grid-container-3 {
            display: grid;
            grid-template-columns: auto auto auto;
            gap: 20px;
        }

        .grid-container-3>div {
            box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
        }

        .w3-theme {
            background-color: #5680E9;
            color: #fff;
            padding-left: 20px;
            border-radius: 8px 8px 0px 0px;
        }

        .step2 {
            display: none;
        }

        .step3 {
            display: none;
        }

        .step4 {
            display: none;
        }

        #step-b {
            display: none;
        }

        #next-step {
            display: none;
        }

        #place-order {
            display: none;
        }

        #footer {

            left: 0;
            bottom: 0;
        }
.w3-button{
    font-size: 1.25rem;
    font-weight: 600!important;
    background-color: #ffffff;
    
    
}

       .w3-round-button{
           border-radius: 20px;
           border: 1px solid #000;
           color: #000;
          padding-left:20px;
          padding-right:20px;
          background-color: #ffffff;

       }

        .modal {
            padding: 0;
        }

        ol.l {
            list-style-type: lower-latin;
        }

        ol.r {
            list-style-type: lower-roman;
        }


	
    button.btn.btn-default.clear-sig {
    padding: 0px;
    line-height: normal;
    height: auto;
    border: none;
    font-family: Effra-Light!important;
    display: inline-block;
    width: auto;
    font-size: 12px!important;
    background: transparent;
    color: #3a46d1;
}

.form-group {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 0;
}



.signature-pad-canvas-wrapper {
    margin: 15px 0 0;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.signature-pad-canvas-wrapper::after {
    content: 'Name';
    border-top: 1px solid #cbcbcb;
    color: #cbcbcb;
    width: 100%;
    margin: 0 15px;
    display: inline-flex;
    position: absolute;
    bottom: 10px;
    font-size: 13px;
    z-index: -1;
}

  .w3-box {
            box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);

        }

        .w3-box.w3-ph-height {
            height: 500px;
        }

        .w3-box.w3-hs-height {
            height: 570px;
        }

        .w3-qtybox {
            width: 100%;
            box-sizing: border-box;
            position: absolute;
            bottom: 0;
        }