html, body {
 padding:0;
  margin:0;
  background: #fff;
  }
  @font-face{ font-family: "Inter", sans-serif;}
  @font-face{font-family:'Poppins'}
  @font-face{font-family: 'DM Mono'}
  @font-face{font-family: 'Fira Mono'}
  


#loader-wrapper img {
    height: 65px;
    left: 50%;
    margin: -30px 0 0 -55px;
    position: absolute;
    top: 50%;
    width: 100px;
}

#loader-wrapper {
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#loader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 2s linear 0s normal none infinite running spin;
    border-color: #008408 transparent transparent;
    border-image: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: relative;
    top: 50%;
    width: 200px;
}

#loader::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 3s linear 0s normal none infinite running spin;
    border-color: #67ac00 transparent transparent;
    border-image: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    bottom: 5px;
    content: "";
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}

#loader::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1.5s linear 0s normal none infinite running spin;
    border-color: #008408 transparent transparent;
    border-image: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.shadow {box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);z-index: 999999;padding:0;background:white;position: sticky;padding: 0; transition: all .5s ease;}
.shadows{box-shadow: 0 0 25px rgba(255, 255, 255, 0.4);z-index: 999999;padding:0;background-color:#10283F;position: sticky;padding: 0; transition: all .5s ease;}
.header-sticky{background-color: #089F54;border-radius: 40px;z-index:99;}
a{color:black; text-decoration: none !important;}


.new-header {padding: 24px 30px 24px 30px;position: fixed;display:flex;flex-direction: row;justify-content: space-between;align-items: center;width:100%;top:0; z-index: 9;}
.new-header .logo{margin-left: 40px; width: 54px;}
.new-header .logo img{width:100%}
.new-header ul.menu-center {display: none;margin: 0px;padding: 0px;list-style: none;justify-content: space-between;align-items: center;}
.new-header ul.menu-center li {margin: 0 16px;}
.new-header ul.menu-center li a {font-size: 18px;font-weight:400;line-height: 24px;letter-spacing: -0.014em;text-align: center;color:black;text-decoration: none;}
.new-header .btn-login {background: #fff;letter-spacing: -0.014em;padding: 11px 24px;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;text-decoration: none;}
.new-header .btn-signup {background: #089F54;letter-spacing: -0.014em;text-decoration: none;padding: 11px 24px;font-family: "Inter", sans-serif;font-weight: 400;font-size: 16px;line-height: 24px;color: #fff;border-radius: 25px;box-shadow: inset 0px -2.4px 0px rgba(62, 62, 62, 0.1);}
.new-header .right{padding-right:40px; display:flex; align-items: center;}
.new-header .right .search-link{font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.014em; text-align: center; color: black; margin-right:15px;}
.new-header .right .btn-search-icon{background: transparent; color: #fff; border: none; padding: 0px; margin-right: 15px; display:none;}
.new-header.header .right .search-link{color:#fff;}

.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-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; }
.btn-signup:hover{background-color:#003061;color:white}
.btn-signup:hover .btn-signup svg {fill:#089F54;transform: rotate(0); transition: all .5s ease;}
.btn-login:hover{background-color: #089F54;color:white;}

.btn-menu {width: 22px;height: 22px;border: none;background: transparent;position: relative;padding: 0px; transition: all .5s ease;display:none;}
.btn-menu span:nth-of-type(3n+1) {position: absolute;top: 0px;left: 0px;transition: all .5s ease;}
.btn-menu span {width: 100%;height: 2px;background:#089F54;display: block;}
.btn-menu span:nth-of-type(3n+2) {position: absolute;top: 10px;width: 70%;left: 0px;transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+3) {position: absolute;bottom: 0px;left: 0px;transition: all .5s ease;}

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


.header {padding: 24px 30px 24px 30px;position:fixed;display:flex;flex-direction: row;justify-content: space-between;align-items: center;width:100%;z-index:999999; transition: all .5s ease;}
.header .logo{margin-left: 40px; width: 54px;}
.header .logo img{width:100%}
.header ul.menu-center {display: none;margin: 0px;padding: 0px;list-style: none;justify-content: space-between;align-items: center;}
.header ul.menu-center li {margin: 0 16px;}
.header ul.menu-center li a {font-size: 18px;font-weight:400;line-height: 24px;letter-spacing: -0.014em;text-align: center;color:#fff;text-decoration: none;}
.header .btn-login {background: #fff;letter-spacing: -0.014em;padding: 11px 24px;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;text-decoration: none;}
.header .right{padding-right:40px;}
.btn-signup {background: #089F54;letter-spacing: -0.014em;text-decoration: none;padding: 11px 24px;font-family: "Inter", sans-serif;font-weight: 400;font-size: 16px;line-height: 24px;color: #fff;border-radius: 25px;}



.main-area{background: linear-gradient(180deg, #12273C 0%, #003061 100%);border-radius: 0 0 60px 60px;width:100%;overflow: hidden;position:relative;height:99vh;}
.main-area .container{max-width:1304px;width:100%;height:100%;}
.main-area .container .flex{z-index:1;position: relative;display: flex;height:100%;}
.main-area .container .flex .content{width:47.5%;margin-top:140px;}
.main-area .container .flex .content h1{font-size: 68px;line-height:80px;font-family:'poppins';color:#fff;position: relative; letter-spacing: -0.04em;}
.main-area .container .flex .content h1 span::after{content: '';position: absolute;bottom:-7px;left: 0px;width:100%;height: 22px;background-image:url('../images/Doodle.png');background-repeat: no-repeat;z-index:-1;background-size:contain;}
.main-area .container .flex .content h1 span{display:inline-block;position:relative;}
.main-area .container .flex .content p{color:#D9D9D9;font-size: 17px;line-height:140%; letter-spacing: -0.01em; font-family:'Inter';margin:30px 0 96px 0;text-align: left;}
.main-area .container .flex .content .btn-signup {margin-right:16px}
.main-area .container .flex .main-photo{position:relative;right:0;margin-right:-185px;top:100px;}
.main-area .container .flex .main-photo img{}
.main-area .container .info-text p{color:#fff;text-align: center;font-size:13px;line-height: 140%;font-family:'Inter'; position: relative; z-index: 2; margin: 0 0 0px 0;bottom:42px;}
.main-area .chat-section-1{position: absolute;top:272px;left:0}
.main-area .chat-section-2{position: absolute;top:0px;right:0}
.btn-login {background: #fff;letter-spacing: -0.014em;box-shadow: 0px -2.4px 0px 0px #3E3E3E0A inset;padding: 11px 24px;font-family:'Inter';font-weight: 400;font-size: 16px;line-height: 24px;color: #262626;border-radius: 25px;border: #f0f0f0 1px solid;margin-right: 16px;text-decoration: none;}
.btn-signup {background: #089F54;letter-spacing: -0.014em;text-decoration: none;padding: 11px 28px;font-family:'Inter';font-weight: 400;font-size: 16px;line-height: 24px;color: #fff;border-radius: 25px;border:1px solid #089F54;box-shadow: inset 0px -2.4px 0px rgba(62, 62, 62, 0.1);}
.btn-signup svg{margin-left:5px}
.left-part .btn-signup {margin-right:16px}
.main-area::before {content: '';position: absolute;width: 1957.39px;height: 505px;right: -258px;top: -100px;background: linear-gradient(240.51deg, #03BF62 -33.19%, rgba(3, 191, 98, 0.03) 68.79%);transform: rotate(-31.05deg);filter: blur(200px);-webkit-filter: blur(200px);}
 
 


.service{padding:100px 120px}
.service .container{max-width:1360px;padding:0;}
.service .service-box{display:flex;list-style-type: none;margin:0;padding:0;justify-content: center;}
.service .service-box li{color: #646A69;width:30.8%;margin-right:40px;font-size: 16px;font-family: 'Inter';font-weight: 400;line-height: 22.40px;word-wrap: break-word;padding:24px 24px 24px 0}
.service .service-box li h3{color: black;font-size: 18px;font-family: 'Inter';font-weight: 500;line-height: 24px;word-wrap: break-word;margin-bottom: 8px;}
.service .service-box li .icon{height:24px;width:24px;margin-bottom:8px}
.service .service-box li .icon img{height:100%;width:100%}
.service .service-box li:last-child{margin-right:0;}


.feature-bg{background: linear-gradient(180deg, #F8F9FF 0%, rgba(241.19, 241.19, 241.19, 0.14) 100%);border-radius:40px;margin:0 27px;padding:100px 0 114px 0}
.feature-bg h2{text-align: center;color:#000;color: #262626;font-size: 48px;font-family:'Poppins';font-weight: 400;line-height: 57.60px;}
.feature-bg h2 span{color: #646464;font-size: 16px;font-family: 'Inter';font-weight: 400;line-height: 24px;display:block;margin-bottom:19px}.feature-bg h2 strong{display: block;color: #262626;font-size: 48px;font-family: 'Poppins';font-weight: 600;line-height: 57.60px;}
.grid{position: relative;margin:88px 0 0 0;height:506px;}

.wrapper {display: grid;grid-gap: 30px;grid-template-columns: 356px 361px 361px;height:506px;color: #444;justify-content: center;}
.box {background-color:transparent;color: #fff;border-radius: 18px;position: relative;font-size: 150%;border:1px solid #EBEBEB;padding:0 30px}
.a {grid-column: 1;grid-row: 1/13;padding:45px 0;height:506px}
.b {grid-column: 2 ;grid-row: 1/11;padding:33px 0 35px 0;height:330px}
.c {grid-column:3 ;height:330px}
.d {grid-column:2/4;grid-row: 2;height:146px}
.a .small-business-block {background: #fff;border: #E1E1E1 1px solid;padding:24px 32px 26px 32px;border-radius: 28px;box-shadow: 0px 8.78px 19.1px 0px #555E6C0F;width: 203px;position: absolute;transition: all .5s ease;top: 45px;transform: rotate(-2.39deg);}
.a .small-business-block .business-logo {border: #F7F7F7 1px solid;width: 46px;height: 46px;border-radius: 14px;overflow: hidden;margin-bottom:7px;position: relative;}
.a .small-business-block .business-logo img {width: 100%;height: 100%;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;object-fit: cover;}
.a .small-business-block .name {margin: 0 0 3px 0;color: #262626;font-size: 13.18px;font-family: 'Inter';font-weight:bold;line-height: 19.8px;word-wrap: break-word}
.a .small-business-block p {font-family: "Inter", sans-serif;font-size: 11.45px;line-height:18px;margin: 0 0 24px 0;color: #646A69;overflow: hidden;font-weight: 400;text-overflow: ellipsis;letter-spacing: -0.4px;}
.a .text-right {text-align: right !important;font-size: 11.54px;font-family: 'Inter';font-weight:400;line-height: 21.42px;}
.a .small-business-block .btn-chat {background: #089F54;font-size: 11.54px;line-height: 28px;padding: 0 16px;border-radius: 15px;color: #fff;font-family: "Inter", sans-serif;text-decoration: none;font-weight: 400;display:inline-block}
.a .box2{top:122px;right:0;}
.box .text{position:absolute;bottom:30px;padding:0 30px}
.box .text h3{color: #262626;font-size: 22px;font-family:'Inter';margin:0;font-weight: 600;line-height: 28.60px;}
.box .text p{color: #646A69;font-size: 16px;font-family: 'Inter';font-weight: 400;line-height: 24px;}
.b .feed-fact{display:flex;flex-wrap: wrap;list-style-type: none;align-items: center;justify-content: center;margin:0}
.b .feed-fact li{padding:3px 19px;background-color: #fff;color:#000;display:flex;align-items: center;border-radius: 20px;margin-bottom:10px;margin-right:10px}
.b .feed-fact li .icons{width:28px;height:28px;background-color: #EDEDED;border-radius: 50%;margin-right:12px;display: flex;align-items: center;justify-content: center;}
.b .feed-fact li h3{color: #1D1D20;font-size: 17.45px;font-family: 'Inter';font-weight: 500;line-height: 33.47px;word-wrap: break-word;margin:0}
.c .chat-box{background-color:#089F54;margin:64px 29px 60px 29px;padding:16px;color: white;border-radius: 16px;font-size: 13.79px;font-family: 'Inter';font-weight: 400;line-height: 18.96px;position: relative;}
.c .chat-box::before {content: "";position: absolute;bottom: -7px;right: 0px;width: 15px;height: 20px;z-index: 9;border-radius: 0 0 0 20px;background:#089F54;}
.d .text{padding:0;position: relative;bottom:0;}
.grid-d{display: flex;align-items: center;justify-content: space-between;padding:46px 10px}
.work{padding:110px 0 87px 0}
.work .container{max-width:1200px;padding:0;width:100%}
.work-detail{display:flex;;justify-content:space-between;}
.work-detail .work-heading{width: 45.4%;}
.work-detail .work-heading h2{text-align:left;color: #262626;font-size: 48px;font-family:'Poppins';font-weight: 400;line-height: 57.60px;margin:0;padding-bottom:19px;letter-spacing: -0.04em;}
.work-detail .work-heading h2 span{color: #646464;font-size: 16px;font-family: 'Inter';font-weight: 400;line-height: 24px;display:block;margin-bottom:19px;letter-spacing: -0.014em;}
.work-detail .work-heading h2 strong{display: block;color: #262626;font-size: 48px;font-family: 'Poppins';font-weight: 600;line-height: 57.60px;display:inline-block}
.work-detail .step-area {margin: 0px;padding: 0px;list-style-type: none;width:39.3%}


                
.step-area li {position: relative;padding-left: 64px;padding-bottom: 40px;}
.work-detail .step-area 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;}
.work-detail  .step-area 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;}
.work-detail .step-area li h3 {color: #262626;font-size: 21px;line-height: 25px;font-family: "Inter", sans-serif;font-weight: 500;margin: 0 0 6px 0;}
.work-detail .step-area li p {font-family: "Inter", sans-serif;font-weight: 400;color: #646A69;font-size: 18px;line-height: 160%;margin: 0px;letter-spacing: -0.004em;}
.work-detail .step-area li::before {content: '';position: absolute;top: 60px;left: 24px;height: 100%;width: 1px;background: #E1E1E180;}
/* .work-detail .step-area li:last-child::before { height: auto;} */
.work-detail .step-area li:last-child::before{height:92px}

.faq{padding:100px 0 0 0;}
.faq .faq-detail{max-width:800px;margin:0 auto}
.faq .faq-detail h2{text-align:center;color:#000;color: #262626;font-size: 48px;font-family:'Poppins';font-weight: 400;line-height: 57.60px;margin: 0px 0px 103px 0px;}
.faq .faq-detail h2 span{display:block}
.faq .faq-detail p{color: #646A69;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 .faq-detail.other h2{margin: 0 0 16px 0;}
.faq .faq-detail.other p{max-width:488px; margin:0 auto 100px auto;}

.accordion {margin: 0 0 68px 0;}
.faq-section .inner-faq-area .card {border: none;margin-bottom: 15px;border: 1px solid #F8FAFF;border-radius: 16px;}
.card {border: none;margin-bottom: 15px;border: 1px solid #F8FAFF !important;border-radius: 16px !important;}
.card .card-header {background: transparent;padding: 0px;border-bottom: none;}
.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 24px 32px;transition: all .5s ease;text-decoration: none !important;display: flex;align-items: center;position: relative;width:100%;text-align: left;}
.card .card-header .btn-link::before {content: '';background: #262626;width: 12px;height: 2px;position: absolute;top: 34px;right: 40px;}
.card .card-header .btn-link.collapsed::after {content: '';background: #262626;width: 2px;height: 12px;position: absolute;top: 29px;right: 45px;}
.card .card-header .btn-link:focus {box-shadow: none;}
.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;min-height: 1px;}

.new-footer-area {padding: 0 26px 26px 26px;margin:210px 0 0 0; }
.new-footer-area .blue-bg {background: linear-gradient(180deg, #12273C 0%, #003061 100%);padding: 80px 60px 0 60px;border-radius: 40px;}
.new-footer-area .container {max-width:1300px;}
.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 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;text-decoration:none;}
.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 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}
.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: #089F54;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 -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 0px;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;}


.assistance{margin:100px 27px 0px 27px;background: linear-gradient(180deg, #F8F9FF 0%, rgba(241.19, 241.19, 241.19, 0.14) 100%); border-radius: 40px;padding-top:83px}
.business-area {max-width: 888px;margin: 60px auto 0 auto;min-height: 300px;position: relative;}
.assistance h2{color: #262626;font-size: 48px;font-family: 'Poppins';text-align: center;font-weight: 400;margin-bottom:16px;line-height: 57.60px;}
.assistance p{color: #646A69;font-size: 18px;text-align: center;font-family: 'Inter';font-weight: 400;margin-bottom:16px;line-height: 26px;}
.small-business-block {background: #fff;border: #E1E1E1 1px solid;padding: 30px 40px;border-radius: 28px;box-shadow: 0px 8.78px 19.1px 0px #555E6C0F;width: 248px;position: absolute;transition: all .5s ease;}
.small-business-block p{text-align: left;}

.business-area .small-business-block.box1 {top: 0px;left: 0px;transform: rotate(-2.39deg);}
.business-area .small-business-block .business-logo {border: #F7F7F7 1px solid;width: 56px;height: 56px;border-radius: 14px;overflow: hidden;margin-bottom: 16px;position: relative;}
.business-area .small-business-block .business-logo img {width: 100%;height: 100%;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;object-fit: cover;}
.business-area .small-business-block .name {font-family:'Inter';font-size: 16px;color: #262626;line-height: 24px;margin: 0 0 4px 0;font-weight: 500;}
.business-area .text-right {text-align: right !important;}
.business-area .small-business-block .btn-chat {background: #089F54;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;display:inline-block;}
.business-area .small-business-block.box2 {top: 30px;left: 214px;transform: rotate(6.1deg);}
.business-area .small-business-block.box3 {top: 3px;right: 214px;transform: rotate(-4.27deg);z-index: 2;}
.business-area .small-business-block.box4 {top: 36px;right: 0px;transform: rotate(2.3deg);}

.business-area .small-business-block:hover{top: 5px; transition: all .5s ease;}
.business-block:hover .bottom-detail{bottom: 5px; transition: all .5s ease;}
.work-detail .step-area li .number span:hover{background:#003061;color:#fff}


/* about us page*/
.about-page{margin:115px 27px 0 27px;padding-top:63px}
.assistance  h2 span {color: #646464;font-size: 16px;font-family: 'Inter';font-weight: 400;line-height: 24px;display: block;margin-bottom: 19px;}
.about-list{margin:126px auto 132px auto;max-width:451px;list-style-type: decimal-leading-zero;padding:0}
::marker {color: black;font-size: 18px;font-family: 'DM Mono';font-weight: 400;line-height: 27px;}
.about-list li{color: #646A69;font-size: 18px;font-family: 'Inter';font-weight: 400;margin-bottom:24px;line-height: 27px;letter-spacing: -0.01em;}
.about-description{margin:80px 0 170px 0}
.about-description p{color: #646A69;font-size: 18px;font-family: 'Inter';font-weight: 400;margin-bottom:40px;line-height: 28px;}
.about-description p:last-child{margin-bottom:40px}
.about-description .container .row{align-items: center;}
.about-description .year{color: #262626;font-size: 48px;font-family: 'Poppins';font-weight: 400;display: flex;flex-direction: column;align-items: center;margin-bottom:80px;line-height: 57.60px;}
.about-description .year span{display:block;color: #646464;font-size: 16px;font-family: 'Inter';font-weight: 400;line-height: 24px;}


.tool{padding:148px 0 21px 0}
.tool h2{text-align: center;color: #262626;font-size: 48px;font-family: 'Poppins';font-weight: 400;margin-bottom: 19px;line-height: 57.60px;}
.tool p{color: #646464;font-size: 16px;font-family: 'Inter';text-align: center;max-width:544px;margin:0 auto;font-weight: 400;line-height: 24px;}
.tool .tool-list{padding:0;margin:116px 0 0 0;list-style-type: none;display:flex;gap:40px;justify-content: center;align-items:flex-start;flex-wrap: wrap;}
.tool .tool-list li{border:1px solid #E1E1E1;padding:38px;width:19.1%;border-radius: 28px;}
.tool .tool-list li .tool-box .tool-icon{width:60px;height:60px;background-color: #089F54;border-radius:50%;display: flex;margin-bottom:16px;align-items: center;justify-content: center;}
.tool-box{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.tool-box  a{text-decoration: none;display: flex;flex-direction: column;align-items: center;}
.tool .tool-list li .tool-box h3{color: #262626;font-size: 16px;font-family: 'Inter';font-weight: 600;line-height: 24px;}
.tool .tool-list li .tool-box p{color: #646A69;font-size: 14px;font-family: 'Inter';font-weight: 400;line-height: 22.23px;}

.chat-bot-directory{padding:148px 0 21px 0}
.chat-bot-directory h1{text-align: center;font-weight:600;}
.chat-bot-directory h2{ color: #646A69;font-size: 20px;line-height: 26px;font-weight: 400;font-family: "Inter", sans-serif;letter-spacing: 0.004em;max-width: 488px;text-align: center;margin: 0 auto;}
.chat-bot-directory p{color: #646464;font-size: 16px;font-family: 'Inter';text-align: center;max-width:544px;margin:0 auto;font-weight: 400;line-height: 24px;}

.state-bot-directory{padding:148px 0 21px 0}
.state-bot-directory h1{text-align: center;font-weight:600;}
.state-bot-directory h2{ color: #646A69;font-size: 20px;line-height: 26px;font-weight: 400;font-family: "Inter", sans-serif;letter-spacing: 0.004em;max-width: 488px;text-align: center;margin: 0 auto;}
.state-bot-directory p{color: #646464;font-size: 16px;font-family: 'Inter';text-align: center;max-width:544px;margin:0 auto;font-weight: 400;line-height: 24px;}



.blog-page{margin:100px 0 37px 0 ;padding:96px 0 0 0}
.blog-page h2{color: #262626;font-size: 48px;font-family: 'Poppins';font-weight: 400;margin-bottom: 19px;line-height: 58px;}
.blog-page p{color: #646464;font-size: 16px;font-family: 'Inter';font-weight: 400;line-height: 24px;}
.blog-page .blog-inner{margin:56px 0 0 0;}
.blog-page .container{max-width:1345px}
.blog-page .blog-inner .interaction{padding: 0px;list-style: none;display: flex;flex-wrap: wrap;}
.blog-page .blog-inner .interaction li:first-child{width:100%;margin-bottom:60px;background: linear-gradient(180deg, #F8F9FF 0%, rgba(241.19, 241.19, 241.19, 0.14) 100%);padding:40px;border-radius: 40px;margin-right:0}
.blog-page .blog-inner .interaction li{width:29.6%;margin-right:40px;margin-bottom:30px;}
.blog-page .blog-inner .interaction li .detail-block {position: relative;gap:110px;display: flex;align-items:flex-start;}
.blog-page .blog-inner .interaction li:last-child{margin-right: 0;}
.blog-page .blog-inner .interaction li .detail-block .photo {width: 58.6%;height: 425px;position: relative;overflow: hidden;border-radius: 24px;}
.blog-page .blog-inner .interaction li .detail-block .photo img {width: 100%;height: 100%;object-fit: cover;top: 0px;bottom: 0px;left: 0px;right: 0px;position: absolute;transition: all .5s ease;}
.interaction-content{width:32.4%}
.interaction-content .featured{padding:6px 10px;border-radius:24px; border: 1px rgba(0, 0, 0, 0.10) solid; justify-content: center; align-items: center;;display:inline-flex;margin-bottom:32px}
.interaction-content h1{font-size: 34px;font-family: 'Poppins';font-weight: 400;margin-bottom: 32px;line-height: 40px;}
.interaction-content p{color: #646464;font-size: 16px;font-family: 'Inter';font-weight: 400;line-height: 24px;margin-right:31px;}
.interaction-content .date{color: #646464;font-size: 14px;font-family: 'Inter';font-weight: 400;position: absolute;bottom:0;line-height: 14px;}
.blog-page .blog-inner .interaction li .blog-box .photo {width: 100%;height: 212px;position: relative;overflow: hidden;border-radius: 24px;}
.blog-page .blog-inner .interaction li .blog-box .photo img {width: 100%;height: 100%;object-fit: cover;top: 0px;bottom: 0px;left: 0px;right: 0px;position: absolute;transition: all .5s ease;}
.blog-page .blog-inner .interaction li .blog-box .blog-description{padding:16px 0 0 0}
.blog-page .blog-inner .interaction li .blog-box .blog-description .category{padding:6px 10px;border-radius:24px; border: 1px rgba(0, 0, 0, 0.10) solid; justify-content: center; align-items: center;;display:inline-flex;color: black;font-size: 12px;font-family: 'Fira Mono';font-weight: 400;margin-bottom: 22px;line-height: 10px;} 
.blog-page .blog-inner .interaction li .blog-box .blog-description h2{color: black;font-size: 24px;font-family: 'Poppins';font-weight: 400;margin-bottom:16px;line-height: 28px;}
.blog-page .blog-inner .interaction li .blog-box .blog-description p{color: #646464;font-size: 16px;font-family: 'Inter';font-weight: 400;margin-right:31px;line-height: 24px;margin-bottom:20px;}
.blog-page .blog-inner .interaction li .detail-block .photo:hover img{transform: scale(1.1); transition: all .5s ease;border-radius: 24px;}
.blog-page .blog-inner .interaction li .blog-box .photo:hover img{transform: scale(1.1); transition: all .5s ease;border-radius:24px ;}


.pricing{margin:165px auto 0 auto;max-width:1200px; padding: 0;}
.pricing h2{text-align:center;color:#000;color: #262626;font-size: 48px;font-family:'Poppins';font-weight: 400;line-height: 58px;}
.pricing p{color: #646A69;font-size: 18px;line-height: 26px;font-weight: 400;font-family: "Inter", sans-serif;;letter-spacing:0.004em;max-width: 488px;text-align: center;margin: 0 auto;}
.plan-list {margin: 0px auto 36px auto;width: 94%;padding: 120px 0px 0px 0px;list-style: none;display: flex;justify-content: center;align-items: end;}
.plan-list li {width: 29.5%;margin:0 25px}
.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:459px;}
.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;}
.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 32px 0;}
.plan-list li .plan-box ol {margin: 0px 0px 38px 0px;padding: 0px;list-style: none;}
.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;}
.plan-list li .plan-box ol li::before {content: '';width: 18px;height: 18px;position: absolute;background: url('../images/list-icon.png') center center no-repeat;background-size: 100%;left: 0;top: 4px;}
.plan-list li .plan-box.blue-box {background: #12273C;border: 1px solid #12273C;height:585px}
.plan-list li .plan-box.blue-box .plan-name {color: #CACACA;}
.plan-list li .plan-box.blue-box .plan-price {color: #fff;border-bottom: 1px solid rgba(234, 234, 234, 0.2);}
.plan-list li .plan-box.blue-box ol li {color: #E1E1E1;}
.plan-list li .plan-box a {background:#089F54;box-shadow: 0px -2.4px 0px 0px #3E3E3E1A inset;padding: 8px 20px;border-radius: 25px;font-size: 16px;line-height: 24px;color: #fff;text-decoration: none;}
.pricing-page.faq .faq-detail h2{margin:0 0 16px 0}
.pricing-page.faq{margin:100px 0 18px 0}

.plan-list li .plan-box.green-box a {background:#12273c;box-shadow: 0px -2.4px 0px 0px #3E3E3E1A inset;padding: 8px 20px;border-radius: 25px;font-size: 16px;line-height: 24px;color: #fff;text-decoration: none;}
.plan-list li .plan-box.green-box {background: #0a9a52;border: 1px solid #0a9a52;height:585px}
.plan-list li .plan-box.green-box .plan-name {color: #fff;}
.plan-list li .plan-box.green-box .plan-price {color: #fff;border-bottom: 1px solid rgba(234, 234, 234, 0.2);}
.plan-list li .plan-box.green-box ol li {color: #fff;}

.policy-page{margin: 100px 27px 0px 27px; background: linear-gradient(180deg, #F8F9FF 0%, rgba(241.19, 241.19, 241.19, 0.14) 100%); border-radius: 40px; padding-top: 80px;}
.policy-page h1{color: #262626; font-size: 48px; font-family: 'Poppins'; text-align: center; font-weight: 400; margin-bottom: 16px; line-height: 57.60px;}

.find-local-spots{background: linear-gradient(180deg, #F6F9FE 0%, #FFFFFF 100%); width:100%; height:100vh; display: flex; align-items: center;}
.find-local-spots .center-area{max-width: 518px; margin: 0 auto 60px auto; text-align: center; position: relative;}
.find-local-spots .center-area .green-message{position: absolute; top: 0px; left: -300px;}
.find-local-spots .center-area .gray-message{position: absolute; bottom: -30px; right: -386px;}
.find-local-spots .center-area .icon{width: 90px; margin: 0 auto 40px auto;}
.find-local-spots .center-area .icon img{width: 100%;}
.find-local-spots .center-area h1{font-family: "Inter", sans-serif; font-size: 48px; line-height: 58px; color: #262626; margin: 0 0 40px 0; font-weight: 400; letter-spacing: -0.04em; text-align: center;}
.find-local-spots .center-area p{font-family: "Inter", sans-serif; font-size: 18px; line-height: 25px; letter-spacing: -0.01em; color:#393939; margin:0px;}
.find-local-spots .search-block{display: flex; max-width:674px; margin:0 auto;}
.find-local-spots .search-block .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: 13px 15px 14px 50px;  border-radius: 30px; height:auto;}
.find-local-spots .search-block .input-block{width:52%; margin-right: 1.5%; position: relative;}
.find-local-spots .search-block .input-block .searchbox-icon{position: absolute; top: 20px; left: 24px;}

.find-local-spots .search-block .input-block.zip{width:27%; margin-right: 1.5%;}
.find-local-spots .search-block .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; }
.find-local-spots .search-block .btn-search:hover{background: #10283f;}
.find-local-spots .search-block .form-control:focus{ box-shadow: 0px 4px 5px 0px #00000008; border:#089F54 1px solid;}

.recent-activity-area{padding: 50px 0;}
.recent-activity-area h2{font-size: 48px; line-height: 58px; color: #262626; margin: 0 0 16px 0; font-weight: 400; letter-spacing: -0.04em; text-align: center;}
.recent-activity-area p{font-family: "Inter", sans-serif; font-size: 18px; line-height: 25px; letter-spacing: -0.01em; color:#646A69; margin:0px auto; max-width:488px;  text-align: center;}
/*.recent-activity-area .grid{margin:0px auto; max-width:1100px;}*/
/*.recent-activity-area .grid:after {content: ''; display: block; clear: both;}*/
/*.recent-activity-area .grid-sizer, */
/*.recent-activity-area .grid-item{width: 33.33%; padding: 20px}*/
/*.recent-activity-area .grid-item {float: left;}*/
.recent-activity-area .grid{margin:0px auto; max-width:1100px; display: flex; flex-wrap: wrap; height:auto;}
.recent-activity-area .grid:after {content: ''; display: block; clear: both;}
.recent-activity-area .grid-item{width: 33.33%; padding: 20px}

.bot-block{box-shadow: 0px 8.78px 19.1px 0px #555E6C0F; border: 1px solid #EAEAEA; background: #FFFFFF; border-radius: 28px; overflow: hidden; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.bot-block .msg-block{padding:30px 40px;}
.bot-block .msg-block .user-message{position: relative; padding-left: 56px;}
.bot-block .msg-block .user-message .photo{width: 40px; height: 40px; position: absolute; overflow: hidden; border-radius: 50%; top: 0px; left: 0px;}
.bot-block .msg-block .user-message .photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.bot-block .msg-block .user-message p{text-align: left; color: #646A69; font-size: 16px; line-height: 20px;}
.bot-block .msg-block .user-message p strong{color: #000; font-weight: 600;}
.bot-block .msg-block .user-message p span{color: #000;}
.bot-block .msg-block .line{background: #EAEAEA; height: 1px; margin: 32px 0;}
.bot-block .msg-block .bot-message{position: relative; padding-left: 72px;} 
.bot-block .msg-block .bot-message .logo{border: 1.21px solid #00000008; width: 56px; height: 56px; position: absolute; overflow: hidden; border-radius: 15px; top: 0px; left: 0px;}
.bot-block .msg-block .bot-message .logo img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.bot-block .msg-block .bot-message h3{font-size: 16px; line-height: 24px; color: #262626; font-weight: 500; margin: 0 0 4px 0; font-family: "Inter", sans-serif;}
.bot-block .msg-block .bot-message p{text-align: left; font-size: 14px; line-height: 18px; letter-spacing: -0.01em; color: #646A69;}
.bot-block .icon-area{background: #F4F4F4; padding: 18px 50px; display: flex; justify-content: space-between;}
.bot-block .icon-area a{width: 18px; height: 18px; display: block;}
.bot-block .icon-area a svg{vertical-align: top; width: 100%; height: 100%;}

.easily-connect-area{padding: 40px 0;}
.easily-connect-area .subtitle{font-size: 16px; line-height: 24px; letter-spacing: -0.014em; font-family: "Inter", sans-serif; color: #646A69; font-weight: 400; margin: 0 0 18px 0;}
.easily-connect-area .titlebar{display: flex; align-items: center; margin: 0 0 100px 0;}
.easily-connect-area .titlebar h2{width: 50%; font-size: 48px; line-height: 58px; font-weight: 400; letter-spacing: -0.02em; margin: 0; color: #262626;}
.easily-connect-area .titlebar .content{width: 50%; font-size: 18px; line-height: 26px; color: #646A69; font-family: "Inter", sans-serif; font-weight: 400; padding: 15px 0;}
.easily-connect-area ul.info-list{border: #EEEEF0 1px solid; margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; border-radius: 24px;}
.easily-connect-area ul.info-list li{width: 33.33%; border-right: #EEEEF0 1px solid; border-bottom: #EEEEF0 1px solid; padding:40px;}
.easily-connect-area ul.info-list li:nth-of-type(3n+3){border-right: none;}
.easily-connect-area ul.info-list li.none-bottom-border{border-bottom:none;}
.easily-connect-area ul.info-list li .icon{width:24px; height:24px; margin:0 0 8px 0; }
.easily-connect-area ul.info-list li .icon svg{vertical-align: top;}
.easily-connect-area ul.info-list li h3{font-family: "Inter", sans-serif; font-size:17px; line-height:24px; letter-spacing: -0.20000000298023224px; font-weight: 500; color:#262626; margin:0 0 8px 0;}
.easily-connect-area ul.info-list li p{font-family: "Inter", sans-serif; font-size:16px; line-height:20px; letter-spacing: -0.08399999886751175px; font-weight: 400; color:#646A69; margin:0;}


.questions-block{background:#F8FAFF; border-radius: 16px; padding:40px; text-align: center;}
.questions-block .icon{width:42px; height:42px; margin:0 auto 24px auto;}
.questions-block .icon img{width:100%;}
.questions-block h3{font-size: 21px; font-weight: 500; line-height: 24px; letter-spacing: -0.01em; text-align: center; margin:0 0 16px 0; color:#262626;}
.questions-block p{margin:0 auto 24px auto !important;}
.questions-block .btn-contact{background: #089F54;letter-spacing: -0.014em;text-decoration: none;padding: 11px 28px;font-family:'Inter';font-weight: 400;font-size: 16px;line-height: 24px;color: #fff;border-radius: 25px;border:1px solid #089F54;box-shadow: inset 0px -2.4px 0px rgba(62, 62, 62, 0.1);}


.new-header .right svg{display:none;}
#newsletter-form label{color:red;margin-left:18px;}

.get-a-quote-form{width:50%;padding-top:100px;}
.get-a-quote-form h3{margin-bottom: 20px;margin-left: 20px;color: #304a67;}


.bot-detail-page{width: 100%; height: 100vh; border-bottom: #00000014 1px solid; padding-top: 96px;}
.bot-detail-page .inner-flex{border-top: #00000014 1px solid; display: flex; justify-content: space-between; height: 100%;}
.bot-detail-page .inner-flex .leftside-info{width: 31.2%; border-right: #00000014 1px solid; height: 100%; overflow-y: scroll;}
.bot-detail-page .inner-flex .leftside-info .new-business-block{padding:26px 30px; border-bottom:#00000014 1px solid;}
.bot-detail-page .inner-flex .leftside-info .new-business-block .business-name{position: relative; padding: 0 0 0 76px; min-height: 60px; margin: 0 0 30px 0;}
.bot-detail-page .inner-flex .leftside-info .new-business-block .business-name .icon{width:60px; height:60px; border-radius:16px; position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center;}
.bot-detail-page .inner-flex .leftside-info .new-business-block .business-name h1{font-size: 32px;font-weight: 400; line-height: 38px; letter-spacing: -0.04em; font-family: "Inter", sans-serif; margin: 0 0 4px 0;}
.bot-detail-page .inner-flex .leftside-info .new-business-block .business-name .location{font-size: 13px; font-family: "Inter", sans-serif; line-height: 18px; color: #565656; font-weight: 400;}
.bot-detail-page .inner-flex .leftside-info .new-business-block p{font-size:14px; font-family: "Inter", sans-serif; line-height:18px; margin:0 0 18px 0; color:#565656; font-weight:400;}
.bot-detail-page .inner-flex .leftside-info .new-business-block ul.cate{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.bot-detail-page .inner-flex .leftside-info .new-business-block ul.cate li{margin-right:6px; margin-bottom:6px;}
.bot-detail-page .inner-flex .leftside-info .new-business-block ul.cate li a{border: 0.69px solid #0000000F; box-shadow: 0px 1.38px 6.9px 0px #00000008; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.014em; padding: 5px 12px; border-radius: 18px; color:#12273C;}
.bot-detail-page .inner-flex .leftside-info .new-business-block ul.cate li:hover a{background:#0000000F; color:#12273C;}
.bot-detail-page .inner-flex .leftside-info .btn-mobile-chat{display:none;}
.bot-detail-page .inner-flex .leftside-info .location-block{padding:30px;}
.bot-detail-page .inner-flex .leftside-info .location-block h3{font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: -0.4000000059604645px; margin:0 0 20px 0; color:#000000;} 
.bot-detail-page .inner-flex .leftside-info .location-block .map{width:100%; height:140px; border-radius: 18px; overflow:hidden; margin-bottom:20px; position:relative;}
.bot-detail-page .inner-flex .leftside-info .location-block .map iframe{width:100%; height:100%;}
.bot-detail-page .inner-flex .leftside-info .location-block .map .open-map{position: absolute; top: 12px; left: 12px; z-index: 1; background: #089f54; font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: -0.10000000149011612px; color: #fff; padding: 7px 10px; border-radius: 20px;}
.bot-detail-page .inner-flex .leftside-info .location-block .map .close-map{position: absolute; top: 12px; left: 12px; z-index: 1; background: red; font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: -0.10000000149011612px; color: #fff; padding: 7px 10px; border-radius: 20px;}
.bot-detail-page .inner-flex .leftside-info .location-block .d-flex-inner{display: flex; padding: 0 16px;}
.bot-detail-page .inner-flex .leftside-info .location-block .d-flex-inner .info{width: 50%; font-size: 13px; font-weight: 400; line-height: 16px; letter-spacing: -0.10000000149011612px; padding-left: 30px; position: relative;}
.bot-detail-page .inner-flex .leftside-info .location-block .d-flex-inner .info svg{width: 16px; height: 16px; position: absolute; top: 0px; left: 0px;}

.bot-detail-page .inner-flex .rightside-info{width: 26.8%; border-left: #00000014 1px solid; height: 100%; overflow-y: scroll;}
.bot-detail-page .inner-flex .rightside-info .open-hours-area{border-bottom:#00000014 1px solid;}
.bot-detail-page .inner-flex .rightside-info .open-hours-area .first-part{padding:30px 15px 18px 15px; border-bottom:#00000014 1px solid;}
.bot-detail-page .inner-flex .rightside-info .open-hours-area .first-part h3{font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: -0.4000000059604645px; margin:0 0 15px 0; color:#000000; display: flex; justify-content: space-between;} 
.bot-detail-page .inner-flex .rightside-info .open-hours-area .first-part h3 .green{color:#089f54; font-weight:500;}
.bot-detail-page .inner-flex .rightside-info .open-hours-area .first-part h3 .red{color:red; font-weight:500;}
.bot-detail-page .inner-flex .rightside-info .open-hours-area .first-part p{font-size: 12px; font-family: "Inter", sans-serif; line-height: 18px; margin: 0; color: #00000099; font-weight: 400;}
.bot-detail-page .inner-flex .rightside-info .open-hours-area ul.hour-list{margin: 0px; padding: 25px 15px; list-style: none; column-count: 2;}
.bot-detail-page .inner-flex .rightside-info .open-hours-area ul.hour-list li{font-size: 12px; line-height: 17px; font-weight: 400; letter-spacing: -0.10000000149011612px; color:#202020;}
.bot-detail-page .inner-flex .rightside-info .open-hours-area ul.hour-list li span{color:#20202099; margin-left: 8px;display:block;}
.bot-detail-page .inner-flex .rightside-info .photo-block-area{border-bottom:#00000014 1px solid; padding:20px 15px;}
.bot-detail-page .inner-flex .rightside-info .photo-block-area h3{font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: -0.4000000059604645px; margin:0 0 20px 0; color:#000000; display: flex; justify-content: space-between;} 
.bot-detail-page .inner-flex .rightside-info .photo-block-area h3 a{color:#089f54; font-weight:500;}
.bot-detail-page .inner-flex .rightside-info .photo-block-area ul.photo-list{margin: 0px; padding: 0px; list-style: none; display:flex; overflow: hidden; position: relative;}
.bot-detail-page .inner-flex .rightside-info .photo-block-area ul.photo-list::before {background: linear-gradient(89.94deg, rgba(255, 255, 255, 0) 41.04%, #FFFFFF 92.15%); content: ''; position: absolute; right: 0px; top: 0px; height: 100%; width: 200px; z-index: 1;}
.bot-detail-page .inner-flex .rightside-info .photo-block-area ul.photo-list li{margin-right:10px;}
.bot-detail-page .inner-flex .rightside-info .photo-block-area ul.photo-list .photo-box{width:100px; height:100px; border-radius: 12px; position: relative; overflow: hidden;}
.bot-detail-page .inner-flex .rightside-info .photo-block-area ul.photo-list .photo-box img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.bot-detail-page .inner-flex .rightside-info .photo-block-area .yelp-msg-block img{ height: 100%; margin-left:15px;}
.bot-detail-page .inner-flex .rightside-info .photo-block-area .yelp-msg-block{height: 48px; display: flex; align-items: center; justify-content: end; padding: 20px 15px 0 15px; font-size:10px; line-height:15px; color:#393939;}
.bot-detail-page .inner-flex .rightside-info .review-block-area{border-bottom:#00000014 1px solid; padding:20px 15px;}
.bot-detail-page .inner-flex .rightside-info .review-block-area h3{font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: -0.4000000059604645px; margin:0 0 20px 0; color:#000000; display: flex; justify-content: space-between;} 
.bot-detail-page .inner-flex .rightside-info .review-block-area h3 a{color:#089f54; font-weight:500;}
.bot-detail-page .inner-flex .rightside-info .review-block-area ul.review-list{margin: 0px; padding: 0px; list-style: none; position: relative;}
.bot-detail-page .inner-flex .rightside-info .review-block-area ul.review-list li{padding: 12px 12px 12px 78px; position: relative; display: flex; align-items: center; min-height: 76px;}
.bot-detail-page .inner-flex .rightside-info .review-block-area ul.review-list li .icon {position: absolute; top: 12px; left: 12px;}
.bot-detail-page .inner-flex .rightside-info .review-block-area ul.review-list li p{margin:0px; font-family: "Inter", sans-serif; font-size:14px; line-height:18px; color:#000000; font-weight:400;}
.bot-detail-page .inner-flex .rightside-info .review-block-area ul.review-list li p a{color:#089F54; text-decoration: underline !important; font-weight:700;}
.bot-detail-page .inner-flex .rightside-info .review-block-area .yelp-msg-block img{ height: 100%; margin-left:15px;}
.bot-detail-page .inner-flex .rightside-info .review-block-area .yelp-msg-block{height: 48px; display: flex; align-items: center; justify-content: end; padding: 20px 15px 0 15px; font-size:10px; line-height:15px; color:#393939;}

.bot-detail-page .inner-flex .center-main-area{width:44%;  position: relative;}
.bot-detail-page .inner-flex .center-main-area .btn-chat-close{display:none;}
.bot-detail-page .inner-flex .center-main-area .before-login-area{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 30px;}
.bot-detail-page .inner-flex .center-main-area .before-login-area h2{font-family: "Inter", sans-serif; font-size: 32px; font-weight: 400; line-height: 38px; letter-spacing: -0.04em; text-align: center; color: #262626; margin: 0 0 40px 0;}
.bot-detail-page .inner-flex .center-main-area .before-login-area .input-block{position: relative;}
.bot-detail-page .inner-flex .center-main-area .before-login-area .input-block .form-control{border: #E2E8F0 1px solid; border-radius: 12px; font-size: 15px; line-height: 23px; padding: 14px; height: auto;}
.bot-detail-page .inner-flex .center-main-area .before-login-area .input-block .btn-send{position: absolute; top: 0px; right: 0px; border: none; width: 53px; height: 53px; background: transparent;}

.bot-detail-page .inner-flex .center-main-area .chat-main-area{width: 100%; height: 100%; display: flex; align-items: end; padding: 0; position: relative;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .chat-top-block{width: 100%; height: 100%; padding: 0 5% 90px 5%; margin: 0; display: flex; flex-direction: column; overflow-y: scroll;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area::before{content: ''; position: absolute; bottom: 0px; left: 0px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 24%, rgba(255, 255, 255, 0.7) 86.17%); width: 100%; height: 100px; z-index: 1;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .chat-top-block .left-msg{background: #F0FFF4; width: 75%; font-size: 16px; line-height: 22px; padding: 8px 24px; border-radius: 50px; margin-top:20px; position: relative; word-wrap: anywhere;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .chat-top-block .left-msg:before{content:''; background:url(../images/left-icon.png) center center no-repeat; width:19px; height:23px; position: absolute; left: -6px; bottom: -2px;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .chat-top-block .first-message{background: #F0FFF4;width: 75%;font-size: 16px;line-height: 22px;padding: 8px 24px;border-radius: 50px;margin-top: 45px;position: relative;word-wrap: anywhere;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .chat-top-block .right-msg{background:#F2F2F2; width: 75%; margin-left: 25%;font-size: 16px; line-height: 22px; padding: 8px 24px; border-radius: 50px; margin-top:20px; position: relative;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .chat-top-block .right-msg:before{content:''; background:url(../images/right-icon.png) center center no-repeat; width:19px; height:23px; position: absolute; right: -6px; bottom: -2px;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .chat-top-block .chat-area{margin-bottom:50px;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .input-block{position: absolute; width: 90%; left: 5%; z-index:1;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .input-block .form-control{border: #E2E8F0 1px solid; border-radius: 12px; font-size: 15px; line-height: 23px; padding: 14px; height: auto;}
.bot-detail-page .inner-flex .center-main-area .chat-main-area .input-block .btn-send{position: absolute; top: 0px; right: 0px; border: none; width: 53px; height: 53px; background: transparent; z-index: 1;}

.login-popup-area{display: none; position: fixed; top: 0px; left: 0px; background: #0000003D; width: 100%; height: 100%;  align-items: center; justify-content: center;}
.login-popup-area .center-content-white {max-width: 345px;}
.login-popup-area .center-content-white .btn-white{background: #fff; margin: 20px 0;text-align: center; padding: 14px 16px; font-size: 16px; font-weight: 400; text-decoration: none !important; display: flex; align-items: center; border-radius: 30px; color: #0000008A;}
.login-popup-area .center-content-white .btn-white img{width: 24px; margin-right: 15px;}
.login-popup-area .center-content-white p{margin:0px; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 500; line-height: 28.67px; letter-spacing: -0.014em; text-align: center; color:#646A69;}
.login-popup-area .center-content-white p a{color:#000; text-decoration: underline !important;}

.bot-detail-body .new-footer-area {margin: 25px 0 0 0;}

.new-business-block .banner img { width: 100%; position: absolute; left: 0px; height: 100%; top: 0px; bottom: 0px; right: 0px; object-fit: cover; }
.new-business-block .banner { position: relative; width: 100%; height: 260px; overflow: hidden; border-radius: 20px 20px 0 0; }
.banner:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); height: 90px; z-index: 1; }
.new-business-block .banner .top-logo { position: absolute; top: 20px; right: 20px; z-index: 3; width: 100px; height: 40px; background: #000; border-radius: 15px; padding: 5px 10px 10px 10px;}
.new-business-block .banner .top-logo img { max-width: 80%; max-height: 80%; margin: auto; object-fit: contain; }
.new-business-block .banner .top-logo-bib-gourmand { position: absolute; top: 20px; right: 20px; z-index: 3; width: 90px; height: 46px; background: #fff; border-radius: 15px; }
.new-business-block .banner .top-logo-bib-gourmand img { max-width: 80%; max-height: 80%; margin: auto; object-fit: contain; }
.new-business-block .banner .btn-claim { position: absolute; right: 25px; bottom: 25px; background: #062d54;; border: none; font-size: 14px; line-height: 28px; padding: 4px 18px; border-radius: 15px; color: #fff; font-family: "Inter", sans-serif; text-decoration: none; font-weight: 400; z-index: 1; }
.new-business-block .banner .claimed-bot { position: absolute; top:20px; left: 20px; background: #626262; border: none; 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; z-index: 1; }
.bot-detail-page .inner-flex .center-main-area .btn-chat-clear {
  background: #089f54;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 4;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 0 0 15px 0;
  display: block;
}
.login-popup-area.open {
  display: flex;
  z-index: 34;
}
.close-button {
    
  position: relative;
  left: 45%;
  background-color: #089f54;
  border: none;
  color: #fff;
  font-size: 24px;
  font-weight: 50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
    
}
.photo-carousel .photo-box {
    position: relative;
    width: 100%;
    height: 130px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.photo-carousel .photo-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image fills the box without distortion */
    border-radius: 5px; /* Optional: Add rounded corners */
}

.header ul.mobile-search{display:none;}

.wait-list-page{background: linear-gradient(180deg, #F6F9FE 0%, #FFFFFF 38.12%); padding-top:145px; position: relative;}
.wait-list-page .img-area{position: absolute; top:140px; right:0px; width:56%;}
.wait-list-page .img-area img{width:100%;  position: relative; z-index:1;}
.wait-list-page .img-area video{width: 36.5%; position: absolute; top: 8.1%; left: 35.1%; transform: rotate(-5.26deg); height: 54.4%; border-radius: 14px;}
.wait-list-page .img-area img.membership{width: 36.5%; position: absolute; top: 8.1%; left: 35.1%; transform: rotate(-5.26deg); height: 54.4%; border-radius: 14px;} 
.wait-list-page .inner-flex{display:flex;}
.wait-list-page .leftside{width:46%;}
.wait-list-page .partnership-logo{display:flex; font-size: 12px; font-weight: 400; line-height: 12px; letter-spacing: -0.01em; align-items: center; color:#393939; margin-bottom:40px; font-family: "Inter", sans-serif;}
.wait-list-page .partnership-logo .logo{height:26px; margin-left:12px;}
.wait-list-page .partnership-logo .wali-bambu-logo{height:50px; margin-left:12px;}
.wait-list-page .partnership-logo .logo img{height:100%;}
.wait-list-page .partnership-logo .wali-bambu-logo img{height:100%;}
.wait-list-page h1{font-size: 48px; font-weight: 400; line-height: 57.6px; letter-spacing: -0.04em; font-family: "Inter", sans-serif; color:#262626; margin:0 0 40px 0;}
.wait-list-page p{font-size: 18px; font-weight: 400; line-height: 25.2px; letter-spacing: -0.01em; font-family: "Inter", sans-serif; margin: 0 0 40px 0; color:#393939;}
.wait-list-page h2{font-family: "Inter", sans-serif; font-size: 32px; font-weight: 400; line-height: 38.4px; letter-spacing: -0.04em; margin:0 0 40px 0; color:#262626;}
.wait-list-page ol{margin:0px; padding:0px 0px 40px 33px;}
.wait-list-page ol li{font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.01em; font-family: "Inter", sans-serif; color:#393939;}
.wait-list-page ul{margin:0px; padding:0px 0px 40px 33px;}
.wait-list-page ul li{font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.01em; font-family: "Inter", sans-serif; color:#393939;}
.wait-list-page .form-area{margin:0px;}
.wait-list-page .form-area .input-block{margin:0 0 24px 0;}
.wait-list-page .form-area .input-block label{font-family: Inter; font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.004em; color:#000000; margin:0 0 15px 0;}
.wait-list-page .form-area .input-block .form-control{box-shadow: 0px 2px 10px 0px #00000008; border: 1px solid #0000000F; color:#65798E; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.014em; border-radius:16px; padding: 15px; height: auto;}
.wait-list-page .form-area .input-block .form-control:focus{border:#262626 1px solid}
.wait-list-page .form-area .md-12{margin:0 -12px;}
.wait-list-page .form-area .pd-12{padding:0 12px;}
.wait-list-page .form-area .checkmain{margin-bottom:8px;}
.wait-list-page .form-area input[type=radio].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.wait-list-page .form-area input[type=radio].css-checkbox + label.css-label{font-family: "Inter", sans-serif; padding-left:30px; cursor:pointer; font-size: 16px; font-weight: 400; color: #65798E; letter-spacing: -0.004em; position: relative; line-height: 26px; margin: 0px}
.wait-list-page .form-area input[type=radio].css-checkbox + label.css-label::before{content: ''; position: absolute; top: 5px; left: 0px; width: 16px; height: 16px; border-radius: 50%; border: #089F54 1px solid}
.wait-list-page .form-area input[type=radio].css-checkbox:checked + label.css-label::after{content: ''; width: 10px; height: 10px; background: #089F54; position: absolute; top: 8px; left: 3px; border-radius: 50%}
.wait-list-page .btn-submit{background-color: #089F54;   padding: 12px 25px; border-radius: 50px; color: white; font-size: 16px; line-height: 16px; border:none; width:100%; margin-top:40px;}
.wait-list-page .error{color:red !important;}
.instagram-profile-section { padding: 20px; background-color: #f5f5f5; text-align: center; } 
.profile-header { margin-bottom: 20px; } 
.profile-logo-container { display: flex; align-items: center; justify-content: center; gap: 10px; } 
.profile-logo { width: 50px; height: 50px; } 
.profile-title { font-size: 32px; color: #2E4966; font-weight: bold; margin: 0; } 
.instagram-profile iframe { border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); width: 100%; max-width: 100%; height: 600px; margin-top: 20px; }


.instagram-profile-section { padding: 20px; background-color: #f5f5f5; text-align: center; }
.profile-header { margin-bottom: 20px; }
.profile-logo-container { display: flex; align-items: center; justify-content: center; gap: 10px; }
.profile-logo { width: 50px; height: 50px; }
.profile-title { font-size: 32px; color: #2E4966; font-weight: bold; margin: 0; }
.instagram-profile iframe { border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); width: 100%; max-width: 100%; height: 600px; margin-top: 20px; }
.nearby-businesses { padding: 20px; max-width: 800px; margin: auto; }
.section-title { font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 22px; letter-spacing: -0.4px; margin: 0 0 20px 0; color: #000000; display: flex; justify-content: space-between; }
.business-list { display: flex; flex-direction: column; gap: 15px; }
.business-card { display: flex; align-items: center; background: white; border-radius: 12px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); padding: 15px; position: relative; transition: transform 0.3s ease-in-out; }
.business-card:hover { transform: translateY(-5px); }
.business-image-container { flex-shrink: 0; margin-right: 15px; }
.business-image { width: 100px; height: 100px; object-fit: cover; border-radius: 8px; }
.business-details { flex-grow: 1; }
.business-name { font-size: 18px; font-weight: bold; margin-bottom: 5px; color: #2E4966; }
.business-address { font-size: 14px; color: #666; margin-bottom: 15px; }
.business-keywords { display: flex; gap: 5px; flex-wrap: wrap; }
.keyword { background: #F0FFF4; padding: 5px 10px; border-radius: 20px; font-size: 12px; color: #089F54; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); font-weight: bold; }
.view-button { position: absolute; top: 10px; right: 10px; background: #062d54;; color: white; padding: 4px 12px; border-radius: 20px; text-decoration: none; font-weight: 500; transition: background 0.3s ease; font-size: 15px; }

.new-header .search-block{display: flex; max-width:584px; margin:0 auto;}
.new-header .search-block .form-control{border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008; font-size: 15px; line-height: 24px; color: #12273C; letter-spacing: -0.014em; padding: 12px 15px 12px 50px;  border-radius: 30px; height:auto;}
.new-header .search-block .input-block{width:52%; margin-right: 1.5%; position: relative;}
.new-header .search-block .input-block .searchbox-icon{position: absolute; top: 17px; left: 24px;}
.new-header .search-block .input-block.zip{width:27%; margin-right: 1.5%;}
.new-header .search-block .btn-search{background: #089F54; border: none; width: 10%; color: #fff; border-radius: 30px; font-size: 20px; line-height: 24px; color: #fff; letter-spacing: -0.014em; }
.new-header .search-block .btn-search:hover{background: #10283f;}
.new-header .search-block .form-control:focus{ box-shadow: 0px 4px 5px 0px #00000008; border:#089F54 1px solid;}
.custom-heading {
   text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #333;
  margin-top: 10px;
}

.custom-form {
    max-width: 350px;
    margin: auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

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

.custom-label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.custom-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 25px;  /* Makes the input slightly oval */
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s;
}

.custom-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

.custom-form-options {
    text-align: right;
    margin-bottom: 15px;
}

.custom-btn-forgot {
    font-size: 14px;
    text-decoration: none;
    color: #089f54;
}

.custom-btn-submit {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 25px; /* Matching the input shape */
    background-color: #089f54;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

/* Ensure the overlay is hidden by default */
.chrome-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dark overlay */
    z-index: 9999;
    align-items: center;
    justify-content: center;
    
    display: none; /* Hide completely */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Show overlay when popup is triggered */
.chrome-popup-overlay.show-overlay {
    display: flex; /* Flex makes it visible */
    opacity: 1;
}

/* Popup itself */
.chrome-popup {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 400px;
    max-width: 90%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -144px;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

/* Show popup when it's triggered */
.chrome-popup.show {
    transform: translateY(0);
    opacity: 1;
}

/* Close button */
.chrome-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

/* Image section */
.chrome-popup-image img {
    width: 100%;
    border-radius: 10px;
}

/* Text */
.chrome-popup-text {
    font-size: 14px;
    color: #555;
    margin: 15px 0;
}

/* Button */
.chrome-popup-button {
    background: #1e824c;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 25px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}

.wali-bambu .inner-flex  { display: flex; justify-content: space-between;} 
.wali-bambu .inner-flex .img-area {position: relative !important; top: 0 !important; right: 0px; width: 48% !important; gap: 20px !important;}