@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
html, body {
  font-family: 'Poppins', sans-serif; font-weight:400;}
.header-main{display:none;}

.hero-banner{padding:0px;}
.hero-banner .container{padding: 0 30px; width:100%; max-width: 100%;}
.hero-banner .blue-block{background:#12273C; padding:40px 40px 325px 40px; border-radius: 40px;}
.hero-banner .blue-block .wali-gif{width:146px; margin:0 auto;}
.hero-banner .blue-block .wali-gif img{width:100%; mix-blend-mode: Lighten;}
.hero-banner .blue-block .inner-area{max-width:792px; margin:0 auto;}
.hero-banner .blue-block .sub{margin: 24px 0; text-align: center; font-family: "Inter", sans-serif; color: #03BF62; font-weight: 600; font-size: 24px; line-height: 26px; letter-spacing: -1.4px;}
.hero-banner .blue-block h1{color: #fff; text-align: center; font-weight: 400; font-size: 58px; line-height: 90px; margin: 0 0 32px 0; letter-spacing: -3px;}
.hero-banner .blue-block .heading-title{color: #fff; text-align: center; font-weight: 400; font-size: 80px; line-height: 90px; margin: 0 0 32px 0; letter-spacing: -3px;}
.hero-banner .blue-block p {text-align: center; color: #D9D9D9; font-family: "Inter", sans-serif; font-size: 18px; line-height: 26px; letter-spacing: -0.3px; margin: 0 0 40px 0;}
.hero-banner .blue-block .filter-area{display: flex; justify-content: center; position: relative; z-index:5;}
.hero-banner .blue-block .filter-area .input-area{position: relative; width: 348px}
.hero-banner .blue-block .filter-area .input-area .icon{position: absolute; top: 13px; left: 25px; height: 21px; display: flex; align-items: center;}
.hero-banner .blue-block .filter-area .input-area .icon svg{vertical-align: top;}
.hero-banner .blue-block .filter-area .input-area.location-input{margin-left:16px; width: 206px}
.hero-banner .blue-block .filter-area .form-control{border-radius: 25px; border: none; background: #fff; color: #12273C; padding: 0px 0px 0px 50px; height: 48px; font-size: 14px; font-weight: 500;}
.hero-banner .blue-block .filter-area .form-control:focus{box-shadow: none}
.hero-banner .blue-block .filter-area .form-control::-moz-placeholder {color: #12273C !important; opacity: 1;}
.hero-banner .blue-block .filter-area .form-control:-ms-input-placeholder {color: #12273C !important;}
.hero-banner .blue-block .filter-area .form-control::-webkit-input-placeholder {color: #12273C !important;}
.hero-banner .blue-block .filter-area .btn-search{width: auto; height: 48px; background: #00BF63; border: none; padding: 15px 24px; border-radius: 30px; line-height: 18px; color: #fff; font-size: 18px; font-family: "Inter", sans-serif; margin-left: 16px;}
.hero-banner .map-block{max-width:1200px; margin:-222px auto 0 auto; height:588px; position: relative; border-radius: 40px; overflow:hidden;}
.hero-banner .map-block .map-top{position: relative; border-radius: 40px 40px 0 0; overflow:hidden; height:518px;}
.hero-banner .map-block .map-top #map {z-index: 3;position: absolute;height: 100%;width: 100%;padding: 0px;border-width: 0px;margin: 0px;left: 0px;top: 0px;touch-action: pan-x pan-y;outline-style: none;}
.hero-banner .map-block .map-top #map .gm-style-mtc-bbw{display: none}
.hero-banner .map-block .map-top #map .gm-control-active.gm-fullscreen-control{display: none}
.hero-banner .map-block .green-block{background:#03BF62; border-radius: 0 0 40px 40px; font-family: "Inter", sans-serif; font-size:18px; line-height:26px; color:#fff; padding:22px 0; text-align:center;}
.hero-banner .map-block .green-block a{color: #fff; font-weight: 600; text-decoration: underline;}
.hero-banner .map-block .map-top #map .leaflet-control-container .leaflet-control-attribution{
    display:none !important;
}

.made-for-you-section{padding:120px 0 0 0;}
.made-for-you-section .container{max-width:1230px;}
.made-for-you-section .inner-block {display: flex;}
.made-for-you-section .inner-block .content-block{width: 59%; padding-right:146px;}
.made-for-you-section .inner-block .content-block h2{font-size: 48px; line-height:57px; font-family: "Inter", sans-serif; font-weight: 400; letter-spacing: -2px; color: #262626; margin: 0 0 10px 0;}
.made-for-you-section .inner-block .content-block h2 span {display: block; font-size: 16px; line-height: 24px; letter-spacing: 0; color: #646464; margin-bottom: 18px;}
.made-for-you-section .inner-block .content-block .info-block{padding: 30px 0 30px 64px; border-bottom: #E1E1E1 1px solid; position: relative;}
.made-for-you-section .inner-block .content-block .info-block img{position: absolute; left: 0px; top: 50%; margin-top: -24px;}
.made-for-you-section .inner-block .content-block .info-block h3{font-weight: 400; font-size: 24px; line-height: 28px; color: #262626; margin: 0 0 6px 0;}
.made-for-you-section .inner-block .content-block .info-block p{font-family: "Inter", sans-serif; color: #646464; font-size: 18px; line-height: 25px; font-weight: 400; margin: 0px; letter-spacing: -0.3px;}
.made-for-you-section .inner-block .graphic-area{width: 41%; padding-left:4px;}
.made-for-you-section .inner-block .graphic-area img{width: 100%;}
.made-for-you-section .inner-block .content-block .info-block.last-block{padding: 30px 0 0px 64px; border-bottom: none}
.made-for-you-section .inner-block .content-block .info-block.last-block img{margin-top: -5px;}

.step-section{padding:120px 0;}
.step-section .container{max-width:1230px;}
.step-section .inner-block{display: flex; margin-bottom: 60px;}
.step-section .inner-block .titlebar{width:57%; padding-right:210px;}
.step-section .inner-block .titlebar h2{font-size: 48px; line-height:57px;  font-weight: 400; letter-spacing: -2px; color: #262626; margin: 0 0 10px 0;}
.step-section .inner-block .titlebar h2 span {display: block; font-family: "Inter", sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0; color: #646464; margin-bottom: 18px;}
.step-section .inner-block ul.step-list{width:43%; margin:0px; padding:0px; list-style:none; position: relative;}
.step-section .inner-block ul.step-list li{position: relative; padding-right: 40px; padding-left: 64px; padding-bottom:40px;}
.step-section .inner-block ul.step-list li h3 {color: #262626; font-size: 21px; line-height: 25px; font-family: "Inter", sans-serif; font-weight: 500; margin: 0 0 6px 0;}
.step-section .inner-block ul.step-list li p {font-family: "Inter", sans-serif; font-weight: 400; color: #646A69; font-size: 18px; line-height: 28px; margin:0px;}
.step-section .inner-block ul.step-list li .number{border: #fff 1px solid; background: #F8FAFF; width: 48px; height: 48px; position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center; left: 0px; top: 20px;}
.step-section .inner-block ul.step-list li .number span{width: 28px; height: 28px; border: #EEEEF0 1px solid; background: #fff; border-radius: 50%; text-align: center; line-height: 26px; font-size: 12px; font-family: "Inter", sans-serif; font-weight: 500;}
.step-section .inner-block ul.step-list li:hover .number span{background: #12273C; border: #D6E0FF 4px solid; color: #fff; width: 36px; height: 36px;}
.step-section .inner-block ul.step-list li::before {content: ''; position: absolute; top: 60px; left: 24px; height: 100%; width: 1px; background: #E1E1E180;}
.step-section .inner-block ul.step-list li:last-child::before {content:none; }
.step-section .business-area{max-width:888px; margin:0 auto; min-height:300px; position: relative;}
.step-section .small-business-block{background: #fff; border:#E1E1E1 1px solid; padding:30px 40px; border-radius:28px;box-shadow: 0px 34.59px 34.59px 0px #555E6C0D; box-shadow: 0px 8.78px 19.1px 0px #555E6C0F; width: 248px; position: absolute; transition: all .5s ease;}
.step-section .small-business-block .business-logo{border: #F7F7F7 1px solid; width: 56px; height: 56px; border-radius: 14px; overflow: hidden; margin-bottom: 16px; position: relative;}
.step-section .small-business-block .business-logo img {width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.step-section .small-business-block .name{font-family: "Inter", sans-serif; font-size: 16px; color: #262626; line-height: 24px; margin: 0 0 4px 0; font-weight: 500;}
.step-section .small-business-block p{font-family: "Inter", sans-serif; font-size:14px; line-height: 22px; margin:0 0 30px 0; color:#646A69; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.step-section .small-business-block .btn-chat{background: #03BF62; font-size: 14px; line-height: 28px; padding: 0 16px; border-radius: 15px; color: #fff; font-family: "Inter", sans-serif; text-decoration: none; font-weight: 400;}
.step-section .small-business-block.box1{top:0px; left:0px; transform: rotate(-2.39deg);}
.step-section .small-business-block.box2{top:30px; left:214px; transform: rotate(6.1deg);}
.step-section .small-business-block.box3{top:3px; right:214px; transform: rotate(-4.27deg); z-index:2;}
.step-section .small-business-block.box4{top:36px; right:0px; transform: rotate(2.3deg);}
.step-section .small-business-block:hover{ transform: rotate(0deg) scale(1.1) ;  transition: all .5s ease; z-index:3;}

.get-started-section{padding:0;}
.get-started-section .container{max-width:1230px;}
.get-started-section .lightblue-block{background: #F8FAFF; padding: 64px 120px 64px 120px; border-radius: 40px; display: flex; align-items: center; justify-content: space-between;}
.get-started-section .lightblue-block .leftside{width: 75%;}
.get-started-section .lightblue-block .leftside h2{font-size: 40px; line-height: 48px; letter-spacing: -1px; font-weight: 400; margin: 0 0 24px 0; color: #262626;}
.get-started-section .lightblue-block .leftside p {margin: 0px; font-size: 18px; line-height: 26px; font-weight: 400; color: #646A69; font-family: "Inter", sans-serif;}
.get-started-section .lightblue-block .btn-started{background: #12273C; color: #fff !important; font-size: 16px; font-family: "Inter", sans-serif; line-height: 24px; font-weight: 400; padding: 8px 20px; border-radius: 30px; text-decoration: none !important;}

.pricing-area{padding:120px 0;}
.pricing-area .container{max-width:1230px;}
.pricing-area .titlebar{display: flex; align-items: center;}
.pricing-area .titlebar h2{font-size: 48px; line-height: 57px; font-weight: 400; letter-spacing: -2px; color: #262626; margin: 0; width: 50%; padding-right: 80px;}
.pricing-area .titlebar h2 span {display: block; font-family: "Inter", sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0; color: #646464; margin-bottom: 18px;}
.pricing-area .titlebar p{width: 50%; margin: 0px; padding: 66px 0px 32px 32px; color: #646A69; font-size: 18px; line-height: 26px; font-weight: 400; font-family: "Inter", sans-serif;}
.pricing-area ul.plan-list{margin:0px auto; width:94%; padding:125px 0px 0px 0px; list-style:none; display:flex; justify-content: center;}
.pricing-area ul.plan-list li{width:33.33%; padding:0 25px;}
.pricing-area ul.plan-list li .plan-box{border: 1px solid #EAEAEA; box-shadow: 0px 8.78px 19.1px 0px #555E6C0F; padding: 30px 40px 30px 40px; border-radius: 28px; height: 100%;}
.pricing-area ul.plan-list li .plan-box .plan-name{font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; line-height: 25.6px; letter-spacing: -0.004em; color:#646A69; margin:0 0 12px 0; }
.pricing-area ul.plan-list li .plan-box .plan-price{font-size: 36px; font-weight: 600; line-height: 43.2px; letter-spacing: -0.04em; color:#262626; padding-bottom:12px; border-bottom: 1px solid #EAEAEA; margin:0 0 30px 0;}
.pricing-area ul.plan-list li .plan-box ol{margin:0px 0px 22px 0px; padding:0px; list-style:none;}
.pricing-area ul.plan-list li .plan-box ol li{padding:0px 0px 0px 34px; width:100%; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.004em; color: #646A69; margin:0 0 12px 0; position: relative;}
.pricing-area ul.plan-list li .plan-box ol li::before {content: ''; width: 18px; height: 18px; position: absolute; background: url(../images/plan-check.png) center center no-repeat; background-size: 100%; left: 0; top: 4px;}
.pricing-area ul.plan-list li .plan-box a{background: #03BF62; box-shadow: 0px 0px 0px 1px #EBEBEB !important; box-shadow: 0px 1px 3px 0px #8F8F8F33 !important; box-shadow: 0px -2.4px 0px 0px #3E3E3E1A inset !important; padding: 8px 20px; border-radius: 25px; font-size: 16px; line-height: 24px; color: #fff; text-decoration: none;}
.pricing-area ul.plan-list li .plan-box.blue-box{background:#12273C; border: 1px solid #12273C;}
.pricing-area ul.plan-list li .plan-box.blue-box .plan-name{color:#CACACA;}
.pricing-area ul.plan-list li .plan-box.blue-box .plan-price{color:#fff; border-bottom: 1px solid #EAEAEA33}
.pricing-area ul.plan-list li .plan-box.blue-box ol li{color:#E1E1E1;}

.faq-section{padding:0 0 120px 0;}
.faq-section h2{font-size: 48px; line-height: 57px; font-weight: 400; letter-spacing: -2px; color: #262626; margin: 0 0 16px 0; text-align:center;}
.faq-section p{color: #646A69; font-size: 18px; line-height: 26px; font-weight: 400; font-family: "Inter", sans-serif; margin: 0px 0px 100px 0px; letter-spacing: -0.004em; text-align:center;}

.faq-section .inner-faq-area{max-width:800px; margin:0 auto;}
.faq-section .inner-faq-area .accordion{margin: 0 0 65px 0;}
.faq-section .inner-faq-area .card{border:none; margin-bottom:15px; border: 1px solid #EEF1F7; border-radius: 16px;}
/*.faq-section .inner-faq-area .card{border:none; margin-bottom:15px; border: 1px solid #333; border-radius: 16px;}*/
.faq-section .inner-faq-area .card .card-header{background: transparent; padding: 0px; border-bottom:none;}
.faq-section .inner-faq-area .card .card-header .btn-link{color: #262626 !important; font-family: "Inter", sans-serif; font-size: 22px; line-height:24px; font-weight: 500; padding: 24px 56px 16px 32px; transition: all .5s ease; text-decoration: none !important; display: flex; align-items: center; position: relative;}
.faq-section .inner-faq-area .card .card-header .btn-link::before{content: ''; background: #262626; width: 12px; height: 2px; position: absolute; top: 34px; right: 40px;}
.faq-section .inner-faq-area .card .card-header .btn-link.collapsed{padding:24px 56px 24px 32px; transition: all .5s ease;}
.faq-section .inner-faq-area .card .card-header .btn-link.collapsed::before{content: ''; background: #262626; width: 12px; height: 2px; position: absolute; top: 34px; right: 40px;}
.faq-section .inner-faq-area .card .card-header .btn-link.collapsed::after{content: ''; background: #262626; width: 2px; height: 12px; position: absolute; top: 29px; right: 45px;}
.faq-section .inner-faq-area .card .card-header .btn-link:focus{box-shadow: none;}
.faq-section .inner-faq-area .card .card-body{padding: 0 32px 24px 32px !important; color: #646A69; font-size: 18px; line-height: 26px; font-weight: 400; font-family: "Inter", sans-serif; letter-spacing: -0.004em; }



.questions-block{background: #F8FAFF; padding:40px 140px; border-radius:16px; text-align: center;}
.questions-block .logo-icon{width:42px; height:42px; margin:0 auto 24px auto;}
.questions-block .logo-icon img{width:100%}
.questions-block h3{font-family: "Inter", sans-serif; font-size:21px; line-height:24px; font-weight: 500; color:#262626; letter-spacing: -0.01em; margin:0 0 16px 0;}
.questions-block p{font-family: "Inter", sans-serif; font-size:18px; line-height:24px; font-weight: 400; color:#646A69; letter-spacing: -0.004em; margin:0 0 24px 0;}
.questions-block .btn-gettouch{background: #03BF62; box-shadow: 0px 0px 0px 1px #EBEBEB !important; box-shadow: 0px 1px 3px 0px #8F8F8F33 !important; box-shadow: 0px -2.4px 0px 0px #3E3E3E1A inset !important; padding: 8px 20px; border-radius: 25px; font-size: 16px; line-height: 24px; color: #fff; text-decoration: none;}


.new-footer-area{padding:0 30px 30px 30px;}
.new-footer-area .container{max-width:1248px;}
.new-footer-area .blue-bg{background:#12273C; padding:40px 0 0 0; border-radius: 40px;}
.new-footer-area .blue-bg .logo{width:74px; margin:0 0 60px 0;}
.new-footer-area .blue-bg .logo img{width:100%;}
.new-footer-area .blue-bg .inner-flex{display:flex;}
.new-footer-area .blue-bg .inner-flex .leftpart{width:50%; display:flex; justify-content: space-between;}
.new-footer-area .blue-bg .inner-flex .subscribe{width:50%; padding-left:120px;}
.new-footer-area .blue-bg h2{font-family: "Inter", sans-serif; font-size: 21px; font-weight: 500; line-height: 24px; letter-spacing: -0.014em; margin:0 0 16px 0; color:#fff}
.new-footer-area .blue-bg .menu-block ul{margin:0px; padding:0px; list-style:none;}
.new-footer-area .blue-bg .menu-block ul li{margin:0 0 16px 0;}
.new-footer-area .blue-bg .menu-block ul li a{font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.004em; color:#D7D7D7; display: block;}
.new-footer-area .blue-bg p{font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color:#D7D7D7; letter-spacing: -0.014em; margin:0 0 24px 0;}
.new-footer-area .blue-bg .subscribe-input{display:flex; margin:0 0 12px 0;}
.new-footer-area .blue-bg .subscribe-input .form-control{border:none; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.014em; color:#12273C; height: auto; padding: 8px 15px; border-radius: 22px; margin-right: 16px;}
.new-footer-area .blue-bg .subscribe-input .btn-subscribe {background: #03BF62; border: none; border-radius: 25px; font-size: 16px; line-height: 24px; color: #fff; padding: 8px 20px; font-weight: 400; letter-spacing: -0.014em; box-shadow: 0px 0px 0px 1px #EBEBEB; box-shadow: 0px 1px 3px 0px #8F8F8F33; box-shadow: 0px -2.4px 0px 0px #3E3E3E1A inset;}
.new-footer-area .blue-bg small{font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; color:#D7D7D7; letter-spacing: 0.014em; display: block;}
.new-footer-area .blue-bg .footer-bottom {display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-top: 1px solid #FFFFFF1A; margin-top:60px;}
.new-footer-area .blue-bg .footer-bottom .copyright{font-family: "Inter", sans-serif; color: #D7D7D7; font-size: 14px; font-style: normal; font-weight: 400;line-height: 20px; }
.new-footer-area .blue-bg .footer-bottom ul.social-links {display: flex; margin: 0; padding: 0; list-style: none; gap: 10px;}
.new-footer-area .blue-bg .footer-bottom ul.social-links li a svg{width: 20px;}
.new-footer-area .blue-bg .footer-bottom ul.social-links li a svg path{transition: 0.3s all;}
.new-footer-area .blue-bg .footer-bottom ul.social-links li a:hover svg path{stroke:#00BF63}

.new-header{padding:10px 30px; position: relative; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.new-header .container{padding: 5px 40px; width: 100%; max-width: 100%; display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 60px;}
.new-header .logo{width:60px;}
.new-header .logo img{width:100%;}
.new-header ul.menu-center{display: flex; margin: 0px; padding: 0px; list-style: none;}
.new-header ul.menu-center li{margin: 0 16px;}
.new-header ul.menu-center li a{font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.014em; text-align: center; color: #262626; text-decoration: none;}
.new-header .btn-signup{background: #03BF62; letter-spacing: -0.014em; box-shadow: 0px 0px 0px 1px #EBEBEB; box-shadow: 0px 1px 3px 0px #8F8F8F33; box-shadow: 0px -2.4px 0px 0px #3E3E3E1A inset; padding: 8px 32px; font-family: "Inter", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #fff; border-radius: 25px;}
.new-header .btn-login{background: #fff; letter-spacing: -0.014em; box-shadow: 0px 0px 0px 1px #EBEBEB; box-shadow: 0px 1px 3px 0px #8F8F8F33; box-shadow: 0px -2.4px 0px 0px #3E3E3E0A inset; padding: 7px 32px; font-family: "Inter", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #262626; border-radius: 25px; border: #f0f0f0 1px solid; margin-right:16px;}
.new-header .user-detail .dropdown-toggle{display: flex; align-items: center; gap:10px}
.new-header .user-detail .dropdown-toggle .user-img {width: 48px; height: 48px; border-radius: 50%; position: relative; overflow: hidden; border: 1px solid transparent; transition:all .3s ease;}
.new-header .user-detail .dropdown-toggle .user-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0;bottom: 0; left: 0; right: 0; }
.new-header .user-detail .dropdown-toggle::after {content: none;}
.new-header .user-detail .dropdown-toggle:focus {box-shadow: none;}
.new-header .user-detail .dropdown-toggle:hover {text-decoration: none;}
.new-header .user-detail .dropdown-toggle {color: #000; font-size: 16px; font-weight: 500; line-height: 16px; padding: 0; border: none; transition:all .3s ease;}
.new-header .user-detail .dropdown-menu {top: 15px !important;  padding: 10px !important; border-radius: 10px;}
.new-header .user-detail .dropdown-menu a.dropdown-item {padding: 8px; color: #304C6A; border-radius: 3px; font-size: 14px; font-weight: 500; line-height: 16px;transition:all .3s ease;  transition:all .3s ease; font-size: 14px; font-weight: 500; line-height: 16px;}
.new-header .user-detail .dropdown-menu a.dropdown-item:hover {background-color: #00BF63; color: #fff; }

header.fixed .new-header{position: fixed; width: 100%; z-index: 10; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.mobile-header{display:none;}

@media (min-width: 768px) and (max-width: 1024px){
.mobile-header{display:flex; padding:8px 20px; justify-content: space-between; align-items: center;position: relative; background:#fff; z-index: 12;}
.mobile-header .logo{width:60px;}
.mobile-header .logo img{width:100%;}
.mobile-header .btn-menu {width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease; }
.mobile-header .btn-menu span{width: 100%; height: 2px; background: #262626; display: block;  transition: all .5s ease;}
.mobile-header .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.mobile-header .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.mobile-header .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.mobile-header .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.mobile-header .btn-menu.active span:nth-of-type(3n+2){display: none;}
.mobile-header .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}
header.fixed .mobile-header{position: fixed; width: 100%; z-index: 12; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.new-header{padding: 0; position: fixed; top: -400px; width: 100%; }
.new-header.show{top: 76px; border-top: 1px #ddd solid;z-index: 10;}
.new-header .container{padding: 35px 20px 25px 20px; width: 100%; max-width: 100%; display: block; border-radius: 0;}
.new-header .logo{display:block;}
.new-header ul.menu-center {display: block;}
.new-header ul.menu-center li{margin: 0 0 16px 0;}
.new-header .btn-login{margin: 0 0 6px 0; width: 100%; text-align: center;}
.new-header .btn-signup{width:100%; text-align: center;}
.new-header .right {margin: 0 auto;}
.new-header .user-detail .dropdown-toggle{margin:0 auto;}

.hero-banner .container {padding: 0;}
.hero-banner .blue-block{background: #12273C; padding: 10px 30px 236px 30px; border-radius: 0;}
.hero-banner .blue-block h1{font-size: 34px; line-height: 42px; letter-spacing: -1px;}
.hero-banner .blue-block .heading-title{font-size: 34px; line-height: 42px; letter-spacing: -1px;}
.hero-banner .blue-block .sub{font-size:21px;}
.hero-banner .blue-block .filter-area{display:block;}
.hero-banner .blue-block .filter-area .input-area{width: 100%; margin-bottom: 15px;}
.hero-banner .blue-block .filter-area .input-area.location-input{width: 100%; margin-bottom: 15px; margin-left: 0;}
.hero-banner .blue-block .filter-area .btn-search{width:100%; margin-left: 0;}
.hero-banner .blue-block .inner-area {max-width: 480px;}
.hero-banner .map-block {padding: 0 20px; max-width: 100%; height:auto; margin:-196px auto 0 auto;}
.hero-banner .map-block .map-top{height: 400px; border-radius: 16px 16px 0 0;}
.hero-banner .map-block .green-block{font-size: 14px; line-height: 20px; border-radius: 0 0 16px 16px; padding: 20px;}

.made-for-you-section {padding: 80px 0 0 0;}
.made-for-you-section .container{padding: 0 20px;}
.made-for-you-section .inner-block{display: block;}
.made-for-you-section .inner-block .content-block {width: 100%; padding-right: 0;}
.made-for-you-section .inner-block .content-block h2 {font-size: 36px; line-height: 43px;}
.made-for-you-section .inner-block .content-block .info-block h3{font-size: 20px; line-height: 24px;}
.made-for-you-section .inner-block .graphic-area {width: 100%; padding-left: 0; margin-top: 40px;}

.step-section{padding:80px 0;}
.step-section .container{padding: 0 20px;}
.step-section .inner-block{display: block; margin-bottom: 0px;}
.step-section .inner-block .titlebar {width: 100%; padding-right: 0; margin-bottom: 40px;}
.step-section .inner-block .titlebar h2 { font-size: 36px; line-height: 43px;}
.step-section .inner-block ul.step-list{width: 100%;}
.step-section .inner-block ul.step-list li{padding-right: 0;}

.step-section .business-area{  min-height: 400px;}
.step-section .small-business-block.box2{left: auto; right: 0px; z-index: 2;}
.step-section .small-business-block.box3 {top: auto; bottom: 20px; right: auto; left: 0}
.step-section .small-business-block.box4{top: auto; bottom: 0px;}
.step-section .small-business-block{padding: 25px 30px; width: 52%;}
.step-section .small-business-block .business-logo{width: 40px; height: 40px; border-radius: 10px; margin-bottom: 10px;}
.step-section .small-business-block .name{font-size: 12px; line-height: 18px;}
.step-section .small-business-block p{font-size: 10px;line-height: 15px; margin: 0 0 16px 0;}
.step-section .small-business-block .btn-chat{font-size: 10px; line-height: 22px;}

.get-started-section .container{padding: 0 20px;}
.get-started-section .lightblue-block{background: #F8FAFF; padding: 64px 40px 64px 40px; border-radius: 24px; display: block; text-align: center;}
.get-started-section .lightblue-block .leftside {width: 100%;}
.get-started-section .lightblue-block .leftside h2 {font-size: 32px; line-height: 38px;}
.get-started-section .lightblue-block .leftside p{margin-bottom: 40px;}

.pricing-area{padding:80px 0;}
.pricing-area .container{padding:0 0px 0 20px;}
.pricing-area .titlebar {display: block; padding-right:20px;}
.pricing-area .titlebar h2{font-size: 36px; line-height: 43px; width: 100%; padding-right: 0;}
.pricing-area .titlebar p {width: 100%; margin: 0px; padding: 24px 0px 0px 0px;}
.pricing-area ul.plan-list{width: 600px; padding: 40px 0px 0px 0px; overflow-x: scroll; justify-content: flex-start;}
.pricing-area ul.plan-list li {width: 300px; padding: 0 16px 0 0;}
.scroll-area{width: 100%; overflow-x: scroll;}

.faq-section {padding: 0 0 80px 0;}
.faq-section .inner-faq-area{padding:0 20px;}
.faq-section h2 {font-size: 36px; line-height: 43px; letter-spacing: -1px; text-align: left;}
.faq-section p{text-align: left;}

.questions-block{text-align: center; padding: 40px;}
.questions-block p{text-align: center;}

.new-footer-area{padding: 0 20px 20px 20px;}
.new-footer-area .blue-bg{border-radius: 16px;}
.new-footer-area .container{padding:0 40px;}
.new-footer-area .blue-bg .logo{margin: 0 0 40px 0;}
.new-footer-area .blue-bg .inner-flex {display: block;}
.new-footer-area .blue-bg .inner-flex .leftpart{width: 100%; }
.new-footer-area .blue-bg .inner-flex .leftpart .menu-block {margin: 0 0 30px 0;}
.new-footer-area .blue-bg .inner-flex .subscribe {width: 100%; padding-left: 0;}





}
@media (max-width: 767px) {
.mobile-header{display:flex; padding:8px 20px; justify-content: space-between; align-items: center;position: relative; background:#fff; z-index: 12;}
.mobile-header .logo{width:60px;}
.mobile-header .logo img{width:100%;}
.mobile-header .btn-menu {width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease; }
.mobile-header .btn-menu span{width: 100%; height: 2px; background: #262626; display: block;  transition: all .5s ease;}
.mobile-header .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.mobile-header .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.mobile-header .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.mobile-header .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.mobile-header .btn-menu.active span:nth-of-type(3n+2){display: none;}
.mobile-header .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}
header.fixed .mobile-header{position: fixed; width: 100%; z-index: 12; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.new-header{padding: 0; position: fixed; top: -400px; width: 100%; }
.new-header.show{top: 76px; border-top: 1px #ddd solid; z-index: 10;}
.new-header .container{padding: 35px 20px 25px 20px; width: 100%; max-width: 100%; display: block; border-radius: 0;}
.new-header .logo{display:none;}
.new-header ul.menu-center {display: block;}
.new-header ul.menu-center li{margin: 0 0 16px 0;}
.new-header .btn-login{margin: 0 0 6px 0; width: 100%; text-align: center;}
.new-header .btn-signup{width:100%; text-align: center;}
.new-header .right {margin: 0 auto;}
.new-header.header .right .user-detail{max-width:150px;margin:0 auto;}
.new-header .right .user-detail{max-width:150px;margin:0 auto;}
 
.hero-banner .container {padding: 0;}
.hero-banner .blue-block{background: #12273C; padding: 10px 30px 236px 30px; border-radius: 0;}
.hero-banner .blue-block h1{font-size: 34px; line-height: 42px; letter-spacing: -1px;}
.hero-banner .blue-block .heading-title{font-size: 34px; line-height: 42px; letter-spacing: -1px;}
.hero-banner .blue-block .sub{font-size:21px;}
.hero-banner .blue-block .filter-area{display:block;}
.hero-banner .blue-block .filter-area .input-area{width: 100%; margin-bottom: 15px;}
.hero-banner .blue-block .filter-area .input-area.location-input{width: 100%; margin-bottom: 15px; margin-left: 0;}
.hero-banner .blue-block .filter-area .btn-search{width:100%; margin-left: 0;}
.hero-banner .map-block {padding: 0 20px; max-width: 100%; height:auto; margin:-196px auto 0 auto;}
.hero-banner .map-block .map-top{height: 400px; border-radius: 16px 16px 0 0;}
.hero-banner .map-block .green-block{font-size: 14px; line-height: 20px; border-radius: 0 0 16px 16px; padding: 20px;}

.made-for-you-section {padding: 80px 0 0 0;}
.made-for-you-section .container{padding: 0 20px;}
.made-for-you-section .inner-block{display: block;}
.made-for-you-section .inner-block .content-block {width: 100%; padding-right: 0;}
.made-for-you-section .inner-block .content-block h2 {font-size: 36px; line-height: 43px;}
.made-for-you-section .inner-block .content-block .info-block h3{font-size: 20px; line-height: 24px;}
.made-for-you-section .inner-block .graphic-area {width: 100%; padding-left: 0; margin-top: 40px;}

.step-section{padding:80px 0;}
.step-section .container{padding: 0 20px;}
.step-section .inner-block{display: block; margin-bottom: 0px;}
.step-section .inner-block .titlebar {width: 100%; padding-right: 0; margin-bottom: 40px;}
.step-section .inner-block .titlebar h2 { font-size: 36px; line-height: 43px;}
.step-section .inner-block ul.step-list{width: 100%;}
.step-section .inner-block ul.step-list li{padding-right: 0;}

.step-section .business-area{  min-height: 400px;}
.step-section .small-business-block.box2{left: auto; right: 0px; z-index: 2;}
.step-section .small-business-block.box3 {top: auto; bottom: 20px; right: auto; left: 0}
.step-section .small-business-block.box4{top: auto; bottom: 0px;}
.step-section .small-business-block{padding: 25px 30px; width: 52%;}
.step-section .small-business-block .business-logo{width: 40px; height: 40px; border-radius: 10px; margin-bottom: 10px;}
.step-section .small-business-block .name{font-size: 12px; line-height: 18px;}
.step-section .small-business-block p{font-size: 10px;line-height: 15px; margin: 0 0 16px 0;}
.step-section .small-business-block .btn-chat{font-size: 10px; line-height: 22px;}

.get-started-section .container{padding: 0 20px;}
.get-started-section .lightblue-block{background: #F8FAFF; padding: 64px 40px 64px 40px; border-radius: 24px; display: block; text-align: center;}
.get-started-section .lightblue-block .leftside {width: 100%;}
.get-started-section .lightblue-block .leftside h2 {font-size: 32px; line-height: 38px;}
.get-started-section .lightblue-block .leftside p{margin-bottom: 40px;}

.pricing-area{padding:80px 0;}
.pricing-area .container{padding:0 0px 0 20px;}
.pricing-area .titlebar {display: block; padding-right:20px;}
.pricing-area .titlebar h2{font-size: 36px; line-height: 43px; width: 100%; padding-right: 0;}
.pricing-area .titlebar p {width: 100%; margin: 0px; padding: 24px 0px 0px 0px;}
.pricing-area ul.plan-list{width: 600px; padding: 40px 0px 0px 0px; overflow-x: scroll; justify-content: flex-start;}
.pricing-area ul.plan-list li {width: 300px; padding: 0 16px 0 0;}
.scroll-area{width: 100%; overflow-x: scroll;}

.faq-section {padding: 0 0 80px 0;}
.faq-section .inner-faq-area{padding:0 20px;}
.faq-section h2 {font-size: 36px; line-height: 43px; letter-spacing: -1px; text-align: left;}
.faq-section p{text-align: left;}

.questions-block{text-align: center; padding: 40px;}
.questions-block p{text-align: center;}

.new-footer-area{padding: 0 20px 20px 20px;}
.new-footer-area .blue-bg{border-radius: 16px;}
.new-footer-area .container{padding:0 40px;}
.new-footer-area .blue-bg .logo{margin: 0 0 40px 0;}
.new-footer-area .blue-bg .inner-flex {display: block;}
.new-footer-area .blue-bg .inner-flex .leftpart{width: 100%; display: block;}
.new-footer-area .blue-bg .inner-flex .leftpart .menu-block {margin: 0 0 30px 0;}
.new-footer-area .blue-bg .inner-flex .subscribe {width: 100%; padding-left: 0;}
.new-footer-area .blue-bg .subscribe-input {display: block;}
.new-footer-area .blue-bg .subscribe-input .form-control{margin-right: 0;}
.new-footer-area .blue-bg .subscribe-input .btn-subscribe{width: 100%;margin-top: 6px;}
.new-footer-area .blue-bg .footer-bottom{margin-top: 40px;}

}