button#requestButton {
            margin-top: 56px !important;
            color: #ffa500;
            font-family: Roboto;
            font-size: 15px;
            font-style: normal;
            font-weight: 900;
            line-height: normal;
            text-transform: uppercase;
            background: transparent;
            border: none;
            margin-left: 5% !important;
        }
        .otpContainer {
            display: none; /* Hide initially */
            margin-top: 20px; /* Adjust as needed */
        }
        .otpContainerCompany {
            display: none; /* Hide initially */
            margin-top: 20px; /* Adjust as needed */
        }
        
         .otpContainerCompany.show {
            display: block; /* Show when needed */
        }
        .otpContainer.show {
            display: block; /* Show when needed */
        }
        .document {
          padding-left: 104px !important;
          height: 50px;
          font-size: 15px;
          padding-top: 9px;
        }
        .logo-heading{
          padding-left: 131px !important;
        }
        input#logo {
            padding-left: -49px !important;
            padding-left: 131px !important;
        }

        .gap {
            margin-top: 26px;
        }
        #resendButton {
            margin-top: 50px;
            color: #ffa500;
            font-family: Roboto;
            font-size: 15px;
            font-style: normal;
            font-weight: 900;
            line-height: normal;
            text-transform: uppercase;
            background: transparent;
            border: none;
            margin-left: 12%;
        }
        input#otpInput {
            margin-top: 27px;
        }
        button#verifyButton {
           margin-top: -7px;
            color: #ffa500;
            font-family: Roboto;
            font-size: 15px;
            font-style: normal;
            font-weight: 900;
            line-height: normal;
            text-transform: uppercase;
            background: transparent;
            border: none;
            margin-left: 71%;
        }
        .actions:first-child {
            display: none;
        }
        #outerContainer {
            display: block;
            width: 100%;
/*            display: flex;*/
            justify-content: center;
            align-items: center;
            margin-top: 0px;
        }
        .para {
            font-size: 16px;
            line-height: 21px;
            text-align: center;
            margin-bottom: 20px;
            color: #013478;
        }

        /*    Timer Count down*/
        .countdown-timer {
            position: relative;
            width: 100px; /* Adjust size as needed */
            height: 100px; /* Adjust size as needed */
        }

        @keyframes countdown-animation {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        .countdown-wrapper {
           position: absolute;
          width: 90px;
          right: -90px;
          height: 90px;
          top: 46%;
        }

        .outer-circle {
            position: absolute;
            z-index: 0;
        }

        .inner-circle {
          position: absolute;
            top: 89%;
            left: 46%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            z-index: 2;
        }

        .countdown-timer {
           font-size: 16px;
            color: #000;
            line-height: 13px;
            text-align: center;
            margin-bottom: 71px !important;
            font-weight: 500;
        }

        .countdown-timer.otp-expired {
            color: #000; /* Red color for "OTP expired" text */
        }

        .logo-bg {
            width: 377px;
            margin: 13px;
            background-color: #fff;
            border-radius: 35px;
            padding: 22px;
        }
       .head-title {
            font-size: 22px;
            text-align: center;
            color: #003378;
            margin-bottom: 21px;
            font-weight: 600;
                margin-top: 17px;
        }
        .head-title-s {
            color: #4B4B4B;
            font-family: Roboto;
            font-size: 17px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: capitalize;
            text-align: justify;
            margin-top: 33px;
            margin-bottom: 2px;
        }

        button#resendLinkButton {
            margin-top:49px;
                color: #ffa500;
                font-family: Roboto;
                font-size: 15px;
                font-style: normal;
                font-weight: 900;
                line-height: normal;
                text-transform: uppercase;
                background: transparent;
                border: none;
                margin-left: 10%;
            }

        .input {
            width: 32px;
            border: none;
            border-bottom: 3px solid rgba(0, 0, 0, 0.5);
            margin: 0px 8px;
            text-align: center;
            font-size: 24px;
            cursor: not-allowed;
            pointer-events: none;
          }
        
        .inputNumber:focus {
          border-bottom: 3px solid orange;
          outline: none;
        }
        .inputNumber2:focus {
          border-bottom: 3px solid orange;
          outline: none;
        }
        
        .inputNumber:nth-child(1) {
          cursor: pointer;
          pointer-events: all;
        }
        .inputNumber2:nth-child(1) {
          cursor: pointer;
          pointer-events: all;
        }
        .inputNumber{
          width: 32px;
          padding: 0px;
          height: 35px;
          padding-left: 0px !important;
          border: none;
          border-radius: 0px;
          border-bottom: 3px solid rgba(0, 0, 0, 0.5);
          margin: 22px 8px;
          text-align: center;
          font-size: 20px;
        }
        .inputNumber2{
          width: 32px;
          padding: 0px;
          height: 35px;
          padding-left: 0px !important;
          border: none;
          border-radius: 0px;
          border-bottom: 3px solid rgba(0, 0, 0, 0.5);
          margin: 22px 8px;
          text-align: center;
          font-size: 24px;
        }
        .uploadImage{
            width: 90px;
            position: absolute;
            right: 44%;
            z-index: 99999;
            margin-top: -11px;
        }
        .uploadInput{
          position: absolute;
          width: 85px;
          left: -86px;
          margin-top: 5px;
          opacity: 0;
        }
        .email-width{
          width:95% !important;
        }
        .profile-pic {
            border-radius: 50%;
            height: 56px;
            width: 56px;
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            vertical-align: middle;
            text-align: center;
            color: transparent;
            transition: all .3s ease;
            text-decoration: none;
            cursor: pointer;
        }

        .profile-pic:hover {
            background-color: rgba(0,0,0,.5);
            z-index: 10000;
            color: #fff;
            transition: all .3s ease;
            text-decoration: none;
        }

        .profile-pic span {
            display: inline-block;
            padding-top: 0.5em;
            padding-bottom: 4.5em;
        }
        .profile-pic span i{
            font-size: 20px;
        }
        .item-container {
          color: rgb(1 53 122) !important;
          border-color: rgb(240 243 246) !important;
          background: rgb(240 243 246) !important;
      }
      .item-label {
        font-family: "Quicksand", Georgia, "Times New Roman", Times, serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        color: #01357a !important;
        }
        .mult-select-tag .body {
        display: flex;
        background: #fff;
        min-height: 2.15rem;
        width: 97%;
        min-width: 14rem;
        border-radius: 63px;
        border-radius: 10px !important;
        border: 1px solid #bfbfbf !important;
        height: auto !important;
      }
     .multidropdownlabel {
    margin-top: 10px;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #01357a !important;
    background-color: #fff !important;
   /* margin-left: 13px !important;
    z-index: 1;
    position: absolute;*/
        }
        label.otp-label {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #01357a !important;
        background-color: #fff !important;
    } 
          .dropzone .dz-message {
              font-size: 18px;
              position: absolute;
              top: 61%;
              left: 113px;
              width: 100%;
              height: 274px;
              margin-top: -30px;
              color: #01357a;
              text-align: center;
              font-weight: 600;
            }
      .dropzone {
          min-height: 82px;
          border: 2px dashed #666ee8;
          background: #f4f5fa;
          width: 204%;
          border-radius: 15px;
      }
      .dropzone.dz-clickable * {
        cursor: default;
        }
        .dropzone .dz-message:before, .dropzone .dz-preview .dz-remove:before {
          font-family: feather;
          display: inline-block;
          z-index: 2;
          text-indent: 0;
          font-weight: 400;
          -webkit-font-smoothing: antialiased;
      }
      .dropzone .dz-message:before {
              content: "\e864";
              font-size: 46px !important;
              position: absolute !important;
              top: -39px !important;
              width: 80px !important;
              height: 80px !important;
              left: 43% !important;
              margin-left: -40px !important;
              line-height: 1 !important;
              color: #01357a !important;
          }
          .dropzone .dz-preview .dz-image {
          border-radius: -16px;
          /* overflow: hidden; */
          width: 120px;
          height: 75px !important;
          position: relative;
          display: block;
          z-index: 10;
      }
      input#your_password {
            width: 95% !important;
        }
        select#cars {
        width: 95% !important;
    }   
    h1#dynamiceregister {
            font-size: 18px;
        }
         .tqtext{
            color: #006400;
            font-weight: 700;
            font-size: 18px;
        }
        p.para {
            font-weight: 600;
        }
        .msgsuccess{
            color: #33c126;
            font-size: 16px;
            font-weight: 700;
                }
        .msgfail{
            color: #ff0000;
            font-size: 16px;
            font-weight: 700;
            display: none;
            } 
            select#state {
            width: 94%;
        } 
        .success-text {
            color: #FFA500;
            font-weight: bold;
            }
            .dynamic2{
                color: #136204;
                font-weight: bold;
            }
            .mandatory{
                color: red;
            }

            textarea#w3review {
                border-radius: 9px;
                border: 1px solid #bfbfbf;
                color: #01357a;
                background: #f4f4f4;
            }
            .addressfield{
                font-size: 12px !important;
                  font-weight: 700 !important;
            color: #01357a !important;
            background-color: #fff !important;
            margin-left: 13px !important;
                    }
            .addressinput{
             font-weight: 700;
             font-size: 20px;
            } 
            label.form-check-label {
            margin-left: 0px !important;
            margin-bottom: 100px !important;
        }
            button:disabled {
                opacity: 0.4;
            }

        .mult-select-tag .wrapper {
            height: 53px !important;
        }
        .form-check {
        margin-bottom: -82px !important;
    }
        
/*                                                                Mobile Responsiveness*/
            /* Mobile Styles */                                        
            @media only screen and (max-width: 768px) {
                .col-md-12,
                .col-md-6,
                .col-md-8 {
                    width: 100%;
                    
                }
                  .form-check {
        margin-bottom: 0px !important;
    }
                .signup-img {
                    display: block !important;
                }
                .signup-desc {
                    flex-direction: column-reverse; /* Reverse the order of description and image */
                }
                .signup-desc-content {
                    margin-bottom: 0px;
                }
                .form-group {
                    margin-bottom: 0px;
                }
                .btn {
                    margin-top: 00px;
                }
                .signup-form-conent {
                    padding: 20px;
                }
                .otpContainer {
                    margin-top: 0;
                }
                .otpContainerCompany {
                    margin-top: 0;
                }
                .multidropdownlabel {
                    margin-top: 0px;
                }
                .logo-bg{
                    width: 106%;
                }
               p.desc {
                    font-size: 18px !important;
                    margin-bottom: -129px !important;
                }
                .signup-desc {
                    background: #fff;
                    width: 100%;
                    border-radius: 30px 30px 0px 30px;
                    margin-left: 0px;
                    border-right: 0px solid #000;
                }
                .main {
                    padding: 20px;
                    padding-bottom: 55px;
                }
                .signup-form {
                    padding: 0px 0px;
                }
                .signup-img {
                    height: auto;
                    margin-top: 29px;
                    margin-left: 34px;
                    width: 85%;
                    margin-bottom: -21px !important;
                }
                .head-title {
                    font-size: 15px;
                    text-align: center;
                    color: #003378;
                    margin-bottom: 65px;
                    font-weight: 600;
                    margin-top: 23px;
                }
                .regiheader {
                    font-size: 15px !important;
                    }
               #container {
                position: relative;
                width: 281px;
                /* height: 4px; */
                background-color: transparent;
                border: 1px solid $ border;
                margin: 0;
                border-radius: 36px;
                touch-action: none;
                border: 1px solid #acac;
            }
                #item {
                position: relative;
                width: 145px;
                height: 30px;
                border-radius: 36px;
                transition: all .05s cubic-bezier(0.04, 0.46, 0.36, 0.99);
                /* touch-action: none; */
                user-select: none;
            }
            #item:after {
                /* position: absolute; */
                top: 0px !important;
                left: 0;
                width: 87%;
                border-radius: 42px;
                height: calc(100% + 10px);
                background-color: #faa01d;
                content: "";
            }
            .left
            span {
                font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
                font-size: 20px;
                pointer-events: none;
                user-select: none;
                color: #022c64;
                transition: all .2s ease;
                font-weight: 500;
            }
            .right
            span {
                font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
                font-size: 20px;
            }
            input + label {
                position: absolute;
                transition: 0.25s ease;
                -moz-transition: 0.25s ease;
                -webkit-transition: 0.25s ease;
                -o-transition: 0.25s ease;
                -ms-transition: 0.25s ease;
                left: 0;
                top: 5px;
                font-size: 12px;
                font-weight: 700;
                color: #888;
                background-color: #022c640f;
                /* padding: 0px 0px; */
                border-radius: 10px;
            }
            .timer {
                position: absolute;
                text-align: end;
                margin-left: 24px !important;
                margin-top: 54px !important;
                }
            input {
                display: block;
                width: 100%;
                border: none;
                border: 1px solid #bfbfbf;
                border-radius: 10px;
                box-sizing: border-box;
                font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
                font-weight: 700;
                font-size: 20px;
                transition: 0.3s ease;
                -moz-transition: 0.3s ease;
                -webkit-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                -ms-transition: 0.3s ease;
                /* padding-top: 25px; */
                /* padding-bottom: 20px; */
                -webkit-appearance: none;
                background: 0 0;
                padding-left: 17px !important;
                color: #01357a;
                height: 50px;
            }
           button#requestButtonBuyerSelf {
            width: 100px !important;
            height: 34px !important;
            color: #01357a;
            font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
            font-size: 10px !important;
            font-weight: 700;
            background: #ff9f0d;
            border-radius: 33px;
            margin-top: 0px;
            margin-left: 82px !important;
        }
        button#resendButtonBuyerSelf{
                width: 100px !important;
                height: 34px !important;
                font-size: 14px !important;
                margin-left: 82px !important;
        }
        label.form-check-label {
            margin-left: 3px !important;
        }
        .form-check .form-check-input {
            margin-left: 0px;
            font-size: 0px;
        }
        input#termsCheckCompany {
            margin-left: 15px !important;
        }
            label.otp-label {
            font-size: 11px !important;
            font-weight: 700 !important;
            color: #01357a !important;
            background-color: #fff !important;
            margin-left: 7px !important;
        }
            .inner-circle {
                position: absolute;
                top: 144%;
                left: -61%;
                transform: translate(-50%, -50%);
                width: 60px;
                height: 60px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                z-index: 2;
            }
            div#inputs {
                padding: 0px !important;
            }
            .countdown-wrapper{
                right: -74px;
            }
            button#verifyButtonBuyer{
                width: 100px !important;
                height: 34px !important;
                font-size: 10px !important;
                margin-left: 168px !important;
                font-size: 15px !important;
                
            }
                div#successMessageBuyerSelf {
            color: #00d26a;
            font-size: 12px !important;
            font-weight: 700;
            margin-top: -52px !important;
        }
        label.imageupload {
            /* margin-left: -76px !important; */
            font-size: 12px !important;
            font-weight: 700 !important;
            color: #01357a !important;
            background-color: #fff !important;
            margin-left: 18px !important;
            margin-bottom: 17px !important;
            display: none !important;
        }

            .col-md-4.otpContainer.show {
                margin-top: 0px !important;
            }
             .col-md-4.otpContainerCompany.show {
                margin-top: 0px !important;
            }
            
            div#successMessage {
                text-align: center;
            }

            textarea#w3review {
                width: 281px;
            }
            .stepcurrent {
            font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
            /* text-transform: uppercase; */
            font-weight: 800;
            color: #013479;
            margin-left: 200px !important;
            margin-top: 10px !important;
            }
            .countdown-mobile{
            position: absolute;
            width: 90px;
            right: 81px !important;
            height: 90px;
             top: 0px% !important; 
            }
           button#nextbtnstep1 {
            width: 164px  !important;
            height: 37px !important;
            color: #01357a;
            font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
            font-size: 13px !important;
            font-weight: 700;
            background: #ff9f0d;
            border-radius: 33px;
            margin-top: 0px;
            margin-left: 46px !important;
            float: inline-start;
        }
        .signup-form {
            padding: 0px 0px !important;
          }
          button#sendLinkButton {
            margin-left: 69px;
            margin-top: 5px;
        }
        button#resendLinkButton {
            width: 100px !important;
            height: 34px !important;
            font-size: 10px !important;
            margin-left: 194px !important;
            margin-top: -7px !important;
        }
        button#sendLinkButton {
            width: 100px !important;
            height: 34px !important;
            font-size: 10px !important;
            margin-left: 205px !important;
            margin-top: -5px !important;
        }
        button#verifyButton {
            margin-left: 69px;
        }
        button#previousbtnstep2 {
            width: 100px !important;
                height: 34px !important;
                font-size: 10px !important;
                margin-top: 0px !important;
        }
        button#nextbtnstep2 {
            width: 100px !important;
                height: 34px !important;
                font-size: 10px !important;
                margin-left: 95px !important;
        float: inline-start;
    }
    a.termsandcond {
        font-size: 12px !important;
    }
    h1.head-title.headingtext.buyertexthead {
    margin-top: 24px;
}
        button#previousBtnstep3{
            width: 100px !important;
                height: 34px !important;
                font-size: 10px !important;
                float: inline-start;
        margin-left: 80px !important;
        }

        button#finishBtnstep3{
               width: 100px !important;
                height: 34px !important;
                font-size: 10px !important; 
        }
        button#sendLinkButtonBuyerSelf{
            width: 100px !important;
        height: 34px !important;
        font-size: 15px !important;
        margin-left: 199px !important;
        margin-top: -10px !important;
        text-align: justify !important;
        }
        button#resendLinkButtonBuyerSelf{
            width: 100px !important;
                height: 34px !important;
                font-size: 15px !important; 
                margin-left: 82px !important;
        }

        .select-icon i {
            margin-right: -27px !important;
        }
        button#requestButton{
              width: 100px !important;
        height: 0px !important;
        font-size: 10px !important;
        margin-left: 161px !important;
        /* margin-top: -43px; */
        margin-top: 0px !important;
        }

        button#resendButton{
            width: 100px !important;
                height: 34px !important;
                font-size: 10px !important; 
                margin-left: 197px !important;
        margin-top: -3px !important;
        }
        button#verifyButton {
            width: 100px !important;
                height: 34px !important;
                font-size: 10px !important; 
               margin-left: 191px !important;
                margin-top: -75px !important;
        }
        button#companyNextStep1{
            width: 100px !important;
                height: 34px !important;
                font-size: 10px !important;
                float: inline-start;
        margin-left: 83px !important;
        }
        button#companyPrevStep2{
            width: 100px !important;
                height: 34px !important;
                font-size: 10px !important;
        }
        button#companyNextStep2{
             width: 100px !important;
                height: 34px !important;
                font-size: 10px !important;
                        float: inline-start;
        margin-left: 85px !important;
        }
        div#profilePic {
            margin-top: -83px;
            height: 60px;
            width: 60px;
        }
        hr.hrline {
           width: 67% !important;
            margin-left: 17% !important;
            margin-top: -60px !important;
            display: none !important;
        }
        button#companyPrevStep3{
            width: 100px !important;
                height: 34px !important;
                font-size: 10px !important;
        }
        button#companyFinishStep3{
            width: 100px !important;
                height: 34px !important;
                font-size: 10px !important;
                float: inline-start;
        margin-left: 69px !important;
                margin-top: 29px !important;
        }
        .head-title-s {
            color: #003378 !important;
            font-size: 17px !important;
            font-weight: 600 !important;
            margin-bottom: 38px !important;
            margin-top: 10px !important;
        }
        .tabs__tab-btn {
            background: #faa300;
            border: none;
            padding: 10px 30px;
            border-radius: 10px;
            cursor: pointer;
            border-bottom: solid 3px #81c784;
            font-size: 15px;
            font-family: "Quicksand", Georgia, "Times New Roman", Times, serif !important;
            font-weight: 500 !important;
        }
       .mult-select-tag {
            height: auto !important;
        }
        .formtext{
            margin-top: -42px !important;
        }
        .dynamicidtext{
            margin-top: -15px !important;
            margin-bottom: 16px !important;
        }
        .signup-desc {
    background: #fff;
    width: 100%;
     border-radius: 30px 30px 0px 30px !important; 
    margin-left: 0px;
    border-right: 1px solid #000;
}
    select.form-control {
        height: 50px !important;
    }
    .mult-select-tag .body {
    height: auto !important;
   }

}
.mult-select-tag .btn-container {
    color: #e2ebf0;
    padding: .5rem;
    display: flex;
    border-left: 0px solid var(--border-color) !important;
}