@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

*,
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

html, body {
  font-family: 'Poppins', sans-serif;
	font-weight: 400;
  font-size:18px;
  color:#0b0b0b;
  line-height:1.5;
  padding:0;
  margin:0;
  background:#fff !important;
}

a {
  color:#0b0b0b;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}


.pd-5{padding: 0 5px}
.md-5{margin: 0 -5px}

.pd-8{padding: 0 8px}
.md-8{margin: 0 -8px}

.pd-10{padding: 0 10px}
.md-10{margin: 0 -10px}

.container{max-width: 1350px}
.mobile-menu{width: 100%; border: none; background: #00bf63; padding: 6px; color: #fff; border-radius: 5px; display: none;}

.header-main{ width: 100%; top: 0px; left: 0px; z-index: 9; padding: 15px 30px;  transition: all .5s ease; position: fixed;  display: flex; justify-content: space-between; align-items: center;}
.header-main .logo-white{width: 104px;}
.header-main .logo-white img{width: 100%;}
.header-main .logo{width: 104px;display: none}
.header-main .logo img{width: 100%;}
.header-main .filter-area{display: flex; position: relative;border-radius: 25px; background: rgba(79, 79, 79, 0.3); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border:1px solid transparent}
.header-main .filter-area .input-area{position: relative; width: 450px}
.header-main .filter-area .input-area .icon{position: absolute; top: 13px; left: 25px}
.header-main .filter-area .input-area .icon svg{vertical-align: top;}
.header-main .filter-area .input-area.location-input{border-left: #B7B7B7 1px solid; width: 300px}
.header-main .filter-area .form-control{border-radius: 25px; border: none; background: transparent; color: #fff; padding: 0px 0px 0px 60px; height: 48px; font-size: 14px; font-weight: 500;}
.header-main .filter-area .form-control:focus{box-shadow: none}
.header-main .filter-area .form-control::-moz-placeholder {color: #fff !important; opacity: 1;}
.header-main .filter-area .form-control:-ms-input-placeholder {color: #fff !important;}
.header-main .filter-area .form-control::-webkit-input-placeholder {color: #fff !important;}
.header-main .filter-area .btn-search{width: 48px; height: 48px; background: #00BF63; border: none; padding: 15px; border-radius: 50%}
.header-main .filter-area .btn-search svg{width: 100%; height: 100%; vertical-align: top;}

.search-result {background: #fff; padding: 0px 10px; border-radius: 5px; position: absolute; top: 55px; left: 0px; width:100%; z-index: 3;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);max-height: 290px; overflow-x: auto; gap:10px}
.search-result.location{width: 340px}
.search-result .autocomplete-suggestion {padding: 5px 8px;  gap: 10px; cursor: pointer;  border-radius: 10px; transition: all .3s; margin: 10px 0; color: #13263c;  position: relative;  display: flex; align-items: center;  transition: 0.3s all}
.search-result .autocomplete-suggestion:hover{background-color: #13263c; color: #fff;}
.search-result .autocomplete-suggestion .business-image { min-height: 50px; min-width: 50px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f3f3f3; border-radius: 10px; position:relative;}
.search-result .autocomplete-suggestion .business-image img {width: 80%; height: 80%; object-fit: contain; position: absolute; top: 10%; left: 10%; bottom: 10%; right: 10%;}
.search-result .autocomplete-suggestion .business-info {flex-direction: column; gap:5px}
.search-result .autocomplete-suggestion .business-info .business-name {font-size: 16px !important; color: #2E4966; line-height: 16px; font-weight: 500; transition: 0.3s all}
.search-result .autocomplete-suggestion:hover .business-info .business-name{color: #fff; }
.search-result .autocomplete-suggestion .business-info .business-address {font-size: 12px !important; color: #2E4966; opacity: 0.7; line-height: 16px; font-weight: 500;  transition: 0.3s all}
.search-result .autocomplete-suggestion:hover .business-info .business-address{color: #fff;}


.header-main .rightside{display: flex;}
.header-main .rightside .user-detail .dropdown-toggle{display: flex; align-items: center; gap:10px}
.header-main .rightside .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;}
.header-main .rightside .user-detail .dropdown-toggle .user-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0;bottom: 0; left: 0; right: 0; }
.header-main .rightside .user-detail .dropdown-toggle::after {content: none;}
.header-main .rightside .user-detail .dropdown-toggle:focus {box-shadow: none;}
.header-main .rightside .user-detail .dropdown-toggle:hover {text-decoration: none;}
.header-main .rightside .user-detail .dropdown-toggle {color: #fff; font-size: 16px; font-weight: 500; line-height: 16px; padding: 0; border: none; transition:all .3s ease;}
.header-main .rightside .user-detail .dropdown-menu {top: 15px !important;  padding: 10px !important; border-radius: 10px;}
.header-main .rightside .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;}
.header-main .rightside .user-detail .dropdown-menu a.dropdown-item:hover {background-color: #00BF63; color: #fff; }
.header-main .rightside .filter-area-mobile{display: none;}
.header-main .btn-login{border-radius: 25px; background: rgba(79, 79, 79, 0.3); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); line-height: 50px; border: none; padding: 0 30px; font-size: 15px; font-weight: 500; color: #fff; text-decoration: none}
.header-main .btn-signup{border-radius: 25px; background:#00BF63;  line-height: 50px; border: none; padding: 0 30px; font-size: 15px; font-weight: 500; color: #fff; text-decoration: none; margin-left: 10px}

.fixed .header-main{background: #fff;  transition: all .5s ease; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);}
.fixed .header-main .logo-white{display: none}
.fixed .header-main .logo{display: block;}
.fixed .header-main .filter-area{border:#e8e8e8 1px solid ; background : rgba(255, 255, 255, 0.30) !important; }
.fixed .header-main .filter-area .input-area.location-input{border-left: #e8e8e8 1px solid;}
.fixed .header-main .filter-area .form-control{color: #797979}
.fixed .header-main .filter-area .form-control::-moz-placeholder {color: #797979 !important; opacity: 1;}
.fixed .header-main .filter-area .form-control:-ms-input-placeholder {color: #797979 !important;}
.fixed .header-main .filter-area .form-control::-webkit-input-placeholder {color: #797979 !important;}
.fixed .header-main .filter-area .input-area .icon svg path{stroke:#00BF63}
.fixed .header-main .btn-login{background: #314c68}
.fixed .header-main .rightside .dropdown-toggle {color: #304C6A;}
.fixed .header-main .rightside .dropdown-toggle .user-img {border: 1px solid #00BF63;}

.top-map-section{height: 700px; position: relative;}
.top-map-section::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 64px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 5}
/*.top-map-section #map {height: 100%; width: 100%;}*/
.top-map-section #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;}
.top-map-section #map .gm-style-mtc-bbw{display: none}
.top-map-section #map .gm-control-active.gm-fullscreen-control{display: none}
.top-map-section .filter-area-mobile{display: none;}

.search-area{position: absolute; top: 80px; z-index: 1; left: 50%;  transform: translateX(-50%);  width: 0;  transition: all 0.5s;  max-width: 100%; opacity: 0; visibility: hidden;   background: rgba(255, 255, 255, 0.30);  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);  border-radius: 15px;  overflow: hidden;}
/* .search-area{border-radius: 15px;  width: 0; height: 0;  margin-top: 10px; opacity: 0; visibility: hidden; transition: all 0.5s;  }    */
.search-area.active{width:95%; opacity: 1; visibility: visible;;}
.search-area .input-area{position: relative; width: 100%}
.search-area .input-area .icon{position: absolute; top: 10px; left: 15px}
.search-area .input-area .icon svg{vertical-align: top;}
.search-area .input-area.location-input{border-top: #B7B7B7 1px solid; width: 100%}
.search-area .form-control{border-radius: 25px; border: none; background: transparent; color: #fff; padding: 0px 10px 0px 45px; height: 42px; font-size: 14px; font-weight: 500;}
.search-area .form-control:focus{box-shadow: none}
.search-area .form-control::-moz-placeholder {color: #fff !important; opacity: 1;}
.search-area .form-control:-ms-input-placeholder {color: #fff !important;}
.search-area .form-control::-webkit-input-placeholder {color: #fff !important;}
.search-area .btn-search{ background:#00BF63;  line-height: 40px; border: none; padding: 0 30px; font-size: 15px; font-weight: 500; color: #fff; text-decoration: none; width: 100%;}
.filter-area-mobile .search-icon{width: 35px; height: 35px; background: #00BF63; border: none; padding: 12px; border-radius: 50%; position: relative;}
.filter-area-mobile .search-icon svg{width: 40%; height: 40%; vertical-align: top;  position: absolute;top: 30%; left: 30%; right: 30%; bottom: 30%;}
.filter-area-mobile .search-icon svg.close{opacity: 0; visibility: hidden;}
.filter-area-mobile .search-icon.active svg.search{opacity: 0; visibility: hidden;}
.filter-area-mobile .search-icon.active svg.close{opacity: 1; visibility: visible;}

.category-slider{padding: 0px 0px 0px 60px}
.category-slider .category-block{margin: 50px 13px; width: 166px;  text-align: center;}
.category-slider .category-block a{text-decoration: none;}
.category-slider .category-block .icon{width: 160px; height: 160px; background: #EDF6FF; border-radius: 50%; position: relative; transition: all .5s ease; margin: 0 auto;}
.category-slider .category-block .icon img{width: 50%; height: 50%; position: absolute; top: 25%; bottom: 25%; left: 25%; right: 25%; }
.category-slider .category-block .icon img.img-hover{opacity: 0 !important; transition: all .5s ease;}
.category-slider .category-block .name{color:#2E4966; text-align: center; font-size: 20px; font-weight: 700; line-height: 22px; margin-top: 15px; transition: all .5s ease;}
.category-slider .category-block .name span{display: block; margin-top: 4px; color: #2E4966; font-size: 14px; font-weight: 400; line-height: 22px; opacity: 0.7}
.category-slider .category-block:hover .icon{background: #2E4966; transition: all .5s ease;}
.category-slider .category-block:hover .icon img.img-hover{opacity: 1 !important; transition: all .5s ease;}
.category-slider .category-block:hover .icon img.img-defult{opacity: 0 !important; transition: all .5s ease;}
.category-slider .category-block:hover .name{color: #00BF63; transition: all .5s ease;}
.category-slider .owl-dots{display: none}

.howitwork-area{background: #EDF6FF; padding: 100px 0; text-align: center;}
.howitwork-area .wali-gif{width: 214px; height: 200px; margin: 0 auto; overflow: hidden; border-radius: 115px 115px 115px 0;}
.howitwork-area .wali-gif img{width: 100%; height: 100%; object-fit: cover;}
.howitwork-area h2{color: #304C6A; font-size: 30px; font-weight: 700; line-height: 30px; margin: 25px 0 20px 0}
.howitwork-area p{color: #304C6A; font-size: 18px; font-weight: 400; line-height: 24px; opacity: 0.9; margin: 0 0 60px 0}
.howitwork-area .step-box{margin: 0px; width: 100%; position: relative;}
.howitwork-area .step-box .icon{width: 165px; height: 165px; border-radius: 50%; background: #fff; margin: 0 auto; overflow: hidden; position: relative;}
.howitwork-area .step-box .icon img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain;}
.howitwork-area .step-box .number{color: #EDF6FF; font-size: 50px; font-weight: 700; line-height: 50px;  -webkit-text-stroke: 1px #304C6A; margin: -26px 0 10px 0; position: relative;}
.howitwork-area .step-box p{color: #304C6A; font-size: 18px; font-weight: 400; line-height: 24px; margin: 0px auto; max-width: 312px}
.howitwork-area .col-md-4{position: relative;}
.howitwork-area .col-md-4:nth-of-type(3n+1)::before{content: ''; background: url(../images/step-arrow-1.png) center center no-repeat;  background-size: 100%; width: 121px; height: 43px; position: absolute; right: -60px; top: 50px; }
.howitwork-area .col-md-4:nth-of-type(3n+2)::before{content: ''; background: url(../images/step-arrow-2.png) center center no-repeat;  background-size: 100%; width: 121px; height: 43px; position: absolute; right: -60px; top: 50px; }
.leaflet-bar {border:none !important;}

.featured-businesses-area{padding: 80px 0}
.featured-businesses-area h2{color: #304C6A; font-size: 30px; font-weight: 700; line-height: 30px; margin: 0px 0 10px 0}
.featured-businesses-area p{color: #304C6A; font-size: 16px; font-weight: 400; line-height: 24px; opacity: 0.9; margin: 0 0 30px 0}
.featured-businesses-area .owl-dots{display: none;}
.featured-businesses-area .owl-nav{position: absolute; top: -94px; right: 0;}
.featured-businesses-area .owl-nav .owl-next{margin-left: 15px; transition: all .5s ease;}
.featured-businesses-area .owl-nav .owl-next:hover{transform: rotate(45deg); transition: all .5s ease;}
.featured-businesses-area .owl-nav .owl-prev{transition: all .5s ease;}
.featured-businesses-area .owl-nav .owl-prev:hover{transform: rotate(-45deg); transition: all .5s ease;}

.business-block{height: 540px; width: 100%; position: relative; overflow: hidden; border-radius: 10px}
.business-block .business-inner-slider{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px}
.business-block .business-inner-slider .inner-photo{width: 100%;height: 540px; border-radius: 10px; position: relative; overflow: hidden;}
.business-block .business-inner-slider .inner-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.business-block img.business-photo{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover; transition: all .5s ease;}
.business-block::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 48.96%, #000 100%); z-index: 2}
.business-block .top-detail{position: absolute; top: 0px; left: 0px; width: 100%; z-index: 3; color: #fff; padding: 20px 124px 20px 120px; min-height: 120px; display: flex; align-items: center; transition: all .5s ease;}
.business-block .top-detail .business-logo{width: 80px; height: 80px; background: #fff; border-radius: 50%; position: absolute; top: 20px; left: 20px; overflow: hidden;}
.business-block .top-detail .business-logo img{width: 80%; height: 80%; object-fit: contain; top: 10%; left: 10%; right: 10%; bottom: 10%; position: absolute;}
.business-block .top-detail .business-name{color: #FFF; font-size: 20px; font-weight: 600; line-height: 24px; }
.business-block .top-detail .btn-chat{background: #00bf63; color: #fff; line-height: 40px; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 0 20px; border-radius: 25px; position: absolute; top: 40px; right: 20px; text-decoration: none}
.business-block .top-detail .btn-chat:hover{background: #fff; color: #00BF63}
.business-block .bottom-detail{position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 3; color: #fff; padding: 20px;  transition: all .5s ease;}
.business-block .bottom-detail p{color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0 0 10px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.business-block .bottom-detail .tag{display: flex; flex-wrap: wrap;}
.business-block .bottom-detail .tag a{border-radius: 6px; background: rgba(255, 255, 255, 0.33); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); color: #FFF; font-size: 14px; font-weight: 400; line-height: 30px; padding: 0 14px; text-decoration: none; margin: 0 10px 10px 0}
.business-block .bottom-detail .tag a:hover{background: #fff; color: #000}
.business-block .bottom-detail .time{color: #FFF; font-size: 16px; font-weight: 400; line-height: 22px; position: relative; padding-left: 32px}
.business-block .bottom-detail .time::before{content: ''; position: absolute; top: 0px; left: 0px; width: 22px; height: 22px; background: url(../images/clock-white.png) center center no-repeat;}
.business-block .bottom-detail .time span{font-weight: 700}
.business-block .bottom-detail .time span.closed{color: #F17373;}
.business-block .bottom-detail .time span.opend{color: #00BF63;}
.business-block:hover img.business-photo{width: 110%; height: 110%; left: -5%; top: -5%; transition: all .5s ease;}
.business-block:hover .top-detail{top: 5px; transition: all .5s ease;}
.business-block:hover .bottom-detail{bottom: 5px; transition: all .5s ease;}

/* learning-more */

.learning-area {padding: 100px 0; background: #EDF6FF; }
.learning-area .learning-flex{display: flex; align-items: center; justify-content: space-between;}
.learning-area .learning-flex .left{width: 50%;}
.learning-area .learning-flex .left h2{color: #304C6A; font-size: 70px; font-weight: 400; line-height: 80px; padding-bottom: 53px; margin-bottom: 35px; position: relative;}
.learning-area .learning-flex .left h2::after{content: ''; position: absolute; width: 168px; height: 2px; background: #304C6A; bottom: 0; left: 0;}
.learning-area .learning-flex .left h2 span{color: #00BF63; font-weight: 700; display: block;}
.learning-area .learning-flex .left p{color: #304C6A; font-size: 30px; font-weight: 300; line-height: 30px; letter-spacing: 3px; margin: 0; }

.learning-area .learning-flex .right{width: 50%;}
.learning-area .learning-flex .right .info-box{border-radius: 20px; padding: 30px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(173, 198, 224, 0.32); margin-bottom: 30px;}
.learning-area .learning-flex .right .row{align-items: center;}
.learning-area .learning-flex .right .info-box .info-icon{width: 60px;}
.learning-area .learning-flex .right .info-box .info-icon img{width: 100%;}
.learning-area .learning-flex .right .info-box .count{font-size: 50px;font-weight: 700; line-height: 50px; margin-top: 45px;}
.learning-area .learning-flex .right .info-box.blue .count{color: #0F7DD8}
.learning-area .learning-flex .right .info-box.green{margin-bottom: 0;}
.learning-area .learning-flex .right .info-box.green .count{color: #00BF63}
.learning-area .learning-flex .right .info-box.red .count{color: #EB5468;}
.learning-area .learning-flex .right .info-box p{color: #304C6A; font-size: 22px; font-weight: 400; line-height: 20px; margin: 8px 0 0 0 ;}


/* testimonials */

.testimonials-area{padding: 80px 0 92px 0}
.testimonials-area h2{color: #304C6A; font-size: 30px; font-weight: 700; line-height: 30px; margin: 0px 0 10px 0}
.testimonials-area p{color: #304C6A; font-size: 16px; font-weight: 400; line-height: 24px; opacity: 0.9; margin: 0 0 30px 0}
.testimonials-area .owl-dots{display: none;}
.testimonials-area .owl-nav{position: absolute; top: -94px; right: 0;}
.testimonials-area .owl-nav .owl-next{margin-left: 15px; transition: all .5s ease;}
.testimonials-area .owl-nav .owl-next:hover{transform: rotate(45deg); transition: all .5s ease;}
.testimonials-area .owl-nav .owl-prev{transition: all .5s ease;}
.testimonials-area .owl-nav .owl-prev:hover{transform: rotate(-45deg); transition: all .5s ease;}

.client-block{width: 100%; position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #C1DBF4; padding: 30px;}
.client-block .client-detail{display: flex; align-items: center;gap: 20px;}
.client-block .client-detail .client-img{min-width: 80px; min-height: 80px; border-radius: 50%;overflow: hidden; position: relative;;}
.client-block .client-detail .client-img img{min-width: 100%; width: 100%; min-height: 100%; height: 100%; object-fit: cover; position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.client-block .client-detail .client-info .name {color: #000; font-size: 20px; font-weight: 700;  line-height: 18px; }
.client-block .client-detail .client-info .position {color: #000; font-size: 15px; font-weight: 400;  line-height: 18px; margin-top: 7px; opacity: 0.5; }
.client-block .review-area {color: #6F8297;font-size: 15px; font-weight: 400; line-height: 25px; margin-top: 20px;}


/* wali bussiness plan */

.plan-area {background: #EDF6FF; padding: 80px 0;}
.plan-area h2{color: #304C6A; font-size: 30px; font-weight: 700; line-height: 30px; margin: 0px 0 10px 0; text-align: center;}
.plan-area p{color: #304C6A; font-size: 16px; font-weight: 400; line-height: 24px; opacity: 0.9; margin: 0 0 30px 0; text-align: center}
.plan-area .inner-flex{display: flex; gap: 20px;}
.plan-area .inner-flex .plan-box{border-radius: 15px; background: #FFF;box-shadow: 0px 10px 14px 0px #D2E3F3;display: flex; width: 50%; align-items: center;    overflow: hidden;}
.plan-area .inner-flex .plan-box .left-side{border-radius: 0px 100px 0px 0px;background: #00BF63; width: 50%;  align-self: normal;display: flex;flex-direction: column;justify-content: space-between; padding: 20px 30px;}
.plan-area .inner-flex .plan-box.blue .left-side{background: #0F7DD8;}
.plan-area .inner-flex .plan-box .left-side .plan-name {color: #FFF;font-size: 28px;font-style: normal;font-weight: 700;}
.plan-area .inner-flex .plan-box .left-side .plan-name span{color: #FFF;font-size: 22px; font-weight: 300; line-height: normal; display: block;}
.plan-area .inner-flex .plan-box .left-side .plan-detail {color: #FFF;font-size: 48px;font-style: normal;font-weight: 700;line-height: 48px; text-transform: capitalize;}
.plan-area .inner-flex .plan-box .left-side .plan-detail sup{color: #FFF; font-size: 18px; font-weight: 700;  line-height: 48px; top: -25px;}
.plan-area .inner-flex .plan-box .left-side .plan-detail sub{color: #FFF; font-size: 18px; font-weight: 700;  line-height: 48px; }
.plan-area .inner-flex .plan-box .left-side .plan-detail span{display: block; color: #FFF;font-size: 24px; font-weight: 400; line-height: 24px; opacity: 0.8;}
.plan-area .inner-flex .plan-box .right-side{width: 50%; padding: 30px;}
.plan-area .inner-flex .plan-box .right-side ul{margin: 0; padding: 0; list-style: none;}
.plan-area .inner-flex .plan-box .right-side ul li{color: #6F8297; font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 15px; position: relative; padding-left: 35px;}
.plan-area .inner-flex .plan-box .right-side ul li::before { content: ''; width: 24px; height: 24px; position: absolute; background: url(../images/green-list-icon.svg) center center no-repeat; background-size: 100%; left: 0; top: 0;}
.plan-area .inner-flex .plan-box.blue .right-side ul li::before { content: ''; width: 24px; height: 24px; position: absolute; background: url(../images/blue-list-icon.svg) center center no-repeat; background-size: 100%; left: 0; top: 0;}
.plan-area .inner-flex .plan-box .right-side ul li:last-child{margin-bottom: 0;}

/* footer */

.footer-main {padding-top:50px; background-color: #13263C; }
.footer-main .detail-area{padding-right: 130px;}
.footer-main .detail-area .logo{width: 260px; margin-bottom: 20px;}
.footer-main .detail-area .logo img{width: 100%;}
.footer-main .detail-area p{color: #FFF; font-size: 15px; font-weight: 400; line-height: 26px; opacity: 0.7; margin: 0;}
.footer-main .yelp-info {display: inline-flex; margin-top: 20px; align-items: center; gap: 10px;color: #FFF; font-size: 15px; font-weight: 400; line-height: 26px; padding: 12px 20px; border-radius: 6px; border: 1px solid #1E3856; justify-content: center;}
.footer-main .yelp-info img{width: 60px;}
.footer-main .links-area h3{color: #FFF; font-size: 20px; font-weight: 700; line-height: 20px; margin-bottom: 13px;}
.footer-main .links-area ul.link-list{margin: 0; padding: 0; list-style: none;}
.footer-main .links-area ul.link-list li a{color: #FFF; font-size: 16px; font-weight: 400;line-height: 28px; position: relative; opacity: 0.7; padding-left:15px;}
.footer-main .links-area ul.link-list li a::before{position: absolute; content: ''; background-color: #fff; opacity: 0.7; width: 6px; height: 6px; border-radius: 30px; top: 11px;left: 0px; transition: all 0.3s ;}
.footer-main .links-area ul.link-list li a:hover{text-decoration: none; padding-left: 25px; opacity: 1}
.footer-main .links-area ul.link-list li a:hover::before{width: 15px;}
.footer-main .footer-bottom {display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-top: dashed 1px #1E3856; margin-top: 30px;}
.footer-main .footer-bottom .copyright{color: #FFF; font-size: 15px; font-style: normal; font-weight: 400;line-height: 26px; }
.footer-main .footer-bottom ul.social-links {display: flex; margin: 0; padding: 0; list-style: none; gap: 10px;}
.footer-main .footer-bottom ul.social-links li a svg{width: 20px;}
.footer-main .footer-bottom ul.social-links li a svg path{transition: 0.3s all;}
.footer-main .footer-bottom ul.social-links li a:hover svg path{stroke:#00BF63}

.gm-style .gm-style-iw-c{border-radius: 15px; padding: 2px}
.gm-style .gm-style-iw-d{max-height: auto}
.gm-style .gm-style-iw-d::-webkit-scrollbar {width: 2px; height: 2px;}
.gm-ui-hover-effect{background: #fff !important; border-radius: 0 0 0 10px; top: 0 !important; right: 0 !important;}
/*.business-main-block{width: 320px; height: 220px; overflow: hidden; border-radius: 15px; position: relative;}*/
.business-main-block{width: 320px; height: 200px; overflow: hidden; border-radius: 15px;}
.business-main-block img.main{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.business-main-block::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 75%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.53) 67.31%, #000 100%); z-index: 1}
.business-main-block .business-block-content{position: absolute; bottom: 0px; left: 0px; z-index: 1; padding: 15px 15px 15px 75px; width: 100%}
.business-main-block .business-block-content .business-logo{width: 50px; height: 50px; border-radius: 10px; position: absolute; overflow: hidden; background: #fff; left: 15px; top: 15px;}
.business-main-block .business-block-content .business-logo img{width: 80%; height: 80%; top: 10%; bottom: 10%; left: 10%; right: 10%; position: absolute; object-fit: contain;}
.business-main-block .business-block-content h3{color: #fff; margin: 5px 0px 10px 0px; font-size: 18px; line-height: 18px; font-weight: 600}
.business-main-block .business-block-content .info{color: #fff; font-size: 14px; margin-top: 5px; position: relative; padding-left: 20px}
.business-main-block .business-block-content .info i{position: absolute; left: 0px; width: 14px; text-align: center;}
.business-main-block .btn-chat{background: #00BF63; color: #fff; font-size: 13px; padding: 6px 12px; text-decoration: none; font-weight: 700; text-transform: uppercase; border-radius: 4px; position: absolute; top: 15px; left: 15px; z-index: 2}


.list-page{height: 100vh; padding-top: 96px; position: fixed; width: 100%}
.list-page .main-area{background: #fff; height: 100%; width: 100%; display: flex; flex-direction: row-reverse;}
.list-page .main-area .leftside{width: 50%; height: 100%; }
.list-page .main-area .leftside .scrollarea{width: 100%; height: 100%; overflow:scroll; padding: 0px 30px 80px 30px}
.list-page .main-area .rightside{width: 50%; height: 100%;}
.list-page .main-area .rightside #map {height: 100%; width: 100%;}
.list-page .main-area .filter-area{display: flex; align-items: center; justify-content: space-between; padding: 20px 30px}
.list-page .main-area .filter-area h2{color: #2E4966; font-size: 16px; font-weight: 600; line-height: 24px; margin: 0px; width: 50%}
.list-page .main-area .filter-area .optionarea{display: flex; width: 50%; justify-content: flex-end;}
.list-page .main-area .filter-area .optionarea .form-control{width: 200px; border: #2E4966 1px solid; border-radius: 25px; height: 44px}
.list-page .main-area .filter-area .optionarea .form-control:focus{box-shadow: none}
.list-page .main-area .filter-area .optionarea ul.nav{display: flex;}
.list-page .main-area .filter-area .optionarea ul.nav .nav-link{ background: #fff; border: #2E4966 1px solid; width: 44px; height: 44px; border-radius: 50%; padding: 10px; opacity: 0.6; margin-left: 10px}
.list-page .main-area .filter-area .optionarea ul.nav .nav-link svg{width: 100%; height: 100%; vertical-align: top;}
.list-page .main-area .filter-area .optionarea ul.nav .nav-link.active{background: #2E4966; opacity: 1}
.list-page .main-area .filter-area .optionarea ul.nav .nav-link.active svg path{stroke:#fff}
.list-page .main-area .business-block{margin-bottom: 30px}

.business-list-block{background: #fff; border: #E6E6E6 1px solid; padding: 15px 15px 15px 260px; border-radius: 10px; position: relative; min-height: 255px; margin-bottom: 15px; transition: all .5s ease;}
.business-list-block:hover{box-shadow: 0px 10px 14px 0px rgba(137, 137, 137, 0.25); transition: all .5s ease;}
.business-list-block .business-photo{width: 225px; height: 225px; position: absolute; top: 15px; left: 15px;}
.business-list-block .business-photo .inner-photo{width: 225px; height: 225px; border-radius: 10px; position: relative; overflow: hidden;}
.business-list-block .business-photo .inner-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.business-list-block .business-photo .owl-nav{position: absolute; bottom: 7px; left: 10px;}
.business-list-block .business-photo .owl-nav .owl-next{margin-left: 5px; width: 24px; height: 24px}
.business-list-block .business-photo .owl-nav .owl-prev{width: 24px; height: 24px}
.business-list-block .business-photo .owl-nav .owl-next svg{width: 100%; height: 100%; vertical-align: top;}
.business-list-block .business-photo .owl-nav .owl-prev svg{width: 100%; height: 100%; vertical-align: top;}
.business-list-block .business-photo .owl-dots{display: none}
.business-list-block .btn-chat{background: #00bf63; color: #fff; line-height: 40px; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 0 20px; border-radius: 25px; position: absolute; top: 20px; right: 20px; text-decoration: none;}
.business-list-block .business-name{color:#2E4966; font-size: 20px; font-weight: 600; line-height: 20px; margin: 6px 0 14px 0}
.business-list-block .review-area{color: #999999; font-size: 14px; font-weight: 400; line-height: 24px; display: flex; margin-bottom: 15px}
.business-list-block .review-area span{background: #00bf63; color: #fff; display: flex; align-items: center; padding: 0 10px; border-radius: 5px; margin-right: 10px}
.business-list-block .review-area svg{margin-left: 5px}
.business-list-block .tag{display: flex; flex-wrap: wrap;}
.business-list-block .tag a{border-radius: 15px; background: rgba(255, 255, 255, 0.33); border: 1px solid #E6E6E6; color: #848687; font-size: 14px; font-weight: 400; line-height: 30px; padding: 0 16px; text-decoration: none; margin: 0px 10px 5px 0px}
.business-list-block .tag a:hover{background: #fff; color: #000}
.business-list-block .time{color: #848687; font-size: 14px; font-weight: 400; line-height: 21px; position: relative; padding-left: 32px; margin: 0 0 10px 0}
.business-list-block .time::before{content: ''; position: absolute; top: 0px; left: 0px; width: 21px; height: 21px; background: url(../images/clock-icon.svg) center center no-repeat; background-size: 100%}
.business-list-block .time span{font-weight: 700}
.business-list-block .time span.closed{color: #F17373;}
.business-list-block .time span.opend{color: #00BF63;}
.business-list-block p{color: #848687; font-size: 14px; font-weight: 400; line-height: 21px; position: relative; padding-left: 32px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 10px 0}
.business-list-block p img{position: absolute; top: 0px; left: 0px; width: 21px; height: 21px;}

/* business-detail page */

.business-detail-block{position:relative; height: 435px; overflow: hidden; display: flex; align-items: end;}
.business-detail-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.business-detail-block::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 160px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 2}
.business-detail-block::after{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:#2E4966; z-index: 1; opacity: 0.5}
.business-detail-block .container{position: relative; z-index: 4; height: 100%; display: flex;}
.business-detail-block .inner-block{display: flex; justify-content: space-between; padding-bottom: 30px; align-items: flex-end;width:100%;}
.business-detail-block .inner-block .top-detail{position: relative; width: 100%; z-index: 3; color: #fff; padding: 11px 0px 11px 100px; min-height:80px; margin-bottom: 15px}
.business-detail-block .inner-block .top-detail .business-logo{width: 80px; height: 80px; background: #fff; border-radius: 50%; position: absolute; top: 0px; left: 0px; overflow: hidden;}
.business-detail-block .inner-block .top-detail .business-logo img{width: 100%; height: 100%; object-fit: cover; top: 0%; left: 0; right: 0; bottom: 0%; position: absolute;}
.business-detail-block .inner-block .top-detail .business-name{color: #FFF; font-size: 24px; font-weight: 600; line-height: 24px; margin: 0 0 10px 0}
.business-detail-block .inner-block .top-detail .review-area{color: #fff; font-size: 14px; font-weight: 400; line-height: 24px; display: flex; }
.business-detail-block .inner-block .top-detail .review-area span{background: #00bf63; color: #fff; display: flex; align-items: center; padding: 0 10px; border-radius: 5px; margin-right: 10px}
.business-detail-block .inner-block .top-detail .review-area svg{margin-left: 5px}
.business-detail-block .inner-block .tag{display: flex; flex-wrap: wrap;}
.business-detail-block .inner-block .tag a{border-radius: 6px; background: rgba(255, 255, 255, 0.33); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); color: #FFF; font-size: 14px; font-weight: 400; line-height: 30px; padding: 0 14px; text-decoration: none; margin: 0 10px 10px 0}
.business-detail-block .inner-block .tag a:hover{background: #fff; color: #000}
.business-detail-block .inner-block .time{color: #FFF; font-size: 16px; font-weight: 400; line-height: 22px; position: relative; padding-left: 32px}
.business-detail-block .inner-block .time::before{content: ''; position: absolute; top: 0px; left: 0px; width: 22px; height: 22px; background: url(../images/clock-white.png) center center no-repeat;}
.business-detail-block .inner-block .time span{font-weight: 700}
.business-detail-block .inner-block .time span.closed{color: #F17373;}
.business-detail-block .inner-block .time span.opend{color: #00BF63;}
.business-detail-block .inner-block .btn-claim{color: #FFF; font-size: 15px; font-weight: 500; line-height: 50px; text-transform: uppercase; background:#00bf63; padding: 0 30px; border-radius: 25px; text-decoration: none}
.business-detail-block .inner-block .btn-claimed{color: #FFF; font-size: 15px; font-weight: 500; line-height: 50px; text-transform: uppercase; background:#314c68; padding: 0 30px; border-radius: 25px; text-decoration: none}

.business-detail-page{background: #EDF6FF; position: relative;}
.business-detail-page .submenu-area{ position: sticky; top: 81px; z-index: 3;background: #fff; box-shadow: 0px 8px 14px 0px #E0EAF3; border-radius:40px;}
.business-detail-page .submenu-area ul.inner-menu{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.business-detail-page .submenu-area ul.inner-menu li a{color: #2E4966; font-size: 18px; font-weight: 500; line-height: 58px; border-bottom: #fff 2px solid; text-decoration: none; padding: 0 20px; display: flex; align-items: center; gap: 15px;}
.business-detail-page .submenu-area ul.inner-menu li.active a{color: #00BF63; border-bottom: #00BF63 2px solid}
.business-detail-page .submenu-area ul.inner-menu li.active a svg path{stroke: #00BF63;}
.business-detail-page .business-information{display: flex; padding: 40px 0}
.business-detail-page .business-information .content-area{width: 70%}
.business-detail-page .business-information .contect-info-right{width: 30%; padding-left: 30px}
.business-detail-page .business-information .contect-info-right .sticky{position: sticky; top: 160px;}
.business-detail-page .main-card{margin-bottom:30px}
.business-detail-page .main-card .white-main-area{border-radius: 15px; background: #FFF; box-shadow: 0px 8px 14px 0px #E0EAF3; padding: 30px; }
.business-detail-page .main-card .titlebar{font-size: 18px; font-weight: 600; line-height: 40px; color: #2E4966; position: relative; padding-left: 55px; margin-bottom: 15px; display: flex;align-items: center;justify-content: space-between;}
.business-detail-page .main-card .titlebar a.end-chat{color: #FFF; padding: 8px 30px; font-size: 15px; font-weight: 500; line-height: normal; text-transform: uppercase; background-color: #00bf63; border-radius: 25px; text-align: center;}
.business-detail-page .main-card .titlebar a.clear-convo{color: #FFF; padding: 8px 30px; font-size: 15px; font-weight: 500; line-height: normal; text-transform: uppercase; background-color: #00bf63; border-radius: 25px; text-align: center;}
.business-detail-page .main-card .titlebar a.end-chat:hover{text-decoration: none;}
.business-detail-page .main-card .titlebar .icon{border-radius: 20px; background: #2E4966; padding: 12px; width: 40px; height: 40px; box-shadow: 0px 8px 14px 0px #E0EAF3; position: absolute; top: 0px; left: 0px;}
.business-detail-page .main-card .titlebar .icon svg{vertical-align: top; width: 100%; height: 100%}
.business-detail-page .main-card .titlebar .title-icon{position: absolute;top: 0px;left: 0px;}
.business-detail-page .main-card .titlebar .title-icon img{  width: 36px;height: 36px;border-radius: 50%;object-fit: cover;}

.business-detail-page .main-card .chatview-titlebar{font-size: 18px; font-weight: 600; line-height: 40px; color: #2E4966; position: relative; padding-left: 55px; margin-bottom: 15px; display: flex;align-items: center;justify-content: space-between;}
.business-detail-page .main-card .chatview-titlebar a.end-chat{color: #FFF; padding: 8px 30px; font-size: 15px; font-weight: 500; line-height: normal; text-transform: uppercase; background-color: #00bf63; border-radius: 25px; text-align: center;}
.business-detail-page .main-card .chatview-titlebar a.clear-convo{color: #FFF; padding: 8px 30px; font-size: 15px; font-weight: 500; line-height: normal; text-transform: uppercase; background-color: #00bf63; border-radius: 25px; text-align: center;}
.business-detail-page .main-card .chatview-titlebar a.end-chat:hover{text-decoration: none;}
.business-detail-page .main-card .chatview-titlebar .icon{border-radius: 20px; background: #2E4966; padding: 12px; width: 40px; height: 40px; box-shadow: 0px 8px 14px 0px #E0EAF3; position: absolute; top: 0px; left: 0px;}
.business-detail-page .main-card .chatview-titlebar .icon svg{vertical-align: top; width: 100%; height: 100%}
.business-detail-page .main-card .chatview-titlebar .title-icon{position: absolute;top: 0px;left: 12px;}
.business-detail-page .main-card .chatview-titlebar .title-icon img{  width: 36px;height: 36px;border-radius: 50%;object-fit: cover;}

/* about & photos */

.business-detail-page .main-card .white-main-area.about-content{padding: 30px 30px 10px 30px}
.business-detail-page .main-card .white-main-area.about-content p{color: #304C6A; font-size: 16px; font-weight: 400; line-height: 24px; margin: 0 0 20px 0; display: inline-block;}
.business-detail-page .main-card .white-main-area.photo-content{padding: 30px 30px 14px 30px}
.business-detail-page .main-card .white-main-area.photo-content .business-inner-photo{width: 100%; height: 200px; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 16px}
.business-detail-page .main-card .white-main-area.photo-content .business-inner-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}

/* chat */

.business-detail-page .main-card .white-main-area.chat-area-main {padding: 0;}
.chat-area-main .msg-input-area{display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 25px 30px; border-top:1px solid #D5E4F3;}
.chat-area-main .msg-input-area textarea.form-control{height: 50px; color: #455E79; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; resize: none; overflow-y: auto;  margin: 0; padding: 10px 0; border: none; background-color:transparent;}
/*.chat-area-main .msg-input-area textarea.form-control:disabled, */
/*.chat-area-main .msg-input-area textarea.form-control[readonly]{height: 50px; color: #455E79; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; resize: none; overflow-y: auto;  margin: 0; padding: 10px 0; border: none;}*/
.chat-area-main .msg-input-area textarea.form-control:focus{box-shadow: none; }
.chat-area-main .msg-input-area button.btn-send{background: transparent; border: none;}
.chat-area-main .chat-box {padding: 20px; display: flex; flex-direction: column; min-height:545px; overflow-y: auto;}
.chat-area-main .chat-box .message-block{display: flex; align-items: flex-end;  width: 80%; margin-bottom: 15px; gap: 15px; position: relative;}
.chat-area-main .chat-box .message-block:last-child{margin-bottom: 00px; }
.chat-area-main .chat-box .message-block .user-img{min-width: 50px; min-height: 50px; border-radius: 50%; overflow: hidden; position: relative; border: 1px solid #DFDFDF;}
.chat-area-main .chat-box .message-block .user-img img {position: absolute; top: 10%; left:10%; right: 10%; bottom: 10%; width: 80%; height: 80%;}
.main-card .titlebar .user-img {min-width: 50px; min-height: 50px; border-radius: 50%; overflow: hidden; position: relative; border: 1px solid #DFDFDF;}
.main-card .titlebar .user-img img{position: absolute; top: 10%; left:10%; right: 10%; bottom: 10%; width: 80%; height: 80%;}
.main-card .chatview-titlebar .user-img {min-width: 50px; min-height: 50px; border-radius: 50%; overflow: hidden; position: relative; border: 1px solid #DFDFDF;}
.main-card .chatview-titlebar .user-img img{position: absolute; top: 10%; left:10%; right: 10%; bottom: 10%; width: 80%; height: 80%;}
.chat-area-main .chat-box .message-block .message-text{position: relative; background: #2E4966; border-radius: 20px 20px 20px 0px;  padding: 15px 25px;  display: inline-block;color: #FFF; font-size: 18px; font-weight: 500; line-height: normal;}
.chat-area-main .chat-box .message-block .name {color: #9EB9D4; font-size: 13px; font-weight: 500; line-height: normal; margin-top: 3px;}
.chat-area-main .chat-box .message-block.my-msg{align-self: flex-end;flex-direction: row-reverse;padding-top: 10px;}
.chat-area-main .chat-box .message-block.my-msg .user-img{min-width: 50px; min-height: 50px; border-radius: 50%; overflow: hidden; position: relative; border: 1px solid #DFDFDF;}
.chat-area-main .chat-box .message-block.my-msg .user-img img {position: absolute; top: 10%; left:10%; right: 10%; bottom: 10%; width: 80%; height: 80%;}
.chat-area-main .chat-box .message-block.my-msg .user-name-code{min-width: 50px; min-height: 50px; border-radius: 50%; overflow: hidden; position: relative; background-color:#00BF63; color: #FFF; font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: normal;display: flex; align-items: center; justify-content: center;}
.chat-area-main .chat-box .message-block.my-msg .message-text{ background: #F2F9FF; border-radius: 20px 20px 0px 20px;color: #2E4966; text-align: right;}

.typing-load {display: flex;align-items: center;color: #2e4966;font-size: 16px;flex-wrap: wrap;}
.typing-load .dots {margin-left: 7px;}
.typing-load .dots .dot {display: inline-block;background-color: #2e4966;border-radius: 50%;margin-right: 2px;}
.typing-load .dots .dot-small {width: 5px;height: 5px;animation: typing-dots 1s linear infinite;}
.typing-load .dots .dot:nth-child(1) {animation-delay: 0.2s;}
.typing-load .dots .dot:nth-child(2) {animation-delay: 0.4s;}
.typing-load .dots .dot:nth-child(3) {animation-delay: 0.6s;}

@keyframes typing-dots {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }

  50% {
    transform: translate(0, 4px);
    opacity: 0.7;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/* location */

.location-flex{display: flex; gap: 30px;}
.location-flex .map{width: 50%; height: 260px; flex: 1 0 auto;}
.location-flex .hours-area{width: 50%;}
.location-flex .hours-area h3{color: #2E4966; font-size: 18px; font-weight: 700; line-height: 32px; border-bottom:#D5E4F3 1px solid; padding-bottom: 8px; margin-bottom: 10px}
.location-flex .hours-area ul.day{margin: 0px; padding: 0px; list-style: none; }
.location-flex .hours-area ul.day li{display: flex; justify-content: space-between; color: #2E4966; font-size: 16px; font-weight: 500; line-height: 28px; position: relative;}
.location-flex .hours-area ul.day li.closed{color: #EB5468}
.location-flex .hours-area ul.day li.closed span{position: relative;}
.location-flex .hours-area ul.day li.closed span::before{content: 'Closed now'; margin-right: 15px}

/* reiview */

.detail-reiview-box{ border-bottom: 1px solid #D5E4F3; padding-bottom: 22px; margin-bottom: 30px;}
.detail-reiview-box .inner-flex{display: flex; justify-content: space-between; align-items: center;}
.detail-reiview-box .inner-flex .client-detail {display: flex; align-items: center; gap: 20px;}
.detail-reiview-box .inner-flex .right-logo{width: 123px;}
.detail-reiview-box .inner-flex .right-logo img{width: 100%;height:38px;}
.detail-reiview-box .inner-flex .client-detail .client-img{min-width: 70px; min-height: 70px; border-radius: 50%;overflow: hidden; position: relative;}
.detail-reiview-box .inner-flex .client-detail .client-img img{min-width: 100%; width: 100%; min-height: 100%; height: 100%; object-fit: cover; position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.detail-reiview-box .inner-flex .client-detail .client-info{display: flex; flex-direction: column; gap: 6px;}
.detail-reiview-box .inner-flex .client-detail .client-info .name{color: #000; font-size: 20px; font-weight: 700; line-height: 18px; }
.detail-reiview-box .inner-flex .client-detail .client-info .review-flex {display: flex; align-items: center; gap: 10px;}
.detail-reiview-box .inner-flex .client-detail .client-info .review-flex .review-count{color: #FFF; font-size: 14px; font-weight: 700; line-height: 14px; background-color: #00bf63; padding: 5px 10px; border-radius: 4px;}
.detail-reiview-box .inner-flex .client-detail .client-info .review-flex ul.review-star{display: flex; align-items: center; list-style: none; gap: 10px; margin: 0; padding: 0;}
.detail-reiview-box .review-content{color: #6C7B8C;font-size: 15px; font-weight: 400; line-height: 25px; margin:15px 0 0 0 ;}
.all-review-link{display: flex; justify-content: center;}
.all-review-link a{color: #00BF63;  font-size: 16px; font-weight: 600; line-height: 25px;}
.all-review-link a:hover{text-decoration: none;}

/* modal_create_app */

.modal_create_app .inner-flex{display: flex; align-items: flex-start; gap:30px}
.modal_create_app .modal-header {padding: 15px}
.modal_create_app .modal-header h2 {color: #304C6A; font-size: 30px; font-weight: 700; line-height: 36px; margin: 0px 0 0px 0;}
.modal_create_app .inner-flex .left-side{width: 40%}
.modal_create_app .inner-flex .left-side .business-logo{width: 100%; border: 1px solid #2E4966; border-radius: 10px; height: 250px; position: relative; margin-bottom: 20px}
.modal_create_app .inner-flex .left-side .business-logo img{width: 90%; height: 90%; position: absolute; object-fit: contain;top: 5%; left: 5%; right: 5%; bottom: 5%}
.modal_create_app .inner-flex .left-side .business-name{font-size: 18px; font-weight: 600; line-height: 40px; color: #2E4966; margin-bottom: 15px;}
.modal_create_app .inner-flex .left-side .business-location{display: flex ; align-items: center; gap: 15px; font-size: 16px; color: #2E4966; font-weight: 500; line-height: normal;}
.modal_create_app .inner-flex .right-side{width: 60%}
.modal_create_app .inner-flex .right-side h3{color: #304C6A; font-size: 26px; font-weight: 700; line-height: 32px; margin: 0px 0 10px 0;}
.modal_create_app .inner-flex .right-side p {color: #304C6A;font-size: 16px;font-weight: 400;line-height: 24px;opacity: 0.9;margin: 0 0 15px 0;}
.modal_create_app .inner-flex .right-side p a{color: #00bf63}
.modal_create_app .inner-flex .right-side .form-group{margin: 0 0 20px 0}
.select2-container{width: 100% !important}
.select2-container .select2-selection--single{ border-radius: 10px !important; border: #D9D9D9 1px solid !important ;  height: 48px !important;}
.select2-container .select2-selection--single .select2-selection__rendered{color: #2E4966 !important; line-height: 48px !important;font-size: 14px;font-weight: 500;   padding-left: 20px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{  height: 48px !important;  right: 10px !important ; top: 0 !important}
.select2-container--default .select2-selection--single .select2-selection__arrow b{  border-color: #2e4966 transparent transparent transparent !important; border-width: 6px 6px 0 6px !important;}
.select2-container--default .select2-results__option{  font-size: 16px !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #2e4966 !important;}
.select2-container--default .select2-results__option--selected{background-color: #00bf63 !important; color: #fff}
.modal_create_app .inner-flex .right-side .form-group .form-control{border-radius: 10px; border: #D9D9D9 1px solid; background: transparent; color: #2E4966; padding: 0px 20px; height: 48px; font-size: 14px; font-weight: 500;}
.modal_create_app .inner-flex .right-side .form-group .form-control:focus{box-shadow: none; border: #2E4966 1px solid;}
.modal_create_app .inner-flex .right-side .form-group .form-control::-moz-placeholder {color: #2E4966 !important; opacity: 1;}
.modal_create_app .inner-flex .right-side .form-group .form-control:-ms-input-placeholder {color: #2E4966 !important;}
.modal_create_app .inner-flex .right-side .form-group .form-control::-webkit-input-placeholder {color: #2E4966 !important;}
.modal_create_app .inner-flex .right-side .checkbox-area{margin-bottom: 20px}
.modal_create_app .inner-flex .right-side .checkbox-area .check-email{display:none;}
.modal_create_app .inner-flex .right-side .checkbox-area label{width: 100%;display: flex; gap: 10px;cursor: pointer; transition: all .3s ; position: relative;font-weight: 400; color: #000; font-size: 16px; line-height: 26px; text-transform: capitalize; position: relative; margin: 0px}
.modal_create_app .inner-flex .right-side .checkbox-area .box{background-color:transparent; position: relative;border: 2px solid #000;padding:10px; min-width: 23px; height: 23px; border-radius:5px; transition: all .3s ;}
.modal_create_app .inner-flex .right-side .checkbox-area .check-email:checked + label .box{background-color: #000}
.modal_create_app .inner-flex .right-side .checkbox-area .check-email:checked + label .box::after{content: ''; position: absolute; top: 4px; left: 3px; width: 16px; height: 13px; background: url(../images/check-icon.png) center center no-repeat;}
.modal_create_app .inner-flex .right-side .btn-area{display: flex; align-items: center; gap:15px}
.modal_create_app .inner-flex .right-side .btn-area .btn{width: 50%; color: #FFF; font-size: 15px;font-weight: 500;line-height: 50px;text-transform: uppercase;background: #00bf63;padding: 0 30px;border-radius: 25px;text-decoration: none; border: none}
.modal_create_app .inner-flex .right-side .btn-area .btn.resetFormButton{background: #314c68;}
.modal_create_app .inner-flex .right-side .btn-area .btn:focus{box-shadow: none}

/* contact-info */

.business-detail-page .business-information .contect-info-right .info-block{border-radius: 15px; background: #FFF; box-shadow: 0px 8px 14px 0px #E0EAF3; padding: 0px;}
.contact-info {display: flex ; align-items: center; gap: 15px; border-bottom: 1px solid #E1EFFD;padding: 25px;}
.contact-info:last-child{ border-bottom: none}
.contact-info a {color:#2E4966; font-size: 16px; font-weight: 500; line-height: normal;}
.contact-info a:hover{text-decoration: none;}

/* business-info-block */

.business-info-block{ padding: 15px; border-bottom: 1px solid #E1EFFD; }
.business-info-block .inner-flex:last-child{border-bottom: none;}
.business-info-block .inner-flex {display: flex; align-items: center; justify-content: space-between;}
.business-info-block .inner-flex .business-detail{display: flex; align-items: center; width: 60%; gap: 25px;}
.business-info-block .inner-flex .business-detail .business-logo{min-width: 60px; min-height: 60px; border-radius: 10px;overflow: hidden; position: relative;border: 1px solid #EBF5FF;  background: #fff;}
.business-info-block .inner-flex .business-detail .business-logo img{width: 80%; height:80%; object-fit: contain; position: absolute;top: 10%;left: 10%;right: 10%;bottom: 10%;}
.business-info-block .inner-flex .business-detail .business-name{color: #2E4966;font-size: 16px; font-weight: 600; line-height: 20px;}
.business-info-block .inner-flex .right-chat a{color: #FFF;font-size: 14px; font-weight: 600; line-height: normal; padding: 4px 12px;  background-color: #00bf63; border-radius: 25px;}

.beforelogin-page{position:relative;  overflow: hidden; display: flex; align-items: end; padding: 180px 0 100px 0}
.beforelogin-page img.bg{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.beforelogin-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 160px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 2}
.beforelogin-page::after{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:#2E4966; z-index: 1; opacity: 0.5}
.beforelogin-page .container{position: relative; z-index: 4}
.beforelogin-page .form-area{max-width: 520px; margin: 0 auto;}
.beforelogin-page .form-area h1{font-family: "Inter", sans-serif; font-size: 48px; line-height: 58px; color: #262626; margin: 0 0 50px 0; font-weight: 400; letter-spacing: -0.04em; text-align: center;}
.beforelogin-page .form-area .md-10{margin: 0 0 10px 0}
.beforelogin-page .form-area .md-20{margin: 0 0 20px 0}
.beforelogin-page .form-area .input-group{margin: 0 0 15px 0}
.beforelogin-page .form-area .input-group .form-control{border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008; height:auto; font-size: 18px; line-height: 28px; color: #12273C; letter-spacing: -0.014em; padding: 13px 20px;  border-radius: 30px;}
.beforelogin-page .form-area .input-group label.error{color: red; font-size: 14px}
.beforelogin-page .form-area .form-control:focus{ box-shadow: 0px 4px 5px 0px #00000008; border:#089F54 1px solid;}
.beforelogin-page .form-area .form-control::-moz-placeholder {color: #6c757d !important; opacity: 1;}
.beforelogin-page .form-area .form-control:-ms-input-placeholder {color: #6c757d !important;}
.beforelogin-page .form-area .form-control::-webkit-input-placeholder {color: #6c757d !important;}
.beforelogin-page .form-area .code-input-group{display: flex; margin: 0 -5px 20px -5px}
.beforelogin-page .form-area .code-input-group .form-control{border-radius:6px; border: #fff 1px solid; background: transparent; color: #fff; padding: 0px 20px; height: 68px; font-size: 20px; font-weight: 700; margin: 0 5px; text-align: center;}
.beforelogin-page .form-area .btn-submit{background: #00BF63; border: none; width: 100%; line-height: 50px; border-radius: 25px; color: #fff; font-size: 16px; font-weight: 600; }
.beforelogin-page .form-area .btn-submit:hover{opacity: 0.7}
.beforelogin-page .form-area .social-login-area{display: flex; justify-content: center;}
.beforelogin-page .form-area .social-login{background: #fff; border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008; width:50px; height: 50px; border-radius: 25px; display: flex; align-items: center; justify-content:center; text-decoration: none; margin: 0 8px}
.beforelogin-page .form-area .social-login img{width: 20px}
.beforelogin-page .form-area .social-login:hover{opacity: 0.7}
.beforelogin-page .form-area .btn-forgot{font-weight: 400; color: #262626; font-size: 16px; line-height: 144%; text-decoration: none; display: block; margin-bottom: 15px}
.beforelogin-page .form-area .or{ font-weight: 700; color: #262626; font-size: 14px; line-height: 21px; width: 50px; margin: 30px auto; text-align: center; position: relative;}
.beforelogin-page .form-area .or::before{content: ''; width: 50px; height: 1px; background: #262626; position: absolute; top: 10px; left: -60px}
.beforelogin-page .form-area .or::after{content: ''; width: 50px; height: 1px; background: #262626; position: absolute; top: 10px; right: -60px}
.beforelogin-page .form-area p{ font-weight: 400; color: #262626; font-size: 16px; line-height: 144%; letter-spacing: -0.24px; margin: 20px 0 0 0; text-align: center;}
.beforelogin-page .form-area p a{font-weight: 700; color: #00BF63}
.beforelogin-page .form-area .checkbox-area{margin-bottom: 15px}
.beforelogin-page .form-area .checkbox-area .check-input{display:none;}
.beforelogin-page .form-area .checkbox-area .check-label{width: 100%;display: flex; gap: 10px;cursor: pointer; transition: all .3s ; position: relative;font-weight: 400; color: #fff; font-size: 16px; line-height: 23px; text-transform: capitalize; position: relative; margin: 0px}
.beforelogin-page .form-area .checkbox-area .box{background-color:#fff; position: relative;border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008; padding:0px; width: 23px; height: 23px; border-radius:5px; transition: all .3s ;}
.beforelogin-page .form-area .checkbox-area .check-input:checked + .check-label .box{background:#00bf63;}
.beforelogin-page .form-area .checkbox-area .check-input:checked + .check-label .box::after{content: ''; position: absolute; top: 4px; left: 3px; width: 16px; height: 13px; background: url(../images/check-icon.png) center center no-repeat;}

.merchant-form-page{position:relative;  overflow: hidden; display: flex; align-items: end; padding: 180px 0 100px 0}
.merchant-form-page img.bg{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.merchant-form-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 160px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 2}
.merchant-form-page::after{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:#2E4966; z-index: 1; opacity: 0.5}
.merchant-form-page .container{position: relative; z-index: 4}
.merchant-form-page h1{color: #fff; font-weight: 700; font-size: 36px; margin: 0 0 30px 0; text-align: center;}
.merchant-form-page ul.step-area{display: flex; margin: 0px auto 30px auto; padding: 0px; list-style: none; max-width: 860px;}
.merchant-form-page ul.step-area li{width: 33%; text-align: center; color: #fff; font-weight: 700; opacity: 0.9; position: relative;}
.merchant-form-page ul.step-area li::before{content: ''; position: absolute; top: 30px; right:-25%; width: 50%; height: 1px; background: #fff}
.merchant-form-page ul.step-area li .number{background: rgba(0, 0, 0, 0.3); border-radius: 50px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); width: 60px; height: 60px; margin: 0 auto 10px auto; line-height: 60px; color: #fff; font-weight: 700; font-size: 30px}
.merchant-form-page ul.step-area li:hover, .merchant-form-page ul.step-area li.active, .merchant-form-page ul.step-area li.complete{opacity: 1; cursor: pointer;}
.merchant-form-page ul.step-area li:hover .number, .merchant-form-page ul.step-area li.active .number, .merchant-form-page ul.step-area li.complete .number{background: #00BF63}
.merchant-form-page ul.step-area li:last-child::before{content: none}
.merchant-form-page .form-area{background: rgba(0, 0, 0, 0.3); border-radius: 25px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); max-width: 860px; margin: 0 auto 0px auto; padding: 40px; display: none}
.merchant-form-page .form-area.open{display: block;}
.merchant-form-page .form-area h2{color: #fff; font-weight: 700; font-size: 30px; margin: 0 0 15px 0}
.merchant-form-page .form-area p{ font-weight: 400; color: #fff; font-size: 16px; line-height: 144%; margin: 0 0 20px 0;}
.merchant-form-page .form-area .input-group{margin: 0 0 15px 0}
.merchant-form-page .form-area .input-group .form-control{border-radius: 25px; border: #fff 1px solid; background: transparent; color: #fff; padding: 0px 20px; height: 48px; font-size: 14px; font-weight: 500; width: 100%}
.merchant-form-page .form-area .input-group label.error{color: red; font-size: 14px}
.merchant-form-page .form-area .form-control:focus{box-shadow: none}
.merchant-form-page .form-area .form-control::-moz-placeholder {color: #fff !important; opacity: 1;}
.merchant-form-page .form-area .form-control:-ms-input-placeholder {color: #fff !important;}
.merchant-form-page .form-area .form-control::-webkit-input-placeholder {color: #fff !important;}
.merchant-form-page .form-area .btn-area{display: flex; gap:20px}
.merchant-form-page .form-area .btn-submit{background: #00BF63; border: none; width: 100%; line-height: 50px; border-radius: 25px; color: #fff; font-size: 16px; font-weight: 600; text-align: center; text-decoration: none}
.merchant-form-page .form-area .btn-submit:hover{opacity: 0.7}
.merchant-form-page .form-area ul.business-list{margin: 0px 0px 20px 0px; padding: 0px; list-style: none; height: 256px; overflow-x: scroll;}
.merchant-form-page .form-area ul.business-list li{margin-bottom: 10px}
.merchant-form-page .form-area ul.business-list li input[type=radio].css-radio {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; }
.merchant-form-page .form-area ul.business-list li input[type=radio].css-radio + label.css-radiobtn{font-weight: 400; color: #fff; font-size: 16px; line-height: 20px; text-transform: capitalize; position: relative; padding-left: 30px; margin: 0px; cursor: pointer;}
.merchant-form-page .form-area ul.business-list li input[type=radio].css-radio + label.css-radiobtn::before{content: ''; width: 20px; height: 20px; border-radius: 5px; border: 1px solid #fff; background: transparent; position: absolute; top: 0px; left: 0px}
.merchant-form-page .form-area ul.business-list li input[type=radio].css-radio:checked + label.css-radiobtn::after{content: ''; position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; background: #fff; border-radius: 3px}
.merchant-form-page .form-area .yelp-business-block{display: flex; margin: 20px 0 25px 0}
.merchant-form-page .form-area .yelp-business-block .business-photo{width: 50%; height: 265px; position: relative; overflow: hidden; border: #fff 2px solid; border-radius: 10px}
.merchant-form-page .form-area .yelp-business-block .business-photo img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.merchant-form-page .form-area .yelp-business-block .yelp-business-detail{width: 50%; padding-left: 30px}
.merchant-form-page .form-area .yelp-business-block .yelp-business-detail .info{position: relative; font-size: 16px; color: #fff; font-weight: 400; margin-bottom: 15px; line-height: 24px; padding-left: 60px}
.merchant-form-page .form-area .yelp-business-block .yelp-business-detail .info .icon{width: 48px; height: 48px; border-radius: 50%; border: #fff 1px solid; display: flex; padding: 12px; position: absolute; top: 0px; left: 0px;}
.merchant-form-page .form-area .yelp-business-block .yelp-business-detail .info .icon img{width: 100%; height: 100%;}
.merchant-form-page .form-area .yelp-business-block .yelp-business-detail .info span{display: block; font-weight: 700; color: #00BF63}
.merchant-form-page .form-area .yelp-business-block .yelp-business-detail .yelp-info {display: inline-flex; align-items: center; gap: 10px;color: #FFF; font-size: 15px; font-weight: 400; line-height: 26px; padding: 12px 20px; border-radius: 6px; border: 1px solid #fff; justify-content: center; width: 100%}
.merchant-form-page .form-area .yelp-business-block .yelp-business-detail .yelp-info img{width: 60px;}
.merchant-form-page .form-area .checkbox-area{margin-bottom: 15px}
.merchant-form-page .form-area .checkbox-area .check-input{display:none;}
.merchant-form-page .form-area .checkbox-area .check-label{width: 100%;display: flex; gap: 10px;cursor: pointer; transition: all .3s ; position: relative;font-weight: 400; color: #fff; font-size: 16px; line-height: 23px; text-transform: capitalize; position: relative; margin: 0px}
.merchant-form-page .form-area .checkbox-area .box{background-color:transparent; position: relative;border: 1px solid #fff; width: 23px; height: 23px; border-radius:5px; transition: all .3s ;}
.merchant-form-page .form-area .checkbox-area .check-input:checked + .check-label .box::after{content: ''; position: absolute; top: 4px; left: 3px; width: 16px; height: 13px; background: url(../images/check-icon.png) center center no-repeat;}

.cms-page{padding:0;}

.content-page h2{color: #304C6A; font-size: 30px; font-weight: 700; line-height: 30px; margin: 10px 0 20px 0}
.content-page p{color: #304C6A; font-size: 16px; font-weight: 400; line-height: 24px; opacity: 0.9; margin: 0 0 20px 0}
.content-page ul{margin:0px 0px 15px 0px;}
.content-page ul li{color: #304C6A; font-size: 16px; font-weight: 400; line-height: 24px; opacity: 0.9; margin: 0 0 5px 0}

.about-area{display: flex; align-items: center;}
.about-area .photo-area{width: 60%; position: relative;}
.about-area .photo-area img{width: 100%; }
.about-area .content-area{background: #EDF6FF;  padding:45px; width: 50%; margin-left:-10%; position: relative;}
.about-area .content-area img{width: 36px; border-radius: 8px;}
.about-area .content-area p{font-size: 16px; line-height: 26px; margin: 0 0 24px 0;}

.contact-page{display: flex; align-items: flex-start; }
.contact-page .photo-block{width: 54%; position: relative;}
.contact-page .photo-block img{width: 100%;height: 100%;object-fit: cover;} 
.contact-page .form-area{background: #EDF6FF;  padding:45px; width: 50%; margin-left:-4%;margin-top:200px; position: relative;}
.contact-page .get-a-quote-form .form-area{background: #EDF6FF;  padding:45px; width: 100%; margin-left:-4%;margin-top: 0px; position: relative;}
.contact-page .form-area img{width: 36px; border-radius: 8px;}
.contact-page .form-area .link{display: flex; justify-content: center;}
.contact-page .form-area .link a{margin:0 8px;}
.contact-page .form-area h2{font-size: 30px; line-height: 36px; margin: 0 0 25px 0; color: #304a67;}
.contact-page .form-area .form-group{margin-bottom: 15px;}
.contact-page .form-area .form-group label{font-size: 13px; margin: 0px; color: #2f4b68; font-weight: 700;}
.contact-page .form-area .form-group .form-control{border: #d0e2f4 1px solid; height: 48px; font-size: 14px; font-weight: 500;}
.contact-page .form-area .form-group textarea.form-control{height:200px;}
.contact-page .form-area .form-group label.error{color: #d30707; font-weight: 400; margin: 0px !important; line-height: 13px;}
.contact-page .form-area .form-group .form-control.error{border: #d30707 1px solid;}
.contact-page .form-area .btn-submit{color: #FFF; width:100%; font-size: 15px; font-weight: 500; line-height: 50px; text-transform: uppercase; background: #00bf63; padding: 0 30px; border-radius: 25px; text-decoration: none; border: none; margin: 18px 0;max-width:180px;}

.ai-tools-page h2 {font-size: 30px;line-height: 36px;color: #304a67;}
.ai-tools-page h5,p{color: #304a67;}


.faq-page{margin:10px 0px 0px 0px;}
.faq-page h2{text-align:center; color: #304C6A; font-size: 30px; font-weight: 700; line-height: 30px; margin:0 0 10px 0;}
.faq-page p{text-align:center; color: #fff; font-size: 18px; font-weight: 400; line-height: 24px; opacity: 0.9; margin: 0 0 25px 0;}
/*.faq-page .card{border:none; margin-bottom:15px; box-shadow: 0px 0px 20px 0px rgba(173, 198, 224, 0.32); border-radius: 0;}*/
/*.faq-page .accordion > .card > .card-header{background: transparent; padding: 0px;}*/
/*.faq-page .accordion > .card > .card-header .btn-link{color: #2e4966 !important; font-size: 18px; font-weight: 500; padding: 14px 45px 14px 55px; text-decoration: none !important; display: flex; align-items: center; position: relative;}*/
/*.faq-page .accordion > .card > .card-header .btn-link span{width: 25px; height: 25px; background: #50d394; display: block; text-align: center; font-size: 15px; line-height: 25px; border-radius: 50%; color: #fff; position: absolute; top: 16px; left: 15px;}*/
/*.faq-page .accordion > .card > .card-header .btn-link::before{content: ''; background: #000; width: 17px; height: 1px; position: absolute; top: 28px; right: 20px;}*/
/*.faq-page .accordion > .card > .card-header .btn-link.collapsed::before{content: ''; background: #000; width: 17px; height: 1px; position: absolute; top: 28px; right: 20px;}*/
/*.faq-page .accordion > .card > .card-header .btn-link.collapsed::after{content: ''; background: #000; width: 1px; height: 17px; position: absolute; top: 20px; right: 28px;}*/
/*.faq-page .accordion > .card > .card-header .btn-link:focus{box-shadow: none;}*/
/*.faq-page .card-body{padding: 20px !important; font-size: 16px; line-height: 24px; color: #7e7e7e;}*/

.faq-page .card{ margin-bottom:15px; border: 1px solid #EEF1F7 !important; border-radius: 16px !important;}
.faq-page .card .card-header{background: transparent; padding: 0px; border-bottom:none;}
.faq-page .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-page .card .card-header .btn-link::before{content: ''; background: #262626; width: 12px; height: 2px; position: absolute; top: 34px; right: 40px;}
.faq-page .card .card-header .btn-link.collapsed{padding:24px 56px 24px 32px; transition: all .5s ease;}
.faq-page .card .card-header .btn-link.collapsed::before{content: ''; background: #262626; width: 12px; height: 2px; position: absolute; top: 34px; right: 40px;}
.faq-page .card .card-header .btn-link.collapsed::after{content: ''; background: #262626; width: 2px; height: 12px; position: absolute; top: 29px; right: 45px;}
.faq-page .card .card-header .btn-link:focus{box-shadow: none;}
.faq-page .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; }



.subscribe-page{margin:0px;}
.subscribe-page h2{text-align:center; color: #304C6A; font-size: 30px; font-weight: 700; line-height: 30px; margin:0 0 30px 0;}
.subscribe-page .step-area{margin:0; display: flex;}
.subscribe-page .step-area .step-block{margin: 0 0 20px 0; width:33.33%; }
.subscribe-page .step-area .step-block .step-img{width: 260px; border-radius: 50% 50% 50% 0; overflow: hidden; position: relative; background: #fcfdf8; height: 260px; margin-bottom: 20px; box-shadow: 0px 0px 20px 0px rgba(173, 198, 224, 0.32);}
.subscribe-page .step-area .step-block .step-img img{width:60%; height:60%; position: absolute; top:20%; bottom:20%; left:20%; right:20%;}
.subscribe-page .step-area .step-block .step-content {width: 100%; padding-right: 30px;}
.subscribe-page .step-area .step-block .step-content h3{font-size: 24px; color: #314b68; font-weight: 500; margin: 0 0 15px 0;}
.subscribe-page .step-area .step-block .step-content .highlight-point li{color: #304C6A; font-size: 16px; font-weight: 400; line-height: 24px; opacity: 0.9; margin: 0 0 5px 0;}
.subscribe-page .step-area .step-block .step-content .highlight-point {margin: 0px; padding: 0px 0px 0px 16px;}
.subscribe-page .buy-plan{background: #00bf63; border: none; padding: 15px 80px; border-radius: 80px;}
.subscribe-page .buy-plan:hover{background:#314b68;}


.inner-titlebar{position:relative; padding: 220px 0 0px 0; overflow: hidden; display: flex; align-items: end;}
.inner-titlebar.cms-titlebar{padding:180px 0 80px 0;}
.inner-titlebar.cms-titlebar h1{text-align: center;}
.inner-titlebar img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;opacity: 0.5;}
/*.inner-titlebar::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 160px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 2}*/
/*.inner-titlebar::after{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:#2E4966; z-index: 1; opacity: 0.5}*/
.inner-titlebar .container{position: relative; z-index: 4}
.inner-titlebar h1{color:white; font-weight: 600; font-size: 50px; margin: 0 0 20px 0; font-family: "Inter", sans-serif; text-align: center;}
.inner-titlebar.cms-titlebar h1{color:black;}
.inner-titlebar ul.sidemenu{margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: center;}
.inner-titlebar ul.sidemenu li{margin:0 5px}
.inner-titlebar ul.sidemenu li a{padding: 15px 25px; font-size: 15px; display: flex; position: relative; line-height: 22px; text-decoration: none; color: #646464; border-radius: 10px; background: #FFF; border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008;}
.inner-titlebar ul.sidemenu li a .icon{width: 22px; height: 22px; margin: 0 10px 0 0;}
.inner-titlebar ul.sidemenu li a .icon svg path,
.inner-titlebar ul.sidemenu li a .icon svg circle{stroke:#646464}
.inner-titlebar ul.sidemenu li a:hover, .inner-titlebar ul.sidemenu li a.active{background:#EDF6FF; color: #2E4966}
.inner-titlebar ul.sidemenu li a:hover .icon svg path,
.inner-titlebar ul.sidemenu li a:hover .icon svg circle,
.inner-titlebar ul.sidemenu li a.active .icon svg path,
.inner-titlebar ul.sidemenu li a.active .icon svg circle{stroke:#2E4966}

/* my profile */

.inner-page{ position: relative;}
.inner-page .profile-inner-area{display: flex; gap:30px; padding-top: 30px;}
.inner-page .profile-block{width: 25%; padding: 20px 30px; border-radius: 15px; background: #FFF; border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008; text-align: center;}
.inner-page .profile-block .profile-photo-area{ width: 200px;  position: relative; margin: 0 auto;}
.inner-page .profile-block .profile-photo-area .profile-photo{ width: 200px; height: 200px; overflow: hidden; border-radius: 50%; position: relative; margin: 0 auto; border: 5px solid #fff; outline: 3px solid #00BF63;}
.inner-page .profile-block .profile-photo-area .choose-img {width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid #FFF; position: absolute; right: 0; bottom: 0; background: url(../images/upload.svg) center center no-repeat;  background-color: rgba(0, 0, 0, 0); background-color: #00BF63; cursor: pointer;   background-size: 26px;}
.inner-page .profile-block .profile-photo-area .profile-photo img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;;}
.inner-page .profile-block .name{color: #000; font-size: 20px; font-weight: 700; line-height: 18px;  margin:20px 0 15px 0;}
.inner-page .profile-block p {color: #000; font-size: 16px; font-weight: 400; line-height: 18px; opacity: 0.5; margin: 0}
.inner-page .profile-block p span{display: block; margin-top: 7px;}
.inner-page .profile-form{width: 75%; padding: 20px 30px; border-radius: 15px; background: #FFF; border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008;}

.inner-page .profile-form h2{font-size: 24px; font-weight: 600; margin: 0 0 15px 0; color: #2E4966}
.inner-page .profile-form .label-group{margin: 0 0 20px 0}
.inner-page .profile-form .label-group label{font-size: 13px; font-weight: 500; margin: 0px; color: #2e2e2e}
.inner-page .profile-form .label-group .form-control{border-radius: 10px; border: #D9D9D9 1px solid; background: transparent; color: #2E4966; padding: 0px 20px; height: 48px; font-size: 14px; font-weight: 500; box-shadow: 0px 2px 10px 0px #00000008;}
.inner-page .profile-form .label-group .form-control:focus{box-shadow: none; border: #2E4966 1px solid;}
.inner-page .profile-form .label-group .form-control::-moz-placeholder {color: #2E4966 !important; opacity: 1;}
.inner-page .profile-form .label-group .form-control:-ms-input-placeholder {color: #2E4966 !important;}
.inner-page .profile-form .label-group .form-control::-webkit-input-placeholder {color: #2E4966 !important;}
.inner-page .profile-form .custom-file-button{position: relative;}
.inner-page .profile-form .custom-file-button .icon{position: absolute; top: 10px; left: 20px}
.inner-page .profile-form .custom-file-button input[type=file]{padding: 14px 16px 14px 56px; height: auto; border-radius: 10px}
.inner-page .profile-form .custom-file-button input[type=file]::-webkit-file-upload-button {display: none;}
.inner-page .profile-form .custom-file-button input[type=file]::file-selector-button {display: none;}
.inner-page .profile-form .custom-file-button:hover label {cursor: pointer;}
/* .inner-page .profile-form .custom-file-button label{position: absolute; top: 5px; right: 5px; z-index: 7; background: #2E4966; border-radius: 25px; border: none; color: #fff; padding: 10px 25px; font-size: 14px} */
.inner-page .profile-form .label-group .btn{background: #2E4966; border-radius: 25px; border: none; color: #fff; padding: 10px 30px; font-size: 16px; transition: all .3s}
.inner-page .profile-form .label-group .btn:hover{background-color: #00bf63}
.inner-page .profile-form .label-group .btn:focus{box-shadow: none; }

/* common table */

.inner-page .inner-main .right-content-area table .checkbox-area .check-input{display:none;}
.inner-page .inner-main .right-content-area table .checkbox-area .check-label{width: 100%;display: flex; gap: 10px;cursor: pointer; transition: all .3s ; position: relative;font-weight: 400; color: #fff; font-size: 16px; line-height: 23px; text-transform: capitalize; position: relative; margin: 0px}
.inner-page .inner-main .right-content-area table .checkbox-area .box{background-color:transparent; position: relative;border: 1px solid  #314c68; width: 20px; height: 20px; border-radius:5px; transition: all .3s ; padding:0px;}
.inner-page .inner-main .right-content-area table .checkbox-area .check-input:checked + .check-label .box{background-color:  #314c68;}
.inner-page .inner-main .right-content-area table .checkbox-area .check-input:checked + .check-label .box::after{content: ''; position: absolute;  top: 3px; left: 2px; width: 15px; height: 12px; background: url(../images/check-icon.png) center center no-repeat; background-size: 100%;}
.inner-page .inner-main .right-content-area table { margin: 0 !important; padding: 0; width: 100%;}
.inner-page .inner-main .right-content-area table th {padding: 10px; font-size: 12px; color: #fff; letter-spacing: 1px; text-transform: uppercase; border: none; background: #314c68 !important;}
.inner-page .inner-main .right-content-area table td {padding: 10px; font-size: 16px; color:#314c68; border-bottom: 1px solid #dee2e6 !important; border-top: 1px solid transparent !important; }
.inner-page .inner-main .right-content-area table td .Status{color: #00BF63; background-color: #00bf6326; font-weight: 400; font-size: 13px;}
.inner-page .inner-main .right-content-area table td .Status.cancel {color: #dc3545; background-color: #dc354526}
table.dataTable.no-footer {border-bottom: none !important;}
.inner-page .inner-main .right-content-area table th .checkbox-area .box{border:#fff 1px solid;}
table.dataTable thead .sorting_asc {background-image: none;}

.update.reactivate-plan {color: #FFF; font-size: 15px; font-weight: 500; line-height: 50px; text-transform: uppercase; background: #00bf63; padding: 0 30px; border-radius: 25px; text-decoration: none; border: none;}

/* My Walibots  */

.bot-detail h2{font-size: 24px; line-height: normal; color: #000; font-weight: 600; margin: 0;}
.bot-detail .bot-address-detail{font-size: 18px; line-height: normal; color: #000; font-weight: 600; margin: 0; }
.bot-detail .bot-address-detail span{font-size: 16px; line-height: normal; color: #000; font-weight: 400; margin: 0; }
.bot-detail ul.bot-additional{display: flex; gap: 15px; align-items: center; list-style: none; justify-content: space-between; margin: 20px 0; padding: 0;}
.bot-detail ul.bot-additional li{background: #314c68; padding: 12px 40px; border-radius: 10px; min-width: 300px; color: #fff; font-size: 18px; line-height: normal;font-weight: 400; margin: 0; text-align: center;}
.bot-detail ul.bot-additional li span{display: block;}

.inner-page .inner-main{display: flex; gap: 30px;}
.inner-page .inner-main .left-area{width: 25%; align-self: flex-start;flex: 1 1 auto; padding: 20px 30px; border-radius: 15px; background: #FFF; border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008;}
.inner-page .inner-main ul.sidemenu{margin: 0px; padding: 0px; list-style: none; border: none}
.inner-page .inner-main ul.sidemenu li{border-bottom: 1px solid #E1EFFD}
.inner-page .inner-main ul.sidemenu li a{padding: 15px 0px 15px 32px; display: flex; font-size: 15px; position: relative; line-height: 22px; text-decoration: none; color: #2E4966; margin: 0; border: none}
.inner-page .inner-main ul.sidemenu li a .icon{width: 22px; height: 22px; position: absolute; top: 15px; left: 0px;}
.inner-page .inner-main ul.sidemenu li a .icon svg path,
.inner-page .inner-main ul.sidemenu li a .icon svg circle{stroke:#2E4966}
.inner-page .inner-main ul.sidemenu li a:hover .icon svg path,
.inner-page .inner-main ul.sidemenu li a.active .icon svg path,
.inner-page .inner-main ul.sidemenu li a:hover .icon svg circle{stroke:#00BF63}
.inner-page .inner-main ul.sidemenu li a.active .icon svg circle{stroke:#00BF63}
.inner-page .inner-main ul.sidemenu li a:hover,
.inner-page .inner-main ul.sidemenu li a.active{color:#00BF63}
.inner-page .inner-main ul.sidemenu li:last-child{border: none}

.inner-page .inner-main .right-content-area{width: 75%; flex: 1 1 auto; align-self: flex-start; padding: 20px 30px; border-radius: 15px; background: #FFF; border: 1px solid #0000000F; box-shadow: 0px 2px 10px 0px #00000008;}
.inner-page .inner-main .right-content-area h4 {color:#314c68; font-size: 22px; font-weight: 700; line-height: 26px; margin-bottom: 15px;}
.inner-page .inner-main .right-content-area p{color:#314c68; font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 10px; opacity: 0.7}
.inner-page .inner-main .right-content-area p a{color:#00BF63}
.inner-page .inner-main .right-content-area .form-group .input-title{font-size: 14px;  font-weight: 500; margin-bottom: 10px;}
.inner-page .inner-main .right-content-area .form-group .form-control { border-radius: 10px;  border: #D9D9D9 1px solid;  background: transparent;  color: #2E4966;  padding: 0px 20px;  height: 48px;  font-size: 16px;  font-weight: 500;}
.inner-page .inner-main .right-content-area .form-group .form-control:focus {box-shadow: none;  border: #314c68 1px solid;}
.inner-page .inner-main .right-content-area .form-group textarea{ border-radius: 10px;  border: #D9D9D9 1px solid;  background: transparent;  color: #2E4966;  padding: 10px 20px; width: 100% ; font-size: 16px;  font-weight: 500;}
.inner-page .inner-main .right-content-area .form-group textarea:focus {box-shadow: none; border: #314c68 1px solid;}
.inner-page .inner-main .right-content-area .btn{background: #00bf63; border-radius: 25px; border: none; color: #fff; padding: 10px 30px; font-size: 16px; transition: all .3s }
.inner-page .inner-main .right-content-area .btn:focus{box-shadow: none}

.inner-page .inner-main .right-content-area .bot-detail h4 {text-align: center;}
.inner-page .inner-main .right-content-area .bot-detail p{text-align: center;}
.inner-page .inner-main .right-content-area .bot-detail ul.bot-list{display: flex;flex-wrap: wrap; justify-content: center; list-style: none; padding: 0; margin: 0 -15px;}
.inner-page .inner-main .right-content-area .bot-detail ul.bot-list li{flex: 0 0 calc(25% - 30px); margin: 15px; display: flex; align-items: stretch;}
.inner-page .inner-main .right-content-area .bot-detail ul.bot-list li a{border: 1px solid #314c68; display: block; padding: 0 20px 20px 20px; text-align: center; border-radius: 10px; transition:  0.3s all;width:100%;}
.inner-page .inner-main .right-content-area .bot-detail ul.bot-list li a .bot-logo{background: #fff; width: 150px; height: 150px; position: relative; border :1px solid #314c68; border-top: none; border-radius: 0 0 10px 10px; overflow: hidden; margin: 0 auto;}
.inner-page .inner-main .right-content-area .bot-detail ul.bot-list li a .bot-logo img{ width: 80%; height: 80%; top: 10%; left: 10%; right: 10%; left: 10%; position: absolute; object-fit: contain;}
.inner-page .inner-main .right-content-area .bot-detail ul.bot-list li a .bot-name{font-size: 18px; line-height: 22px; margin-top: 20px; font-weight: 600; color: #314c68; transition: all 0.3s;}
.inner-page .inner-main .right-content-area .bot-detail ul.bot-list li a:hover{background-color: #314c68; text-decoration: none;}
.inner-page .inner-main .right-content-area .bot-detail ul.bot-list li a:hover .bot-name{color: #fff; text-decoration: none;}

/* My subscription  */

.inner-page .inner-main .left-area .plan{text-align: center;}
.inner-page .inner-main .left-area .plan .current-plan { background-color: #314c68;font-size: 22px;font-weight: 700;line-height: 45px;margin-bottom: 15px; color: #fff; border-radius: 30px; }
.inner-page .inner-main .left-area .plan .plan-name {font-weight: 700; font-size: 20px; line-height: 40px; color: #000; margin: 0px;}
.inner-page .inner-main .left-area .plan .price {font-weight: 700;font-size: 25px;line-height: 40px;color: #00bf63;margin-bottom: 10px; }
.inner-page .inner-main .left-area .plan .ex-date {font-weight: 700;font-size: 18px;line-height: 28px;color: #b5b5c3;margin-bottom: 15px}
.inner-page .inner-main .left-area .plan .ex-date span{font-weight: 700;font-size: 18px;line-height: 28px;color: #000;margin-bottom: 15px}
.inner-page .inner-main .left-area .plan .btn-area{display: flex; align-items: center; gap:20px;  flex-wrap: wrap; justify-content: center;}
.inner-page .inner-main .left-area .plan .btn-area .btn{background: #00bf63;flex: 0 0 calc(50% - 10px); border-radius: 25px; border: none; color: #fff; padding: 10px 0px; font-size: 16px; transition: all .3s }
.inner-page .inner-main .left-area .plan .btn-area .btn.cancel{background: #dc3545;}
.inner-page .inner-main .left-area .plan .btn-area .btn:focus{box-shadow: none}

.webdata-blog{background: #edf6ff; padding: 20px 20px 10px 20px; border-radius: 15px;}
.document-blog{background: #edf6ff; padding: 20px 20px 10px 20px; border-radius: 15px; margin-bottom:15px;}
.website-list .input-group{border:#D9D9D9 1px solid; background:#fff; border-radius: 10px; margin-bottom:10px; padding: 5px;}
.website-list .input-group .form-control{height: 44px; border: none; font-size: 14px;  border-radius: 15px;}
.website-list .input-group .form-control:focus{box-shadow: none}
.website-list .input-group .btn-dark.addRow{width: 36px; padding: 10px !important; height: 36px; margin: 4px;}
.website-list .input-group .btn-dark.addRow svg{width:100%; height:100%; vertical-align: top;}
.website-list .input-group .btn-dark.addRow svg path{stroke:#fff}
.website-list .input-group .btn-danger.deleteRow{width: 36px; padding: 10px !important; height: 36px; margin: 4px; background: #ca0000;}
.website-list .input-group .btn-danger.deleteRow svg{width:100%; height:100%; vertical-align: top;}
.website-list .input-group .btn-danger.deleteRow svg path{stroke:#fff}

.file-list .multi-file-input{border:#D9D9D9 1px solid; background:#fff; border-radius: 10px; margin-bottom:10px; flex-wrap: nowrap;}
.file-list .multi-file-input .btn-dark.addFileRow{width: 36px; padding: 10px !important; height: 36px; margin: 4px 0 4px 4px; border-radius: 50% !important;}
.file-list .multi-file-input .btn-dark.addFileRow svg{width:100%; height:100%; vertical-align: top;}
.file-list .multi-file-input .btn-dark.addFileRow svg path{stroke:#fff}
.file-list .multi-file-input .btn-danger.deleteFileRow{width: 36px; padding: 10px !important; height: 36px; margin: 4px 0 4px 4px; background: #ca0000;  border-radius: 50% !important;}
.file-list .multi-file-input .btn-danger.deleteFileRow svg{width:100%; height:100%; vertical-align: top;}
.file-list .multi-file-input .btn-danger.deleteFileRow svg path{stroke:#fff}


.pricing{margin:100px auto 0 auto;padding:78px 0 0 0;max-width:1200px}
.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: 125px 0px 0px 0px;list-style: none;display: flex;justify-content: center;align-items: end;}
.plan-list li {width: 30.8%;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:515px}
.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;}

.plan-list li .plan-box .green-box-icon ol li::before {content: '';width: 18px;height: 18px;position: absolute;background: url('../images/list-icon-blue.png') center center no-repeat !important;background-size: 100%;left: 0;top: 4px;}

#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);
    }
}

.business-detail-page .main-card .white-main-area .btn-area {padding: 50px 0;width: 50%;margin: 0 auto;}

.btn-social {border: #ccdef0 1px solid;margin: 10px 0;text-align: center;padding: 12px 30px;font-size: 16px;font-weight: 700;text-decoration: none !important;display: flex;align-items: center;justify-content: center;border-radius: 7px;}

.btn-social img {width: 25px;height: 25px;margin-right: 10px;}

.extra-text {justify-content: center;display: flex;padding-top: 25px;font-size: 26px;color: #fff;font-weight: 600;}
.inner-page .inner-main .right-content-area table td .thumbs-in-chat-page {position: relative;margin-top: -14px;}


.login-round-block{padding:0 30px;  margin-top:100px;}
.login-round-block .beforelogin-page{ border-radius: 40px; padding: 100px 0 0 0; background: linear-gradient(180deg, #F8F9FF 0%, rgba(241.19, 241.19, 241.19, 0.14) 100%);}
.login-round-block .beforelogin-page::before {content:none;}
.login-round-block .beforelogin-page::after {content:none;}

.titlebar-white-round{padding:0 30px; margin-top:100px;}
.titlebar-white-round .inner-titlebar{ border-radius: 40px; padding: 50px 0 50px 0; background: #000;}
.titlebar-white-round .inner-titlebar::before {content:none;}
.titlebar-white-round .inner-titlebar h1{margin:20px;color:white;}

.merchant-round-area{padding:0 30px; margin-bottom:40px;}
.merchant-round-area .merchant-form-page{padding: 180px 0; border-radius: 40px;}
.merchant-round-area .merchant-form-page::before {content:none;}

.inner-round-area{padding:0 30px; margin-top:100px; margin-bottom:0px;}
.inner-round-area .inner-titlebar{ border-radius: 40px; padding: 100px 0 30px 0; background: linear-gradient(180deg, #F8F9FF 0%, rgba(241.19, 241.19, 241.19, 0) 100%);}
.inner-round-area .inner-titlebar::before {content:none;}

.lightblue-round-area{padding:0 30px;}
.lightblue-round-area .inner-page{ border-radius: 40px;}

.detail-page-round-area{padding:0 30px; margin-top:90px;}
.detail-page-round-area .business-detail-block{ border-radius: 40px; }
.detail-page-round-area .business-detail-block::before {content:'';}
.detail-page-round-area .business-detail-page{ border-radius: 40px; }


.white-logo-area{position: absolute; top: 30px; right: 15px; display: flex;}
.white-logo-area .eatokra{background: #fff; padding: 13px 20px 15px 20px; height: 50px; border-radius: 25px; margin-left: 10px;}
.white-logo-area .eatokra img { width: auto; height: 100%; position: relative; vertical-align: top;}
.white-logo-area .bib-gourmand{background: #fff; height: 50px; padding: 10px; border-radius: 25px; width: 50px; margin-left: 10px;}
.white-logo-area .bib-gourmand img{position: relative; width: 100%; height: 100%;}
.white-logo-area .michelin{background: #fff; border-radius: 25px; height: 50px; padding: 10px 15px; margin-left: 10px;}
.white-logo-area .michelin img{height: 100%; width: auto; position: relative;}

.blog-list{ padding: 80px 0 80px 0; }
.blog-list .heading {color: #54462f; font-size: 36px; font-weight: 700; line-height: 40px; margin-bottom: 40px; margin-top: 30px; text-align: center;}
.blog-list .blog-cart{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.blog-list .blog-cart .blog-design{width: calc(50% - 15px); background: #fff; border-radius:10px; overflow: hidden; margin-bottom: 30px; position: relative;}
.blog-list .blog-cart .blog-design .blog-img { width: 100%; height: 400px; position: relative; overflow: hidden;}
.blog-list .blog-cart .blog-design .blog-img::before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(); z-index: 1; width: 100%; height: 100%; position: absolute; content: '';}
.blog-list .blog-cart .blog-design .blog-img img{ width: 100%; height: 100%; object-fit: cover; transition: all .5s ease;}
.blog-list .blog-cart .blog-design .detail-area {position: absolute; padding: 30px; left: 0; bottom: 0; width: 100%; z-index: 1}
.blog-list .blog-cart .blog-design .detail-area .detail {color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 15px;}
.blog-list .blog-cart .blog-design .detail-area .title{ color: #fff; font-size: 28px; font-weight: 700; line-height: 30px; margin-bottom: 15px; }
.blog-list .blog-cart .blog-design .detail-area .date {color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 15px; }
.blog-list .blog-cart .blog-design:hover .blog-img img {transition: all .5s ease; transform: scale(1.1);}
.blog-list .blog-cart .blog-design .detail-area .auth-area {color: #fff; font-weight: 700; text-decoration: none; display: flex; align-items: center; justify-content: space-between;  border-top: 1px solid #ffffff; padding-top: 10px}
.blog-list .blog-cart .blog-design .detail-area .auth-area h5 { color: #fff; font-size: 18px; font-weight: 400; line-height: 30px; margin: 0}
.blog-list .blog-cart .blog-design .detail-area .auth-area h5 i{margin-right: 5px}
.blog-detail .blog-right .auth-area .by-jesus{ color: #ffffff !important; font-size: 18px; font-weight: 400; line-height: 30px; margin: 0}
.blog-detail .blog-right .auth-area .jesus-info{margin-right: 5px}
.blog-list .blog-cart .blog-design .detail-area .auth-area a { font-size: 16px; color: #ffffff; font-weight: 700; text-decoration: none; }

/* Blog Detail */

.blog-detail{ padding: 80px 0 0px 0;}
.blog-detail .blog-left { background: #304a67; border-radius: 20px; padding: 20px 20px 5px 20px;  position: sticky; top: 95px;}
.blog-detail .blog-left h4 { color: #fff; font-size: 21px; font-weight: 700; line-height: 20px; margin-bottom: 15px; }
.blog-detail .blog-left ul{ padding: 0px; list-style: none;}
.blog-detail .blog-left ul li {padding: 10px 15px; background: #fff; border-radius: 10px; margin-bottom: 10px;}
.blog-detail .blog-left ul li .date a{color: #304a67; font-size: 14px; font-weight: 400; line-height: 25px; text-decoration: none;}
.blog-detail .blog-left ul li .title a{ color: #304a67; font-size: 18px; font-weight: 700; line-height: 30px; text-decoration: none;}
.blog-detail .blog-left ul li .detail {color: #304a67; font-size: 14px; font-weight: 400; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.blog-detail .blog-left ul li .detail a{color:#304a67;  text-decoration: none;}
.blog-detail .blog-right .blog-detail-img {width: 100%;  height: 550px; border-radius: 20px; overflow: hidden;}
.blog-detail .blog-right a{color:#000; text-decoration: none;}
.blog-detail .blog-right .blog-detail-img img{ width: 100%; height: 100%; object-fit: cover;}
.blog-detail .blog-right .auth-area { display: flex; align-items: center; padding: 20px 0 ; margin-bottom: 30px; justify-content: space-between; border-bottom: 1px solid #cc9b38;}
.blog-detail .blog-right .auth-area h5 {color: #000; font-size: 18px; font-weight: 400; line-height:20px;  margin: 0}
.blog-detail .blog-right .auth-area h5 i{ margin-right: 5px; }
.blog-detail .blog-right .auth-area .date {color: #304a67; font-size: 16px; font-weight: 400; line-height: 20px; }
.blog-detail .blog-right h3 { color: #304a67; font-size: 36px; font-weight: 700; line-height: 35px; margin: 30px 0 10px 0; }
.blog-detail .blog-right p {color: #304a67; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 15px;}
.blog-detail .blog-right p a{color:#304a67}
.blog-detail .blog-right ul{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 14px;}
.blog-detail .blog-right ul li{color: #304a67; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 5px;}
.blog-detail .blog-right ul li a{color:#304a67}
.blog-detail .blog-right ol{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 14px;}
.blog-detail .blog-right ol li{color: #304a67; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 5px;}
.blog-detail .blog-right ol li a{color:#304a67}
/*.blog-detail .blog-right center{background: #ead9bf; padding: 15px 15px 1px 15px; margin: 15px 0; border-radius: 10px;}*/
.blog-detail #disqus_thread {background: #fff; border-radius: 10px; margin:15px 0px 0px 0px; padding: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.11); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.11);}
.split-service-btn {white-space: nowrap;border-radius: 15px !important;padding: 10px 20px !important;font-size: 15px !important;transition: all .3s;}

.chat-area-main .chat-box.chat-border{border-top:1px solid #dad3d3;}

.last-link{display:flex;align-items:center;text-decoration:none;justify-content:center;color:black;margin-bottom:30px;}
.last-icon{margin-left:10px;width:42px;height:32px;}
.last-icon img{width:100%;height:100%;}

    .business-detail-page .main-card .chatview-titlebar a.clear-convo.clear-convo-dd{top:18px;padding:8px 15px;}
    .chat-area-main .chat-box.chatt{min-height:500px;}

/* Bot Directoy */

.chat-bot-directory { text-align: center; margin-bottom: 50px; }
.chat-bot-directory h1 { font-size: 36px; color: #333; margin-bottom: 15px; font-family: 'Arial', sans-serif; }
.chat-bot-directory h2 { font-size: 20px; color: #777; margin-bottom: 40px !important; font-weight: 400; }
.chat-bot-directory .states-list { display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 30px; padding: 20px; }
.chat-bot-directory .states-list .state-card { background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%); border-radius: 12px; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); padding: 30px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; width: 100%; max-width: 300px; margin-bottom: 20px; position: relative; overflow: hidden; box-sizing: border-box; }
.chat-bot-directory .states-list .state-card:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }
.chat-bot-directory .states-list .state-icon svg { width: 50px; height: 50px; border-radius: 50%; background-color: #089f54; padding: 10px; margin-bottom: 20px; }
.chat-bot-directory .states-list .state-card h3 { font-size: 24px; color: #333; margin-bottom: 10px; font-weight: 600; }
.chat-bot-directory .states-list .state-card p { font-size: 16px; color: #777; margin-bottom: 20px; line-height: 1.5; }
.chat-bot-directory .states-list .state-card .btn { background-color: #089f54; color: white; padding: 10px 22px; border-radius: 50px; text-decoration: none; font-size: 16px; font-weight: 500; transition: background-color 0.3s ease, transform 0.3s ease; }
.chat-bot-directory .states-list .state-card .btn:hover { background-color: #089f54; transform: translateY(-3px); }
.chat-bot-directory .states-list .state-card .btn:focus { outline: none; }

.state-bot-directory { margin-bottom: 50px;}
.state-bot-directory h1 { font-size: 36px; color: #333; margin-bottom: 15px; font-family: 'Arial', sans-serif; }
.state-bot-directory h2 { font-size: 20px; color: #777; margin-bottom: 40px !important; font-weight: 400; }
.state-bot-directory .city-section .state-icon svg { width: 50px; height: 50px; border-radius: 50%; background-color: #089f54; padding: 10px; margin-right: 20px;}
.state-bot-directory .city-section .city-icon svg { width: 46px; height: 46px; border-radius: 50%; background-color: #089f54; padding: 10px; margin-right: 20px;}
.state-bot-directory .no-bot-found{justify-content: center;}
.disclaimer-section {padding-top: 10px;font-size: 14px;color: #666;text-align: center;}
.disclaimer-section p{margin-bottom: 0.25rem !important;}