body{font-family: "Inter", sans-serif; }
.onboarding-page{position: relative; width: 100%;padding: 114px 0 0px 0; overflow-y: scroll; display: flex;flex-direction:column; align-items: center; justify-content: center;}
.onboarding-page .new-header{background: #fff; z-index: 9; left: 0px;}
.onboarding-page .copyright{font-family: "Inter", sans-serif; font-size: 14px; color: #646A69; line-height: 20px; padding: 16px 40px; border-top: #646A691A 1px solid; position: fixed; bottom: 0px; left: 0px; width: 100%; background: #fff;}
.onboarding-page h4{margin-top:130px;font-size:30px;font-weight:700;color: #646464;position:fixed;bottom:62px;}
.onboarding-page h4 a{margin-top:120px;font-size:32px;font-weight:700;color:#089F54;text-decoration:underline!important}
.onboarding-page .step-page{margin: 0px; height: 100%; position: relative; z-index: 2;}

.onboarding-page .step-page .inner-area{width: 664px;}
.onboarding-page .step-page .inner-area .step-number{text-align: center; font-size: 16px; line-height: 24px; color: #646464; letter-spacing: -0.014em; margin: 0 0 18px 0;}
.onboarding-page .step-page .inner-area h1{font-family: "Inter", sans-serif; font-size: 48px; line-height: 58px; color: #262626; margin: 0 0 50px 0; font-weight: 400; letter-spacing: -0.04em; text-align: center;}

.search-area{display: flex;}
.search-area .form-control{border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008; font-size: 18px; line-height: 24px; color: #12273C; letter-spacing: -0.014em; padding: 15px 15px 15px 50px;  border-radius: 30px;}
.search-area .input-block{width:52%; margin-right: 1.5%; position: relative;}
.search-area .input-block label{}
.search-area .input-block img{position: absolute; top: 20px; left: 24px;}
.search-area .input-block.zip{width:27%; margin-right: 1.5%;}
.search-area .btn-search{background: #089F54; border: none; width: 18%; color: #fff; border-radius: 30px; font-size: 18px; line-height: 24px; color: #fff; letter-spacing: -0.014em;max-height:55px;}
.search-area .btn-search:hover{background: #10283f;}
.search-area .form-control:focus{ box-shadow: 0px 4px 5px 0px #00000008; border:#089F54 1px solid;}

.onboarding-page .step-page ul.business-list{margin: 0px auto; padding: 0px; list-style: none; max-width: 500px;}
.onboarding-page .step-page ul.business-list li{margin: 0px;}
.onboarding-page .step-page ul.business-list li:last-child .checkbox-block .checkmark{border-bottom: none;}
.onboarding-page .step-page .checkbox-block{display: block; position: relative;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0px;}
.onboarding-page .step-page .checkbox-block input {position: absolute; opacity: 0;cursor: pointer; display: none;}
.onboarding-page .step-page .checkbox-block .checkmark{color: #65798E; font-weight: 400; letter-spacing: -0.014em; font-size: 16px;  line-height: 26px; padding: 16px 0 16px 44px; display: block; position: relative; border-bottom: 1px solid #0000000D;}
.onboarding-page .step-page .checkbox-block .checkmark strong{font-weight: 400;display: block; color: #000;}
.onboarding-page .step-page .checkbox-block .checkmark::before{content: ''; position: absolute; left: 14px; top: 21px; background: #fff; border-radius: 5px; width: 16px; height: 16px; border: #333335 1px solid;}
.onboarding-page .step-page .checkbox-block input:checked ~ .checkmark::before{background: #089F54; border: #089F54 1px solid;}
.onboarding-page .step-page .checkbox-block input:checked ~ .checkmark::after{content: ''; position: absolute; left: 17px; top: 25px; background: url(../images/check-icon.png) center center no-repeat; width: 10px; height: 8px; background-size: cover;}
.onboarding-page .step-page .cant-find-your-business{background: #F9F9F9; border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008; padding: 24px; display: block; border-radius: 16px; text-decoration: none; max-width: 500px; margin: 25px auto 50px auto; font-size: 18px; line-height: 24px; letter-spacing: -0.02em; color: #65798E;}
.onboarding-page .step-page .btn-area{text-align: center; display: flex; justify-content: center;}
.onboarding-page .step-page .btn-area .btn-cancel{border: #646A69 1px solid; padding: 11px 24px; background: #fff; border-radius: 30px; font-size: 18px; line-height: 24px; letter-spacing: -0.02em; color: #646A69; margin: 0 6px; text-decoration: none;}
.onboarding-page .step-page .btn-area .btn-submit{border: #089F54 1px solid; padding: 11px 24px; background: #089F54; border-radius: 30px; font-size: 18px; line-height: 24px; letter-spacing: -0.02em; color: #fff; margin: 0 6px;}
.onboarding-page .step-page .btn-area .btn-cancel:hover{background:#089F54; border: #089F54 1px solid; color: #fff;}
.onboarding-page .step-page .btn-area .btn-submit:hover{background:#10283f; border: #10283f 1px solid;}

.onboarding-page .step-page .center-form{max-width: 490px; margin: 0 auto;}
.onboarding-page .step-page .center-form .mb-2{margin-bottom: 24px !important;}
.onboarding-page .step-page .center-form label{font-size: 18px; line-height: 26px; letter-spacing: -0.02em; margin: 0 0 10px 0;}
.onboarding-page .step-page .center-form .form-control,
.onboarding-page .step-page .center-form .form-select{border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008; font-size: 18px; line-height: 24px; color: #12273C; letter-spacing: -0.014em; padding: 15px 24px;  border-radius: 16px;}
.onboarding-page .step-page .center-form .form-control:focus,
.onboarding-page .step-page .center-form .form-select:focus{ box-shadow: 0px 4px 5px 0px #00000008; border:#089F54 1px solid;}
.onboarding-page .step-page .center-form .checkbox-block{margin: 0 0 24px 0;}
.onboarding-page .step-page .center-form .checkbox-block .checkmark{padding: 0px 0px 0px 30px; border-bottom: none;}
.onboarding-page .step-page .center-form .checkbox-block .checkmark::before{left: 0; top: 5px;}
.onboarding-page .step-page .center-form .checkbox-block input:checked ~ .checkmark::after {left: 3px; top: 9px;}
.onboarding-page .step-page .center-form .checkbox-block:last-child{margin: 0 0 50px 0;}
.onboarding-page .step-page .business-block{box-shadow: 0px 34.59px 34.59px 0px #555E6C0D; box-shadow: 0px 8.78px 19.1px 0px #555E6C0F; border: 1px solid #E1E1E1; background: #fff; border-radius: 28px; padding: 30px 20px 30px 115px; position: relative; max-width: 310px; margin: -10px auto 40px auto; transform: rotate(-1.9deg); transition: all .5s ease;}
.onboarding-page .step-page .business-block .business-logo{border: #F7F7F7 1px solid; width: 56px; height: 56px; border-radius: 15px; position: absolute; overflow: hidden; left: 32px; top: 30px;}
.onboarding-page .step-page .business-block .business-logo img{max-height: 100%; max-width: 100%; margin: auto; position: absolute; object-fit: contain; top: 0px; bottom: 0px; left: 0px; right: 0px; }
.onboarding-page .step-page .business-block .name{font-size: 16px; line-height: 24px; font-weight: 500; color: #262626; margin: 0 0 6px 0;}
.onboarding-page .step-page .business-block .location{font-size: 14px; line-height: 160%; font-weight: 400; color: #646A69; letter-spacing: -0.014em;}
.onboarding-page .step-page .business-block:hover{transform: rotate(1.9deg); transition: all .5s ease;}

.onboarding-page .create-bot-page{margin: 0px; height: 100%;}
.onboarding-page .create-bot-page .inner-area{width: 562px;}
.onboarding-page .create-bot-page .inner-area .step-number{text-align: center; font-size: 16px; line-height: 24px; color: #646464; letter-spacing: -0.014em; margin: 0 0 18px 0;}
.onboarding-page .create-bot-page .inner-area h1{font-family: "Inter", sans-serif; font-size: 48px; line-height: 58px; color: #262626; margin: 0 0 20px 0; font-weight: 400; letter-spacing: -0.04em; text-align: center;}
.onboarding-page .create-bot-page .inner-area .step-number{text-align: center; font-size: 16px; line-height: 24px; color: #646464; letter-spacing: -0.014em; margin: 0 0 32px 0;}
.onboarding-page .create-bot-page .inner-area .recaptcha-div {width: 304px; margin: 28px auto;}
.onboarding-page .create-bot-page .inner-area .search-area .input-block {width: 100%; margin-right: 2%;}
.onboarding-page .create-bot-page .inner-area .search-area .input-block.zip{width: 36%; margin-right: 0;}
.onboarding-page .create-bot-page .inner-area #business-search-form{text-align:center;}
.onboarding-page .create-bot-page .inner-area .btn-search{background: #089F54; border: none;  color: #fff; border-radius: 30px; font-size: 18px; line-height: 24px; color: #fff; letter-spacing: -0.014em; padding:12px 24px;}
.onboarding-page .create-bot-page .inner-area .btn-search:hover{background: #10283f;}

.onboarding-page .create-bot-page ul.business-list{margin: 0px auto; padding: 0px; list-style: none; max-width: 500px;}
.onboarding-page .create-bot-page ul.business-list li{margin: 0px;}
.onboarding-page .create-bot-page ul.business-list li:last-child .checkbox-block .checkmark{border-bottom: none;}
.onboarding-page .create-bot-page .checkbox-block{display: block; position: relative;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0px;}
.onboarding-page .create-bot-page .checkbox-block input {position: absolute; opacity: 0;cursor: pointer; display: none;}
.onboarding-page .create-bot-page .checkbox-block .checkmark{color: #65798E; font-weight: 400; letter-spacing: -0.014em; font-size: 16px;  line-height: 26px; padding: 16px 0 16px 44px; display: block; position: relative; border-bottom: 1px solid #0000000D;}
.onboarding-page .create-bot-page .checkbox-block .checkmark strong{font-weight: 400;display: block; color: #000;}
.onboarding-page .create-bot-page .checkbox-block .checkmark::before{content: ''; position: absolute; left: 14px; top: 21px; background: #fff; border-radius: 5px; width: 16px; height: 16px; border: #333335 1px solid;}
.onboarding-page .create-bot-page .checkbox-block input:checked ~ .checkmark::before{background: #089F54; border: #089F54 1px solid;}
.onboarding-page .create-bot-page .checkbox-block input:checked ~ .checkmark::after{content: ''; position: absolute; left: 17px; top: 25px; background: url(../images/check-icon.png) center center no-repeat; width: 10px; height: 8px; background-size: cover;}
.onboarding-page .create-bot-page .btn-area{text-align: center; display: flex; justify-content: center;}
.onboarding-page .create-bot-page .btn-area .btn-cancel{border: #646A69 1px solid; padding: 11px 24px; background: #fff; border-radius: 30px; font-size: 18px; line-height: 24px; letter-spacing: -0.02em; color: #646A69; margin: 0 6px; text-decoration: none;}
.onboarding-page .create-bot-page .btn-area .btn-submit{border: #089F54 1px solid; padding: 11px 24px; background: #089F54; border-radius: 30px; font-size: 18px; line-height: 24px; letter-spacing: -0.02em; color: #fff; margin: 0 6px;}
.onboarding-page .create-bot-page .btn-area .btn-cancel:hover{background:#089F54; border: #089F54 1px solid; color: #fff;}
.onboarding-page .create-bot-page .btn-area .btn-submit:hover{background:#10283f; border: #10283f 1px solid;}
.onboarding-page #canvas{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.5;}

  .btn-menu.active span:nth-of-type(3n+1) {transform: rotate(-45deg);left: 0px;top: 10px;transition: all .5s ease !important}
.btn-menu.active span:nth-of-type(3n+2) {display: none!important}
.btn-menu.active span:nth-of-type(3n+3) {transform: rotate(45deg);left: 0px;transition: all .5s ease;bottom: 10px!important}


@media (min-width: 768px) and (max-width: 1024px){
    
    .new-header ul.menu-center.show li {margin:0 0 16px 0!importannt}
    .mobile-header{top: 0px; left: 0px;}
    .onboarding-page .copyright{text-align: center;}
    .onboarding-page .create-bot-page .inner-area .search-area .input-block.zip{width:100%;}
    .onboarding-page{padding: 84px 0;}
    .onboarding-page .step-page .inner-area .step-number{font-size: 13px; line-height: 20px; margin: 0 0 8px 0;}
    .onboarding-page .step-page .inner-area h1{font-size: 34px; line-height: 44px; margin: 0 0 35px 0;}
    .search-area{width: 100%; margin: 0 auto;}
    .search-area .input-block{width: 100%; margin: 0 0 8px 0;}
    .search-area .input-block.zip{width: 100%; margin: 0 0 8px 0;}
    .search-area .form-control{padding: 12px 15px 12px 45px; font-size: 15px; line-height: 20px;}
    .search-area .input-block img{top: 15px; left: 20px;}
    .search-area .btn-search{width: 100%; padding: 9px; font-size: 14px; line-height: 20px;max-height:45px; }
    .btn-menu{display:block!important;}
    .onboarding-page .step-page .checkbox-block .checkmark{padding: 10px 0 10px 30px; font-size: 14px; line-height: 22px;}
    .onboarding-page .step-page .checkbox-block .checkmark::before {left: 0; top: 14px;}
    .onboarding-page .step-page .checkbox-block input:checked ~ .checkmark::after {left: 3px; top: 18px;}
    .onboarding-page .step-page .cant-find-your-business{padding: 16px; font-size: 14px; line-height: 20px; margin: 15px auto 25px auto;}
    .onboarding-page .step-page .btn-area .btn-submit,
    .onboarding-page .step-page .btn-area .btn-cancel{font-size: 14px; line-height: 20px; padding: 8px 20px;}
    
    .onboarding-page .step-page .business-block .name{font-size: 14px; line-height: 21px; margin: 0 0 4px 0;}
    .onboarding-page .step-page .business-block .location{font-size: 12px;}
    
    .onboarding-page .step-page .center-form label {font-size: 14px; line-height: 20px; margin: 0 0 5px 0;}
    .onboarding-page .step-page .center-form .mb-2{margin-bottom: 14px !important;}
    .onboarding-page .step-page .center-form .form-control, .onboarding-page .step-page .center-form .form-select{font-size: 15px; line-height: 20px; padding: 12px 18px;}
    .onboarding-page .step-page .center-form .checkbox-block{margin: 0 0 14px 0;}
    .onboarding-page .step-page .center-form .checkbox-block:last-child{margin: 0 0 25px 0;}
    
    .new-header .logo{margin-left:10px!important}
    .onboarding-page .create-bot-page .inner-area h1{font-size:40px;line-height:48px;margin-bottom:12px;}
    .onboarding-page .create-bot-page .inner-area .step-number{font-size:14px;line-height:22px;margin:0 0 25pxx 0;}
    .onboarding-page h4{font-size:28px;}
    .new-header ul.menu-center.show {left: 0;transition: all .5s ease;display: block;padding: 35px 20px 25px 30px;}
    .new-header .right.show {left: 0;transition: all .5s ease;width: 100%;}
    .new-header ul.menu-center li a {font-size: 14px;color: white;}
    .onboarding-page .create-bot-page .inner-area .btn-search{padding:10px 22px;font-size:16px;}
    .onboarding-page h4 a {font-size:28px;}
   
}

@media (max-width: 767px) {
.mobile-header{top: 0px; left: 0px;}
.onboarding-page .copyright{text-align: center;}

.onboarding-page{padding: 100px 0;}
.onboarding-page .step-page .inner-area{width: 100%; padding: 0 15px;}
.onboarding-page .step-page .inner-area .step-number{font-size: 13px; line-height: 20px; margin: 0 0 8px 0;}
.onboarding-page .step-page .inner-area h1{font-size: 24px; line-height: 34px; margin: 0 0 20px 0;}
.search-area{display: block; width: 100%;}
.search-area .input-block{width: 100%; margin: 0 0 8px 0;}
.search-area .input-block.zip{width: 100%; margin: 0 0 8px 0;}
.search-area .form-control{padding: 12px 15px 12px 45px; font-size: 15px; line-height: 20px;}
.search-area .input-block img{top: 15px; left: 20px;}
.search-area .btn-search{width: 100%; padding: 9px; font-size: 14px; line-height: 20px;max-height:45px; }


.onboarding-page .step-page .checkbox-block .checkmark{padding: 10px 0 10px 30px; font-size: 14px; line-height: 22px;}
.onboarding-page .step-page .checkbox-block .checkmark::before {left: 0; top: 14px;}
.onboarding-page .step-page .checkbox-block input:checked ~ .checkmark::after {left: 3px; top: 18px;}
.onboarding-page .step-page .cant-find-your-business{padding: 16px; font-size: 14px; line-height: 20px; margin: 15px auto 25px auto;}
.onboarding-page .step-page .btn-area .btn-submit,
.onboarding-page .step-page .btn-area .btn-cancel{font-size: 14px; line-height: 20px; padding: 8px 20px;}

.onboarding-page .step-page .business-block{padding: 20px 20px 20px 96px; margin: 0px auto 20px auto;}
.onboarding-page .step-page .business-block .business-logo{left: 20px; top: 20px;}
.onboarding-page .step-page .business-block .name{font-size: 14px; line-height: 21px; margin: 0 0 4px 0;}
.onboarding-page .step-page .business-block .location{font-size: 12px;}

.onboarding-page .step-page .center-form label {font-size: 14px; line-height: 20px; margin: 0 0 5px 0;}
.onboarding-page .step-page .center-form .mb-2{margin-bottom: 14px !important;}
.onboarding-page .step-page .center-form .form-control, .onboarding-page .step-page .center-form .form-select{font-size: 15px; line-height: 20px; padding: 12px 18px;}
.onboarding-page .step-page .center-form .checkbox-block{margin: 0 0 14px 0;}
.onboarding-page .step-page .center-form .checkbox-block:last-child{margin: 0 0 25px 0;}

.onboarding-page .create-bot-page .inner-area h1 {font-size:32px;line-height:42px;}
.onboarding-page .create-bot-page .inner-area .step-number{font-size:14px;max-width:300px;margin:0 auto 22px auto;line-height:22px;}
.onboarding-page .create-bot-page .inner-area {width:300px;}
.onboarding-page h4 {font-size:20px;bottom:66px;}
.onboarding-page h4 a{font-size:20px;}
.onboarding-page .create-bot-page .inner-area .recaptcha-div{margin:20px auto;}
.new-header .right {padding: 10px 20px;left: -100%;margin: 0 auto;position: absolute;padding-bottom: 24px;top: 279px;background-color: #10283F;}
.new-header ul.menu-center.show {left: 0;transition: all .5s ease;}
.new-header .right.show {left: 0;transition: all .5s ease;width: 100%;}
.new-header ul.menu-center.show li a{color:white;}
.new-header .right .user-detail {max-width: 150px;margin: 0 auto;}
.new-header .logo {margin-left:0!important}
.onboarding-page .create-bot-page .inner-area .search-area .input-block {width:100%;}
.onboarding-page .create-bot-page .inner-area .search-area .input-block.zip {width:100%;}

}