/***** Colors ****/
:root {
  --blue: #041E3A;
  --yellow: #FBE946; 
  --white: #ffffff;
  --gray: #858585;
  --black: #000000;
}



* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

body{
    font-family: 'Space Grotesk', sans-serif;
}

h1, h2, h3, h4,h5, h6{
font-family: 'Kaisei HarunoUmi', serif;
color:var(--blue);
margin-bottom: 20px;
font-style: normal;
font-weight: 400;
}
h1{
  font-size: 52px;	
  line-height: 62px;
  width: 100%;
}
h2{
  font-size: 42px;	
  line-height: 52px;
}
h3{
  font-size: 36px;	
  line-height: 46px;
}
h4{
  font-size: 24px;	
  line-height: 34px;
}
h5{
  font-size: 20px;	
  line-height: 30px;
}

h6{
color: var(--gray);
font-family: Space Grotesk;
font-size: 16px;
line-height: 32px;
text-transform: uppercase; 
}
.p0{
	padding:0px;
}
.mt0, .site-btn.mt0{
	margin:0px;
}
.mt70{
	margin-top: 70px;
}


p, li, body, div {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}
p, li{
 margin-bottom: 20px;
}
p:last-child, li:last-child{
	margin-bottom: 0px;
}
ul{
	list-style: none;
}
a:not(.site-btn) {
	text-decoration: navajowhite;
	color: var(--gray) !important;
}

section {
	padding:100px 15px;
	position:relative;
	z-index: 1;
	background-size:100%  100%;
}
.container {
	max-width: 1440px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 70px;
}
.v-center{
	align-items: center;
}
.column {
	flex: 1;
}
.grow-2 {flex-grow: 2;} 
.grow-3 {flex-grow: 3;} 
.grow-4 { flex-grow: 4;}

.cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.card {
  flex: 1;
  background: #fff;
  padding: 30px;
  border-radius: 14px;
}

.site-btn {
  display: inline-block;
  text-decoration: none;
  color: var(--black);
  font-size: 16px;
  text-transform: uppercase;
  padding: 12px 40px;
  background: var(--yellow);
  font-weight: 500;
  margin-top: 40px;
  transition: 0.4s all;
  border: 2px solid var(--yellow);
  cursor: pointer;
}
p + .site-btn{
	margin-top:20px;
}

.site-btn:hover {
  background: var(--blue);
  color: var(--white);
  border: 2px solid var(--blue);
}

.site-btn.transparent-bt {
	background: transparent;
	color: var(--yellow);
}
.site-btn.transparent-bt:hover{
	background-color:var(--yellow);
	border-color: var(--yellow);
	color:var(--black);
}
.site-btn.blue-btn {
	background-color: var(--blue);
	color: var(--white);
	border-color: var(--blue);
}
.site-btn.blue-btn:hover{
	background-color: transparent;
	color: var(--blue);
}

.image-wrapper img {
	width: 100%;
}
.text-center {
	text-align: center;
}
.full-row{
	width:100%;
}
.button-wrapper {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-top:30px;
}

input::placeholder, input::-webkit-input-placeholder, input:-moz-placeholder, input:-ms-input-placeholder, select::placeholder, select   {
		color: #6B6B6B;
		font-family: Space Grotesk;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
}


input:focus::placeholder {color: transparent !important; text-transform:capitalize;}
input:focus::-webkit-input-placeholder { color:transparent !important; text-transform:capitalize; }
input:focus:-moz-placeholder { color:transparent !important; text-transform:capitalize; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent !important; text-transform:capitalize;} /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent !important;  text-transform:capitalize;} /* IE 10+ */

section.pt0 {
	padding-top: 0px;
}
.business-list .full-row {
	margin-bottom: 50px;
}
/**** Header CSS ****/
.main-header {
  padding: 20px 60px;
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
}
.main-header .container {
  max-width: 100%;
  justify-content: space-between;
  align-items: center;
}
.main-header .site-btn {
	padding: 5px 40px;
	margin: 0px;
	margin-left:15px;
}


#site-header {
	position: relative;
	z-index: 9;
	padding: 20px 15px;
  }
#site-header .container {
align-items: center;
}

  .search-form {
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  .search-form .site-btn {
	margin: 0px;
	cursor: pointer;
}
.search-form .site-btn:hover img{
	filter:invert() brightness(100)}
  .search-form  input {
	width: 100%;
	height: 51px;
	padding: 10px 20px;
	border: 0px !important;
	outline: 0px !important;
  }
  .search-form input:first-child {
	border-right: 1px solid #d6d6d6 !important;
  }
  .column.user-column {
	flex: unset;
	min-width: 170px;
}
.user-img-box {
	display: flex;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	overflow: hidden;
  }
  .user-img-box img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
  }
  .user-profile {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	z-index: 1;
  }

  .dropdown-arrow {
	display: block;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid var(--blue);
	border-right: 2px solid var(--blue);
	transform: rotate(45deg);
	transition: 0.3s all;
  }
  .user-dropdown-menu li:hover .dropdown-arrow {
	transform: rotate(-135deg);
}

  .sub-menu {
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	transition: 0.4s all;
	transform: translate(0px, -10px);
	opacity: 0;
	visibility: hidden;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
    left: 0;
    right: 0;
    top: 100%;
  }
  .user-dropdown-menu li:hover .sub-menu {
	opacity: 1;
	transform: translate(0px, 0px);
	visibility: visible;
}

  .user-dropdown-submenu li {
	margin-bottom: 0px;
  }
  .user-dropdown-submenu li a {
	display: block;
	font-size: 18px;
	color: var(--blue) !important;
	border-bottom: 1px solid #d6d6d66e;
	padding: 3px 14px;
	transition:0.3s all
  }
  .user-dropdown-submenu li a:hover {
	background: var(--yellow);
}
  .user-dropdown-submenu li:last-child a {
	border-bottom: 0px;
  }

  .user-dropdown-menu {
	max-width: 170px;
	margin-left: auto;
  }
  .user-dropdown-menu li {
	position: relative;
  }

/**** Menu Wrapper Css ***/
.menuWraper, nav.menu, .header-social-icon, .searchCard {
    display: flex;
    align-self: center;
    gap: 30px;
	position: relative;
}
.header-social-icon {
    gap: 15px;
}
.header-social-icon a,  .searchCard a, nav.menu a{
	color:var(--white) !important;
} 
.header-social-icon a:hover,  .searchCard a:hover, nav.menu a:hover{
	color:var(--yellow) !important;
} 
/**** For  White Header ****/

  .white-header nav.menu a{
	color:var(--blue) !important;
} 

.white-header .transparent-bt {
    border-color: var(--blue) !important;
    color: var(--blue);
}
.white-header .transparent-bt:hover {
    background: var(--blue);
    color: var(--white) !important;
}
 .white-header .searchCard a, .white-header .header-social-icon a {
    color: #ACACAC !important;
}
 .white-header nav.menu a:hover{
	color:var(--black) !important;
} 
.white-header .header-social-icon a:hover,  .white-header .searchCard a:hover{
	color:var(--yellow) !important;
}
.white-header .logo img {
    filter: invert(1);
}
/***** End ****/
nav.menu a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 14px;
}
.header-social-icon a {
    font-size: 16px;
}
.searchCard  form.search-form {
    position: absolute;
    top: 100%;
    right: 0;
    width: 600px;
    transition: 0.3s all;
	transform:translate(0px, -30px);
	opacity: 0;
	visibility: hidden;
}
.searchCard .search-form input {
    height: 42px;
    padding: 7px 20px;

}
.searchCard .search-form .site-btn {
    padding: 9px 15px;
}
.searchCard .site-btn  img {
    max-width: 18px;
}
.searchCard.active  form.search-form{
	transform:translate(0px, 0px);
	opacity: 1;
	visibility: visible;

}
span.closebutton {
    background: var(--blue);
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    right: 0;
    top: -30px;
	cursor: pointer;
}
span.closebutton::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background: var(--white);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
header.main-header.white-header {
    position: relative;
    background: #fff;
}

/***** Header CSS End ****/

/**** Main CSS Start ****/

.hero-banner {
	padding: 180px 15px 130px;
	background-size: cover;
}
.bg-overlay::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(1, 14, 29, 0.80) 33.72%, rgba(217, 217, 217, 0.00) 100%);
}
.banner-content h1, .banner-content h1 + p {
	color: var(--white);
}
.banner-content {
	width: 58%;
}
.card.business-card {
	flex: 1.4;
}
.business-card p, .customers-card p {
	font-size: 16px;
}
.highlighttext {
	background: var(--yellow);
}
.banner-content .cards-wrapper {
	margin-top: 50px;
}

.form-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  padding-right:200px ;
}
.form-wrapper input, .form-wrapper select, .form-wrapper textarea {
  background: var(--white) ;
  padding: 15px;
  border: 0px !important;
  text-transform: uppercase;
  font-size: 15px;
  color: var(--gray);
  width: 100%;
  outline: 0px !important;
}
.full-row.formfield-wrapper.social-medialinks, .registration-form-section .form-wrapper  {
	column-gap: 90px;
}
.social-medialinks .field.half-field {
	width: calc(100% / 2 - 45px);
}
.form-wrapper .col-30 {
  width: calc(30% - 10px);
}
.form-wrapper .col-40 {
  width: calc(40% - 20px);
}
.form-wrapper .col-20 {
  width: calc(20% - 20px);
}
.form-wrapper label {
  display: block;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
  font-weight: 500;
  letter-spacing: 1px;
}
.form-wrapper:not(.vendor-form) .submitbutton {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: max-content;
}
section:not(.single-list-search) .form-wrapper:not(.vendor-form) .submitbutton input {
  background: var(--yellow);
  width: 150px;
  height: 150px;
  border-radius: 100%;
  color: #000;
  font-family: Space Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 20px;
  cursor:pointer;
  transition:0.3s all;
}
.form-wrapper .submitbutton input:hover{
 background: var(--white) ;
}

.column.about-text {
	padding-left: 120px;
}
.business-section .card {
  text-align: center;
  text-transform: uppercase;
  border-radius: 30px;
  transition: 0.4s all;
}
.business-section .card:hover {
  background: var(--yellow);
}
.business-section .text-wrapper {
	padding: 0px 170px;
}
.work-list {
	margin: 40px 0px 10px;
}
.work-list li {
  position: relative;
  padding-left: 90px;
  color: #535353;
  font-family: Space Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.work-list li strong {
  display: block;
  color: #041E3A;
  font-family: Kaisei HarunoUmi;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.work-list li  em {
  position: absolute;
  width: 60px;
  height: 60px;
  background: var(--yellow);
  color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  left: 0;
  top: 0;
  font-family: Space Grotesk;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
}
#prForm .form-wrapper {
	justify-content: flex-start;
	text-align: left;
}
#prForm  .checkfield {
	margin-top: 10px;
}
.disclaimer-text {
	color: #6B6B6B;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 30px;
  }
  .disclaimer-text strong {
	color: var(--blue);
	font-weight: 500;
	letter-spacing: 0.5px;
  }
  .swiper-button-wrapper {
	display: flex;
	justify-content: center;
	gap: 30px;
}
.swiper-button-wrapper .swiper-button-next,  .swiper-button-wrapper .swiper-button-prev {
	position: static !important;
	transform:unset !important;
	margin: 0px !important;
}
/**** Single  Page CSS ****/
.infoBox {
	display: flex;
	flex-direction: column;
	gap: 5px;
  }
  .infoBox a.information {
	color: #000 !important;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 2px;
  }
  .infoicon {
	color: var(--blue);
	margin-right: 6px;
	font-size: 19px;
  }
  .banner-social-icons a {
	display: flex;
	border: 1px solid;
	width: 35px;
	height: 35px;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	margin: 0px;
}
.banner-social-icons {
	display: flex;
	gap: 8px;
	margin-top: 30px;
}
.list-top-section .button-wrapper {
	justify-content: flex-start;
	margin-top:0px;
}
.banner-social-icons a:hover, .infoBox a.information:hover {
	color: var(--blue) !important;
}
.site-btn i {
	margin-left: 5px;
}
.list-top-section .logo-wrapper {
	margin-bottom: 20px;
}
.map-wrapper iframe {
	width: 100%;
	height: 350px;
}
.product-wrapper {
	border: 2px solid var(--yellow);
	padding: 10px;
	background: rgba(251, 233, 70, 0.08);
}
.pad25{
	padding: 25px;
}

  .listSidebar {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.list-style li {
	position: relative;
	padding-left: 23px;
	margin-bottom: 10px;
}
.list-style li:last-child{
	margin-bottom: 0px;
}
.list-style li::before {
	content: "";
	width: 9px;
	height: 9px;
	position: absolute;
	background: var(--yellow);
	left: 0;
	top: 10px;
	border-radius: 10px;
	border: 2px solid var(--black);
}
.singleAbout-content {
	width: 70%;
}
.column.listSidebar {
	width: 35%;
	flex: unset !important;
}
.listSidebar .swiper-pagination {
	position: static;

}
.listSidebar .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}
.listSidebar .swiper-pagination-bullet-active{
	background:var(--yellow)
}
.column-qrCode .image-wrapper img {
	max-width: 150px;
	margin: auto !important;
	display: block;
}

.column-qrCode .image-wrapper img {
	max-width: 150px;
	margin: auto !important;
	display: block;
  }
  .heading-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: first baseline;
	margin-top: 10px;
	flex-wrap: wrap;
  }

  
  .review-rating a {
	display: block;
	line-height: normal;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 14px;
	text-align: right;
  }

  .business-section .swiper-slide .rating-card {
	justify-content: center;
	margin-bottom: 20px;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 0px;
}
.business-section .swiper .card:hover :not(.location img) {
	transform: translate(0px, -5px);
}
.button-wrapper-2 {
	justify-content: flex-end !important;
	text-align: right;
}
.link {
	text-decoration: underline !important;
	font-size: 15px;
}
.link:hover{
	color:var(--blue) !important;
}
.list-top-section .container {
    align-items: center;
}
.business-section .full-row a.site-btn {
    margin: 0px;
}
.list-info-card {
	background: #fff;
	padding: 20px;
	margin-top: 50px;
	display: flex;
	justify-content: space-around;
  }
  .list-info-card small {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	line-height: normal;
	color: var(--blue);
	margin-bottom: 5px;
  }
  .list-info-card  strong {
	font-family: Kaisei HarunoUmi;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: var(--blue);
  }
  .info-text {
	text-align: center;
  }

  .site-btn.direction-btn {
	width: 100%;
	margin-top: -10px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.site-btn.direction-btn:hover img {
	filter: invert();
}
.column.column-qrCode {
	min-width: 40%;
}
.rev-wrap {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	text-align: right;
	gap: 10px;
	align-items: first baseline;
}
/****** Rating *****/
.review-rating {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	line-height: 20px;
}

/**** Card  Slider CSS ***/

.business-section  .swiper-button-prev::after, .business-section  .swiper-rtl .swiper-button-next::after,
.business-section .swiper-button-next::after,  .business-section .swiper-rtl .swiper-button-prev::after{
	font-size: 21px;
	color: var(--white);
}


.business-section .swiper-button-prev, .business-section .swiper-button-next {
	width: 40px;
	height: 40px;
	background: var(--blue);
	border-radius: 100%;
	transition:0.4s all;
}
.business-section .swiper-button-prev:hover, .business-section .swiper-button-next:hover{
	background: var(--yellow);
}
.business-section .swiper-button-prev:hover::after, .business-section .swiper-button-next:hover::after{
	color: var(--blue);
}

.business-section .swiper-button-next{
	right:-0px;
}
.business-section  .swiper, .business-section  .swiper {
	padding-bottom: 50px;
}
.business-section .swiper .icon {
	max-width: 80px;
	height: 80px;
	overflow: hidden;
	margin: auto auto 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.business-section .swiper .icon img {
	width: 80px;
	height: 80px;
	object-fit: contain;
}
.icon.text-icon span {
	color: var(--white);
	font-size: 30px;
	font-weight: 800;
}
.icon.text-icon {
	background: var(--blue);
	border-radius: 100%;
}
.business-section .swiper .tags {
	display: block;
	font-size: 14px;
	background: var(--yellow);
	width: max-content;
	margin: auto auto 16px;
	padding: 5px 20px;
	border-radius: 30px;
	line-height: normal;
	font-weight: 500;
	letter-spacing: 1px;
	transition:0.3s all;
  }
  .business-section .swiper .card:hover .tags {
	background: var(--white);
}
  .business-section .swiper .card {
	font-size: 16px;
	line-height: 26px;
  }
  .business-section .swiper .location {
	display: block;
	text-transform: none;
	line-height: normal;
	color: var(--blue) !important;
	font-size: 14px;
}
.business-section .swiper .location img {
	margin-top: 3px;
	margin-bottom: -2px;
}
  .business-section .swiper  .bigp {
	font-size: 18px;
	margin-bottom: 4px;
	line-height: 25px;
  }
  .business-section .swiper .bigp strong {
	font-weight: 500;
  }
  .business-section .swiper .rate {
	margin-bottom: 10px;
  }
  .business-section .swiper .card *{
     transition:0.3s all;
  }

  .card-rating .rating {
	transform: scale(0.6);
}
.card-rating #fivestars path{
	fill: #fff  !important;
}
.business-section .swiper .card:hover .card-rating #fivestars path{
	fill: #fbe946 !important;
}

/**** Testimonial *****/
.testimonial-card {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 40px;
    margin-bottom: 27px;
}
.testimonial-card:last-child{
	border: 0px;
	padding: 0px;
}
.testimonial-section .container {
    gap: 0;
}
  .testimonial-card p {
	flex-grow: 1;
	font-size: 16px;
	line-height: 26px;
  }

  .testimonial-name {
    line-height: normal;
    margin-bottom: 0;
}
  .city {
	display: block;
	font-size: 14px;
	color: var(--black);
  }
  .star {
	font-size: 14px;
	line-height: normal;
	display: block;
	color: orange;
  }
  .testimonial-header {
	margin-bottom: 30px;
  } 
  .posted-on {
	font-size: 12px;
	border-radius: 20px;
	color: var(--gray);
	text-transform: capitalize;
	line-height: 26px;
}

.testimonial-header {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: first baseline;
}
.star-card {
    display: flex;
    align-self: center;
    gap: 10px;
}
.star-card span.star {
    font-size: 18px;
}

/**** Footer CSS Start ***/
.main-footer, .cta-section{
	padding: 60px 15px;
}
.cta-section {
	background: var(--yellow);
}
.cta-section .column + .column, .copyright .column + .column {
	text-align: right;
}
.main-footer .column a {
	display: block;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 11px;
	transition:0.3s all;
}
.main-footer .column a:last-child{
	margin-bottom:0px;
}
.main-footer .column a:hover{
	color:var(--black) !important;
}
.main-footer .column {
	border-right: 1px solid #8585851f;
}
.main-footer .column:last-child {
	border-right: 0px;
}
.newsletter-form label {
	font-size: 14px;
	text-transform: uppercase;
	color: #6B6B6B;
	font-weight: 500;
	letter-spacing: 1px;
	display: block;
}
.newleter-input {
  position: relative;
  padding-right: 60px;
}
.newleter-input input:not(.button) {
  padding: 15px 15px;
  display: block;
  width: 100%;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  letter-spacing: 1px;
  box-shadow: 0px !important;
  outline: 0px !important;
}
.newleter-input .button-wraper {
	border: 0px;
	font-size: 0px;
	width: 62px;
	height: 100%;
	background-color: var(--blue);
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 1;
}
.newleter-input input.button {
  border: 0px;
  font-size: 0px;
  width: 62px;
  height: 100%;
  background: transparent;
  position: absolute;
  left: 0;
  top:0;
  cursor: pointer;
}
.social-icons {
	margin-top: 20px;
	display: flex;
	gap: 20px;
}
.social-icons a{
	margin-bottom: 0px;
	opacity: 0.7;
}

.social-icons a:hover{
	opacity: 1;
}

.copyright {
	padding: 20px 15px;
	border-top: 1px solid #f0f0f0;
}

.copyright * {
	color: var(--gray) !important;
	font-size: 16px;
}
.copyright a{
	margin-left:10px;
	transtion:0.4s all;
}
.copyright a:first-child{
	margin-right:10px;
}
.copyright a:hover{
	color:var(--black) !important;
}

.top-curve, .bottom-curve {
	height: 11px;
	background-size: 100% 14px;
	background-position: center bottom;
}
.top-curve {
	transform: rotate(180deg);
	position: relative;
	z-index: 1;
}
.top-curve.light-bg {
	background: #fff !important;
}

/**** Gallery  CSS ***/

.gallery-container {
	gap: 10px !important;
}
.gallery-item {
	flex-basis: calc(100% / 5 - 8px);
	margin-bottom: 6px;
	opacity: .98;
	cursor: pointer;
}
.gallery-item:hover {
    opacity: 1;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-content {
    font-size: .8em;
}

.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;              
    overflow: auto;
    top: 0;
    left: 0;
	z-index: 9999;
}
.lightbox-content {
    position: relative;
    width: 70%;
    height: 70%;
    margin: 5% auto;
}
.lightbox-content img {
    border-radius: 7px;
    box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 7px;
    top: 45%;
    cursor: pointer;
}
.lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}

/**** Listing Page  CSS Start *****/
.business-list .container {
	gap: 0px;
}

.small-text {
	font-size: 16px;
	line-height: 26px;
}
.business-list .listing-card {
	display: flex;
	gap: 40px;
	border: 1px solid #D9D9D93B;
	padding: 30px;
	margin-bottom: 50px;
	background: #fff;
}
/* .business-list .listing-card:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
} */
  .business-list .listing-card .column {
	flex: unset;
  }
  .listing-logo {
	display: block;
	border: 1px solid #D9D9D94A;
	line-height: 0;
}
  .listing-logo img {
	max-width: 180px;
	height: 100% !important;
	margin: auto;
	object-fit: cover;
	padding: 5px;
}
.listing-card  h4 {
	font-size: 36px;
	line-height: 46px;
  }
  .listing-card h4 a {
	color: var(--blue) !important;
  }
  .listing-card h4 a:hover {
	color: var(--gray) !important;
  }
  .tags {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
  }
  .tags span:not(.rating-card, .rating-card span) {
	font-size: 16px;
	background: var(--yellow);
	line-height: normal;
	padding: 7px 20px;
	list-style: 27px;
}

  .listing-card .infoBox {
	flex-direction: unset;
	gap: 20px;
	flex-wrap: wrap;
  }
  .listing-card .infoBox a.location {
	text-transform: uppercase;
}
.business-list .listing-card .column .rate {
	min-width: 320px;
}
.desciption {
	margin-top: 15px;
	color: var(--gray);
}
.pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
	width: 100%;
  }
  .pagination a {
	width: 40px;
	height: 40px;
	border: 1px solid #D9D9D9;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	color: var(--black) !important;
	transition: 0.4s all;
	cursor: pointer;
  }
  .pagination a:hover, .pagination a.page.active {
	background: var(--yellow);
	border-color: var(--yellow);
  }
  

/***** Business Registration  Page  Css ****/
fieldset:not(:first-of-type) {
    display: none;
  }
.field.card-number input {
	padding-right: 80px;
}
#multistepsform {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
  }

  #progressbar {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 100px;
  }
  .field.card-number {
	position: relative;
  }
  .cardsImages {
	position: absolute;
	right: 1px;
	background: #f1f1f1;
	padding: 7px 19px;
	bottom: 3px;
  }
#progressbar li {
	width: 45px;
	height: 45px;
	cursor: pointer;
	border: 1px solid #9999;
	display: flex;
	justify-content: center;
	border-radius: 100%;
	align-items: center;
	transition:0.3s all;
	position: relative;
}
#progressbar li.active, #progressbar li:hover {
	background: var(--yellow);
	border-color: var(--yellow);
}
#progressbar li::after {
	content: "";
	position: absolute;
	width: 101px;
	height: 1px;
	background: #d5d5d5;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 100%;
}
#progressbar li:last-child::after {
   display:none;
}
.registration-form-section .form-wrapper label {
	color: var(--blue);
}
.registration-form-section  .form-wrapper {
	padding-right: 0px;
	border: 0px;
	text-align: center;
	justify-content: center;
}
fieldset {
	border: 0px;
}
.field.upload-field {
	border: 1px solid #d1d1d1;
	position: relative;
	padding: 30px;
}

.form-wrapper input[type="button"] {
	margin-top: 40px;
}
.field.upload-field input {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	cursor: pointer;
	text-align: center;
}
.qr-code {
	max-width: max-content;
	margin: auto auto 30px;
}
.qr-code img {
	margin: auto;
	display: block;
}
.qr-code label {
	color: var(--gray) !important;
	text-transform: none;
}
.biz-logo .uploadlogo-image {
	width: 100px;
	display: inline-block;
	height: 100px;
	border: 2px solid #d1d1d1;
	padding: 10px;
	border-radius: 100%;
	position: relative;
}
.biz-logo-icon {
	width: 40px;
	height: 40px;
	position: absolute;
	background: var(--yellow);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	bottom: 0px;
	right: -10px;
}
.registration-form-section input, .registration-form-section select, .registration-form-section textarea {
	width: 100%;
	border: 1px solid #D9D9D9 !important;
	padding: 15px;
	outline: 0px !important;
	box-shadow: unset !important;
	opacity: 1;
	font-family: Space Grotesk;
	font-weight: 400;
}
.registration-form-section input::placeholder,  .registration-form-section textarea::placeholder{
	opacity: 1;
}
.social-medialinks input::placeholder, .social-medialinks input {
	text-transform: none !important;
}
.registration-form-section textarea{
	height:180px;
}
.biz-logo {
	width: 100%;
	border-radius: 100%;
}
.field.upload-field.biz-logo {
	border: 0px;
	padding: 0px;
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 40px;
}
.note {
	text-align: left;
	width: 100%;
	display: block;
	color: #6B6B6B;
	font-size: 12px;
}
.formfield-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	column-gap: 10px;
  }
  .formfield-wrapper h3 {
	width: 100%;
	margin-bottom: 0px;
	text-align: left;
}
.mt50{
	margin-top:50px;
}
.field.upload-field em {
	display: block;
	font-style: normal;
	text-align: center;
	font-size: 16px;
	color: var(--gray);
}
  .field {
	width: 100%;
  }
  .field.half-field {
	width: calc(100% / 2 - 5px);
  }
  .field.upload-field.upload-menu {
	border-style: dashed;
	border-width: 1px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	margin-top: -30px;
}
.social-medialinks input {
	padding-left: 60px;
}
.form-social-icon {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	padding: 9px;
	width: 50px;
	text-align: center;
}
.social-medialinks .field{
   position: relative;
}
.field.multi-flle.upload-menu.upload-field {
	margin-top: 20px;
	text-align: center;
}
.file-chooser {
	display: flex;
	z-index: 11;
	width: 100%;
	height: 100px;
	gap: 10px;
  }
  .file-chooser span {
	border: 1px solid #f1f1f1;
	flex: 1;
	background: #f1f1f1;
  }
  .checkfield {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 13px;
	margin-bottom: 20px;
	margin-top:40px;
  }
  .checkfield label {
	flex: 1;
	color: #6B6B6B !important;
	font-weight: 400;
	text-transform: unset;
	font-size: 16px;
	line-height: 26px;
  }
  .checkfield input {
	width: auto;
	height: auto;
	margin-top:5px;
  }

.field.plans-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
  }
  .planField {
	width: calc(100% / 2 - 15px);
	border: 1px solid #d1d1d1;
	display: flex;
	padding: 10px;
	align-items: center;
	justify-content: space-between;
	position: relative;
  }
  .planField input {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 11;
	height: 100%;
}
.planField input ~ .planName::before , .planField input ~ .planName::after, .plantype .planField input ~ span::before, .plantype .planField input ~ span::after{
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	border: 1px solid #D9D9D9;
	transition:0.3s all;
}
.planField input:checked ~ .planName::before, .plantype .planField input:checked ~ span::before{
    background-color:var(--yellow);
	border-color: var(--yellow);
}
.planField input ~ .planName::after, .plantype .planField input ~ span::after {
	border-left: 0px;
	border-top: 0;
	transform: rotate(45deg) translate(6px, -8px);
	width: 5px;
	height: 13px;
	border-width: 2px;
	border-color: var(--blue);
	opacity: 0;
}
.planField input:checked ~ .planName::after, .plantype .planField input:checked ~ span::after{
   opacity: 1;
}
  .planName {
	flex: 1;
	text-align: left;
	padding-left: 50px;
	color: var(--blue);
	font-family: Kaisei HarunoUmi;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	text-transform: capitalize;
  }
  .planButton {
	background: #D9D9D9;
	padding: 15px 30px;
	font-size: 14px;
	line-height: normal;
	text-transform: uppercase;
	margin-left: 40px;
	font-weight: 500;
  }
  .offer {
	font-size: 18px;
	background-image: url('images/star-background.svg');
	width: 60px;
	height: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	line-height: normal;
	padding: 11px;
	background-size: contain;
}
  .offer small {
	width: 100%;
	line-height: normal;
	display: block;
	font-size: 12px;
  }

  .plantype {
	display: flex;
	margin-top: 50px;
	justify-content: center;
	text-align: center;
	gap: 20px;
  }
  .plantype .planField {
	width: auto;
	background: var(--blue);
	border: 0px;
	padding: 10px 30px 10px 60px;
	color: #fff;
}
.plantype .planField input ~ span::before, .plantype .planField input ~ span::after{
	left:30px;

}
.plantype .planField input ~ span::before{
	width:20px;
	height:20px;
}
.plantype .planField input ~ span::after{
	transform: rotate(45deg) translate(4px, -6px);
}
  .plantype .planField.reactivate-plan {
	background: var(--yellow);
	color: var(--black);
}
.plantype .planField.reactivate-plan {
	background: var(--yellow);
}
.plantype .planField.reactivate-plan {
	background: var(--yellow);
	color: var(--blue);
}
.plantype .planField.reactivate-plan input ~ span::before, .plantype .planField.reactivate-plan input ~ span::after{
   border-color:var(--blue)
}
.plantype .planField.reactivate-plan input:checked ~ span::before{
   background:#fff;
   border-color:#fff;
}

.step-3 h3 {
	margin-bottom: 0px;
}
.step-3 h3 + small {
	display: block;
	margin-bottom: 50px;
	color: var(--gray);
}
#msform {
	width: 100%;
}
.registration-form-section input.action-button, .registration-form-section input.previous, .button-wrapper .site-btn  {
	width: auto !important;
	padding: 13px 40px !important;
	border: 0px !important;
	font-size: 16px;
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	display: inline-block !important;
	transtion:0.3s all;
}

.registration-form-section input.action-button, .registration-form-section input.previous:hover,.registration-form-section .button-wrapper .site-btn.cancel-btn,  .registration-form-section .button-wrapper .site-btn.submit-btn:hover{
	background: var(--yellow) !important;
	color: var(--blue) !important;
}
.registration-form-section input.previous, .registration-form-section input.action-button:hover, .registration-form-section .button-wrapper .site-btn.cancel-btn:hover,  .registration-form-section .button-wrapper .site-btn.submit-btn {
	background: var(--blue) !important;	
	color: var(--white) !important;

}
.field.notice-card p {
	color: var(--gray);
}
.field.notice-card p.heading-para {
	font-size: 14px;
	color: var(--blue);
	  text-transform: uppercase;
	  margin-bottom: 10px;
  
  }
  .field.notice-card p {
	color: var(--gray);
  }
  .field.notice-card p.heading-para strong {
	color: red;
	font-weight: 500;
  }
  #prForm .container {
	max-width:950px;
}

.sorting-row {
	display: flex;
	justify-content: space-between;
  }
  
  .sorting-wrapper label {
	font-size: 16px;
	text-transform: uppercase;
	margin-right: 5px;
  }
  .sorting-wrapper select {
	background: transparent !important;
	border: 1px solid #d6d6d6 !important;
	padding: 8px 10px;
	text-transform: uppercase;
	font-size: 14px;
	color: var(--gray);
	letter-spacing: 1px;
	font-weight: 500 !important;
  }


/************************************ Rating  Start *******/
.rating-card {
	display: flex;
	align-items: center;
	gap: 20px;
  }
  .total-review {
	font-size: 13px;
  }

[data-star] {
	text-align:left;
	font-style:normal;
	display:inline-block;
	position: relative;
	unicode-bidi: bidi-override;
	letter-spacing: 2px;
  }
  [data-star]::before { 
	display:block;
	content:"\f005 \f005 \f005 \f005 \f005" ;
	font: normal normal normal 14px/1 FontAwesome;
	color:#bfbbbb;
	font-size: 18px;
  }
  [data-star]::after {
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	/* content: '★★★★★'; */
	content:"\f005 \f005 \f005 \f005 \f005" ;
	font: normal normal normal 14px/1 FontAwesome;
	width: 0;
	color: orange;
	overflow:hidden;
	height:100%;
	font-size: 18px;
  }
[data-star^="0.1"]::after{width:2%}[data-star^="0.2"]::after{width:4%}[data-star^="0.3"]::after{width:6%}[data-star^="0.4"]::after{width:8%}[data-star^="0.5"]::after{width:10%}[data-star^="0.6"]::after{width:12%}[data-star^="0.7"]::after{width:14%}[data-star^="0.8"]::after{width:16%}[data-star^="0.9"]::after{width:18%}[data-star^="1"]::after{width:20%}[data-star^="1.1"]::after{width:22%}[data-star^="1.2"]::after{width:24%}[data-star^="1.3"]::after{width:26%}[data-star^="1.4"]::after{width:28%}[data-star^="1.5"]::after{width:30%}[data-star^="1.6"]::after{width:32%}[data-star^="1.7"]::after{width:34%}[data-star^="1.8"]::after{width:36%}[data-star^="1.9"]::after{width:38%}[data-star^="2"]::after{width:40%}[data-star^="2.1"]::after{width:42%}[data-star^="2.2"]::after{width:44%}[data-star^="2.3"]::after{width:46%}[data-star^="2.4"]::after{width:48%}[data-star^="2.5"]::after{width:50%}[data-star^="2.6"]::after{width:52%}[data-star^="2.7"]::after{width:54%}[data-star^="2.8"]::after{width:56%}[data-star^="2.9"]::after{width:58%}[data-star^="3"]::after{width:60%}[data-star^="3.1"]::after{width:62%}[data-star^="3.2"]::after{width:64%}[data-star^="3.3"]::after{width:66%}[data-star^="3.4"]::after{width:68%}[data-star^="3.5"]::after{width:70%}[data-star^="3.6"]::after{width:72%}[data-star^="3.7"]::after{width:74%}[data-star^="3.8"]::after{width:76%}[data-star^="3.9"]::after{width:78%}[data-star^="4"]::after{width:80%}[data-star^="4.1"]::after{width:82%}[data-star^="4.2"]::after{width:84%}[data-star^="4.3"]::after{width:86%}[data-star^="4.4"]::after{width:88%}[data-star^="4.5"]::after{width:90%}[data-star^="4.6"]::after{width:92%}[data-star^="4.7"]::after{width:94%}[data-star^="4.8"]::after{width:96%}[data-star^="4.9"]::after{width:98%}[data-star^="5"]::after{width:100%}
/***** Star  Rating  ****/


.sidewar-wrapper.sidwarslider img {
	width: 100%;
	height: 100%;
}
.listing-banner h1 {
	margin: 0px;
}
.payment-info-wrapper h3 {
	margin-bottom: 0px;
}
.payment-info-wrapper small{
	margin-bottom: 50px;
	display: block;
}
#prForm .button-wrapper {
	margin-top: 0px;
	align-items: first baseline;
}

.searchSection .form-wrapper .col-20 {
	width: 20%;
}

.vendor-form .full-row {
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	padding: 25px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
}
.vendor-form .full-row::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 20px;
	background: #fff;
	right: 100px;
	bottom: 100%;
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

  .vendor-form .full-row input {
	border: 1px solid #D9D9D9 !important;
  }
  .vendor-form label {
	color: var(--blue);
  }
  .vendor-form.form-wrapper {
	margin-bottom: -180px;
	padding: 0px;
	max-width:calc(100% - 200px)
}
.searchSection {
	z-index: 3;
}
.vendor-input {
	flex: 1;
}
.vendor-form .submitbutton .site-btn, .site-btn-2 {
	background: var(--yellow) !important;
	color: var(--black) !important;
	padding: 13px 110px;
	font-size: 18px !important;
	border-color: var(--yellow) !important;
	margin: 0px;
	font-weight:500 !important;
	cursor: pointer;
}
input [type="submit"]{
	cursor:pointer;
}
.vendor-form .submitbutton .site-btn:hover {
	background: var(--blue) !important;
	border-color: var(--blue) !important;
	color: var(--white) !important;
}
.site-btn-2:hover {
	background: var(--white) !important;
}
.site-btn-2 {
	padding: 14px 20px !important;
}
.vendortext {
	text-align: right;
	width: 100%;
	text-transform: uppercase;
	color: var(--yellow);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 0px;
}
.searchSection .container {
	gap: 20px;
}
.vendor-listingsection .listing-card {
	width: calc(100% / 2 - 10px);
	padding: 30px;
	border: 1px solid #D9D9D9;
	margin:0px;
}
.vendor-listingsection .container {
	gap: 20px;
}
.vendor-listingsection .listing-logo img {
	max-width: 130px;
}
.vendor-listingsection  .listing-card h4 {
	font-size: 28px;
	line-height: 38px;
}
.business-list {
	padding-top: 180px;
}
.searchSection.single-list-search .form-wrapper .col-20 {
	width: calc(20% - 20px);
}
.single-list-search form:not(.vendor-form) .submitbutton {
	margin-top: auto !important;
	margin-bottom: 0px !important;
	width: 180px;
}
.container .container {
    width: 100%;
}
.review-bar small {
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}
.review-bar {
    background: #F4F4F4;
    padding: 30px 30px 20px 30px;
	margin:40px auto;
}
.review-bar .column + .column div {
    width: max-content;
    margin-left: auto;
}
.column-qrCode .image-wrapper {
    margin-bottom: 40px;
}
/***** Star Rating ****/

.rating-group { display: inline-flex; margin-left:-0.6em;}
.rating__icon {pointer-events: none;}
.rating__input { position: absolute !important;left: -9999px !important;}
.rating__label {cursor: pointer; padding: 0 0.1em; font-size: 18px;}
.rating__icon--star { color: orange;}
.rating__icon--none {color: #eee;}
.rating__input--none:checked + .rating__label .rating__icon--none { color: red;}
.rating__input:checked ~ .rating__label .rating__icon--star { color: #ddd;}
.rating-group:hover .rating__label .rating__icon--star {color: orange;}
.rating__input:hover ~ .rating__label .rating__icon--star { color: #ddd;}
.rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {color: #eee;}
.rating__input--none:hover + .rating__label .rating__icon--none {color: red;}
.rating__label--half {padding-right: 0;margin-right: -0.6em; z-index: 2;}


 
/**** Media Query Start ***/

@media(min-width:1600px){
.image-wrapper.work-image {
width: calc(100% + 100px);
margin-left: -100px;
}
}

@media (max-width:1600px){
.main-header {
   padding: 20px 15px;
}
}

@media (max-width:1440px){
.banner-content {
  width: 78%;
}
.menuWraper, nav.menu, .searchCard {
    gap: 20px;
}
.header-social-icon {
    gap: 10px;
}
.column.about-text {
	padding-left: 0px;
}
.container {
	gap: 50px;
}
h2 {
	font-size: 45px;
	line-height: 55px;
}
.work-list li strong {
	font-size: 21px;
	margin-bottom: 5px;
}
.work-list li {
	padding-left: 70px;
	font-size: 16px;
	line-height: 25px;
}
.work-list li em {
	position: absolute;
	width: 50px;
	height: 50px;
}
h6 {
	line-height: 26px;
	margin-bottom: 5px;
}
.business-section .card {
	padding: 20px;
}
.business-section .swiper .icon {
	max-width: 65px;
	height: 65px;
}
.infoBox a.information {
	font-size: 14px;
}
}

@media(max-width:1199px){
	.banner-content {
	width: 100%;
}
.listing-logo img {
	max-width: 140px;
}
.business-list .listing-card {
	gap: 25px;
	padding: 20px;
	margin-bottom: 15px;
}
.business-list .pagination {
	margin-top: 20px;
}
.infoBox a.information {
	font-size: 13px;
}
h1 {
	font-size: 42px;
	line-height: 62px;
}
h2 {
	font-size: 38px;
	line-height: 48px;
}
.listing-card h4 {
	font-size: 28px;
	line-height: 38px;
}
.user-dropdown-menu {
	max-width: 140px;
}
.column.user-column {
	min-width: 140px;
}

.hero-banner {
	padding: 120px 15px 90px;
	background-size: cover;
}
.logo img {
	max-height: 52px;
}
section {
	padding: 80px 15px;
}
.site-btn {
	padding: 8px 30px;
	border: 2px solid var(--yellow);
}
.business-section .text-wrapper {
	padding: 0px 0px;
}
h3 {
	font-size: 35px;
	line-height: 45px;
}
.main-footer .container {
	gap: 15px;
}
#progressbar li {
	width: 40px;
	height: 40px;
	margin-bottom: 0px;
}
#progressbar {
	margin-bottom: 60px;
	gap: 50px;
}
#progressbar li::after {
	width: 51px;
}
.full-row.formfield-wrapper.social-medialinks, .registration-form-section .form-wrapper {
	column-gap: 50px;
}
.registration-form-section input, .registration-form-section select, .registration-form-section textarea {
	padding: 12px;
}
.planName {
	font-size: 26px;
	line-height: 26px;
}
.planButton {
	padding: 8px 30px;
}
.offer {
	font-size: 13px;
	width: 45px;
	height: 45px;
	line-height: 12px;
	padding: 10px;
}
.social-medialinks input {
	padding-left: 50px !important;
}
.cardsImages {
	bottom: 1px;
}
}


@media (max-width:1024px){

h1 {
	font-size: 36px;
	line-height: 46px;
}
.top-curve, .bottom-curve {
	height: 10px;
}
section {
	padding: 60px 15px;
}
h2 {
	font-size: 33px;
	line-height: 45px;
}
.container {
	gap: 30px;
}
p, li, body, div {
	font-size: 17px;
	line-height: 28px;
}

.workSection .column {
	flex: unset;
	width: 100%;
}
.workSection .container {
	flex-wrap: wrap-reverse;
}
h4 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 10px;
}
.form-wrapper {
	padding-right: 0px;
}
.submitbutton {
	position: static;
	margin: 0px;
}
.form-wrapper .submitbutton input {
	width: auto;
	height: auto;
	font-size: 16px;
	border-radius: 0px;
}
h5 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
}
.main-footer, .cta-section {
	padding: 40px 15px;
}
.main-footer .column:last-child {
	min-width: 100%;
	margin-top: 40px;
	border-top: 1px solid #f3f3f3;
	padding-top: 40px;
}
.main-footer .column:nth-child(3){
	border:0px;
}
.logo-wrapper img {
	max-width: 120px;
}
.list-top-section .button-wrapper {
	margin-top: 30px;
	gap:10px
  }
  .list-top-section .button-wrapper .site-btn {
	padding: 10px 25px !important;
  }
  .heading-wrapper {
	justify-content: center;
}
.rev-wrap {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	flex:unset;
	margin-top:-10px;
}
.review-rating {
	font-size: 13px;
}
.list-info-card strong {
	font-size: 23px;
}
.list-info-card small {
	font-size: 12px;
}
.list-info-card {
	padding: 10px;
	margin-top: 20px;
}
.small-text {
	font-size: 15px;
	line-height: 25px;
}
.button-wrapper.button-wrapper-2 {
	margin-top: 10px !important;
	justify-content: center !important;
}
.column.column-qrCode {
	border: 1px solid #d6d6d612;
	padding: 10px;
	height: max-content;
	background: #fafafa70;
}
.sorting-row h2 {
	font-size: 28px;
	line-height: 38px;
	margin: 0px;
}
.business-list .full-row {
	margin-bottom: 30px;
	align-items: center;
}
.sorting-wrapper label {
	font-size: 14px;
}
.sorting-wrapper select {
	padding: 5px 6px;
	font-size: 12px;
}
.listing-logo img {
	max-width: 100px;
}
.business-list .listing-card {
	flex-wrap: wrap;
	justify-content: space-between;
}
.business-list .listing-card .column.listing-info {
	width: 100%;
	order: 3;
}
.tags span {
	font-size: 14px;
	padding: 4px 7px;
}
.form-wrapper label {
	font-size: 13px;
}
.registration-form-section .form-wrapper .column {
	width: 100%;
	flex: unset;
}
.social-medialinks .field.half-field {
	width: calc(100% / 2 - 10px);
}
.full-row.formfield-wrapper.social-medialinks, .registration-form-section .form-wrapper {
	column-gap: 20px;
}
.checkfield label {
	font-size: 16px !important;
	line-height: 23px !important;
	margin-top: -1px;
}
.planButton {
	padding: 8px 10px;
	margin-left: 20px;
}
.planName {
	font-size: 20px;
	line-height: 20px;
}
/******* Header CSS *******/
.toggle-menu {
    display: block !important;
    position: absolute;
    width: 45px;
    height: 45px;
    background: var(--yellow);
    top: 20px;
    right: 20px;
    z-index: 999;
    cursor: pointer;
    padding: 6px 3px;
}
.active-nav .toggle-menu {
    position: fixed;
    z-index: 999;
}

.toggle-menu span {
    width: 30px;
    height: 2px;
    display: block;
    background: var(--blue);
    margin: 7px 5px;
    border-radius: 3px;
}
.active-nav .toggle-menu span:first-child {
    transform: rotate(45deg) translate(10px, 16px);
    transform-origin: right;
}
.active-nav .toggle-menu span:nth-child(2) {
    transform: rotate(-45deg) translate(5px, -12px);
    transform-origin: right;
}
.active-nav .toggle-menu span:last-child{
	display: none;
}
.menuWraper {
    position: fixed;
    background: #fff;
    top: 0;
    max-width: 390px;
    right: 0;
    padding: 90px 25px 25px;
    min-height: 100vh;
    display: block;
    z-index: -99;
    transform: translate(230px, 0px);
    opacity: 0;
    visibility: hidden;
	transition:0.3s all ease;
	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
}
.active-nav .menuWraper {
	z-index: 99;
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
}
nav.menu  {
    display: block;
}
nav.menu, .menuWraper .headerbtns, .searchCard {
	margin-bottom:40px;
}

nav.menu a {
    display: block;
    margin-bottom: 14px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d6d6d6;
}
nav.menu a:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;;
}
.menuWraper .headerbtns {
    display: flex;
    align-self: center;
    gap: 14px;
}

.menuWraper .headerbtns a {
    padding: 5px 10px;
    font-size: 16px;
    margin: 0px;
    line-height: normal;
}
.searchCard form.search-form {
    position: relative;
    transform: unset;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    border: 1px solid #d6d6d6;
}
.searchCard a.search-button, .searchCard span.closebutton {
    display: none;
}
.header-social-icon a, .white-header .header-social-icon a {
    color: var(--blue) !important;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-self: center;
    font-size: 20px;
    line-height: 20px;
    padding: 5px;
    background: var(--yellow);
}
.header-social-icon a:hover, .white-header .header-social-icon a:hover{
	color: var(--yellow) !important;
	background: var(--blue) !important;

}
nav.menu a {
    color: var(--blue) !important;
}
.site-btn.transparent-bt {
    background: transparent;
    color: var(--blue);
    border-color: inherit;
}
/******* Header CSS End ******/
.searchSection  .col-30 {
    width: calc(100%/ 2 - 10px);
}

.searchSection  .col-20 {
    width: calc(35% - 10px) !important;
}

.searchSection  .submitbutton {
    width: calc(30% - 20px) !important;
}
.searchSection .submitbutton input.site-btn-2 {
    width: 100%;
}
.vendor-form.form-wrapper {
    max-width: 100%;
}
.vendor-form .full-row::before {
    bottom: 98%;
}

.searchSection .form-wrapper.vendor-form  .submitbutton input {
    padding: 13px 30px !important;
    width: 100%;
}
.homeSearch .col-20 {
    width: 20% !important;
}
.homeSearch form.form-wrapper:not(.vendor-form) {
    padding-right: 180px;
}
.homeSearch form.form-wrapper:not(.vendor-form) .submitbutton {
    width: auto !important;
}
}


@media (max-width:767px){
h1 {
	font-size: 33px;
	line-height: 45px;
}
#prForm .mt50 {
	margin-top: 0px;
}
#site-header .column:nth-child(2) {
	order: 3;
}
.column.user-column {
	min-width: unset;
	flex: 1;
}
.site-logo img {
	width: auto;
	height: 50px;
}
#site-header .container {
	align-items: center;
	gap: 10px;
}
#site-header {
	position: relative;
	z-index: 9;
	padding: 10px 15px;
	line-height: 0px;
}
.search-form input {
	height: 48px;
	padding: 10px 10px;
}
.hero-banner.bg-overlay {
	background-position: center right;
}
h3 {
	font-size: 25px;
	line-height: 35px;
}
.banner-content h1 br {
	display: none;
}
.payment-info-wrapper h3 {
	margin-bottom: 0px;
  }
  .payment-info-wrapper h3 + small {
	margin-bottom: 50px !important;
	display: block;
  }
.column {
	flex: unset;
	width:100%;
}
.about-section .container {
	flex-wrap: wrap-reverse;
	text-align: center;
}
h2 {
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 15px;
}
p, li, body, div {
	font-size: 16px;
	line-height: 26px;
}
.top-curve, .bottom-curve {
	height: 8px;
	background-size: 100% 13px;
}
.work-list li strong {
	font-size: 18px;
	line-height: 24px;
}
.work-list li {
	padding-left: 40px;
}
.work-list li em {
	top:2px;
	width: 30px;
	height: 30px;
	font-size: 16px;
}
.site-btn {
	margin-top: 30px;
}
.container {
	row-gap: 45px;
}
section {
	padding: 50px 15px;
}
.cta-section {
	text-align: center;
}
.cta-section .column + .column, .copyright .column + .column {
	text-align: center;
}
.main-footer .container {
	row-gap: 25px;
}
.main-footer .column:last-child {
	margin-top: 0px;
	padding-top: 20px;
}
.copyright .container {
	row-gap: 10px;
	text-align: center;
}
.cta-section .container {
	row-gap: 20px;
}
.main-header .site-btn {
	padding: 5px 20px;
	margin-left: 5px;
}
.logo img {
	max-height: 45px;
}
.main-header .container {
	flex-wrap: unset;
	gap:10px;
}
.navbar {
	display: flex;
}
.form-wrapper {
	align-items: flex-end;
}
.banner-content h1 br{
	display: none;
}
.hero-banner {
	padding: 100px 15px 60px;
}
.main-footer .column {
	border-right: 0px;
}
.main-footer .container {
	row-gap: 25px;
	column-gap: 10px;
}
.main-footer .column {
	width: calc(100% / 3 - 7px);
}

.icon img {
	max-width: 60px;
	margin-bottom: 10px;
}
.column.card {
	width: unset;
	flex: 1;
	padding: 20px;
	min-width: 150px;
}
.cards-wrapper {
	gap: 10px;
}
.business-section .button-wrapper {
	margin-top: 30px;
}
.list-top-section {
	text-align: center;
}
.infoBox {
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-top: 30px;
	flex-wrap: wrap;
}
.infoBox a.information {
	font-size: 15px;
	gap: 10px;
	padding: 20px;
	flex-direction: column;
	flex: 1;
	line-height: normal;
	background: #f1f1f1;
}
.banner-social-icons, .list-top-section .button-wrapper {
	justify-content: center;
}
.column.listSidebar {
	width: 100%;
	flex: unset !important;
}
.lightbox {
	height: 100vh;
}

.lightbox-content {
	position: relative;
	width: 80%;
	height: 100vh;
	margin: auto !important;
	display: flex;
	align-items: center !important;
}
.lightbox-content img {
	height: auto;
}
.lightbox::after {
	content: "Close";
	position: absolute;
	width: 40px;
	background: #fff;
	top: 0;
	right: 0;
	cursor: pointer;
	padding: 5px 20px;
	background: var(--yellow);
	text-transform: uppercase;
}
.mt70 {
	margin-top: 30px;
}
.gallery .container {
	row-gap: 10px;
}
.business-list .listing-card {
	gap: 15px;
}
.listing-logo, .listing-logo img {
	display: block;
	border: 0px;
	line-height: 0;
	padding: 0px !important;
	margin: 0px !important;
	max-width: 80px !important;
}
.business-list .listing-card .column.listing-info {
	order: unset;
}
.listing-card h4 {
	font-size: 22px;
	line-height: 32px;
	margin: -10px 0px 15px;
}

.listing-card .infoBox a.information {
	font-size: 14px;
	gap: 6px;
	padding: 0px;
	flex-direction: row;
	flex: 1;
	line-height: normal;
	background: transparent;
	width: 100%;
}
.listing-card .infoBox {
	flex-direction: column;
	gap: 10px;
	flex-wrap: wrap;
}
.sorting-row h2 {
	margin-bottom: 30px;
	width: 100%;
}
.business-list .full-row {
	margin-bottom: 20px;
	align-items: center;
	flex-wrap: wrap;
}
.sorting-wrapper {
	flex: 1;
}
.pagination a {
	width: 35px;
	height: 35px;
}
.pagination {
	gap: 5px;
}
.qr-code {
	max-width: 100%;
}
.form-wrapper .qr-code   label {
	text-align: center;
	margin-top: 10px;
}
.registration-form-section textarea {
	height: 80px;
}
.social-medialinks .field.half-field {
	width: 100%;
}
.planField {
	width: 100%;
}
.planField input ~ .planName::before, .planField input ~ .planName::after, .plantype .planField input ~ span::before, .plantype .planField input ~ span::after {
	width: 20px;
	height: 20px;
}
.planField input ~ .planName::after, .plantype .planField input ~ span::after {
	transform: rotate(45deg) translate(4px, -7px);
}
#progressbar li {
	width: 30px;
	height: 30px;
}
#progressbar {
	margin-bottom: 40px;
	gap: 20px;
}
#progressbar li::after {
	width: 21px;
}
.form-wrapper input[type="button"] {
	margin-top: 20px;
}
.plantype {
	margin-top: 30px;
	gap: 5px;
	margin-bottom: 20px;
}
#vendorFormSection .mt50 {
	margin-top: 10px;
}
.form-social-icon {
	padding: 5px;
}
.searchCard .search-form .site-btn {
    padding: 7px 7px !important;
} 
.searchCard .search-form input {
    height: 35px;
    padding: 4px 5px;
}
.vendor-form.form-wrapper {
    margin-bottom: -130px;
}
.business-list {
    padding-top: 130px;
}
.vendor-listingsection .listing-card {
    width: 100%;
}
}

@media (max-width:600px){
	.banner-content .card {
	flex: unset;
	width: 100%;
}
.searchSection .form-wrapper.vendor-form  .submitbutton input {
    padding: 9px 20px 6px !important;
}
.site-btn-2 {
    padding: 10px 20px !important;
    font-size: 14px !important;
}
.user-img-box {
	width: 40px;
	height: 40px;
}
.dropdown-arrow {
	width: 8px;
	height: 8px;
}
.list-top-section .button-wrapper .site-btn {
	padding: 7px 10px !important;
	font-size: 14px;
}
.search-form .site-btn img {
	max-width: 14px;
}
.search-form .site-btn {
	padding: 4px 6px !important;
}
.search-form input {
	height: 30px;
	padding: 4px 8px;
}
.submitbutton {
	margin-left: auto;
}
.form-wrapper .submitbutton input {
	font-size: 15px;
	padding: 10px 30px;
	width: 100% !important;
}
.hero-banner.bg-overlay {
	background-position: center right -130px;
}
.main-footer .column {
	width: 100%;
}
.form-wrapper input, .form-wrapper select, .form-wrapper textarea {
	padding: 10px;
	font-size: 14px;
}
.logo img {
	max-height: 40px;
}
.main-header .site-btn {
	padding: 5px 10px;
	margin-left: 5px;
	font-size: 14px;
}
h1 {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 15px;
}
.form-wrapper .col-30, .form-wrapper .col-40, .form-wrapper .col-20 {
	width: calc(100% / 2 - 10px);
}
.site-btn {
	padding: 8px 20px;
	font-size: 15px;
}
.button-wrapper {
	gap: 10px;
}
.copyright * {
	font-size: 14px;
	line-height: 20px;
}
.homeSearch .col-20, .homeSearch form.form-wrapper:not(.vendor-form) .full-row {
    width: calc(100% / 2 - 10px) !important;
}
.homeSearch form.form-wrapper:not(.vendor-form) .submitbutton input {
    padding: 10px 10px;
    width: 100% !important;
    height: auto;
	border-radius: 0px;
}
.homeSearch form.form-wrapper:not(.vendor-form) .submitbutton {
    width: 100% !important;
	position: relative;

}
.homeSearch form.form-wrapper:not(.vendor-form) {
    padding-right: 0;
}

}
@media (max-width:480px){
	.field.half-field {
		width: 100%;
	}
	.formfield-wrapper {
		gap: 15px;
	}
	.field.upload-field.upload-menu {
		margin-top: -10px;
	}
	.menuWraper {
		max-width: calc(100% - 20px);
	}
	.toggle-menu{
		width:40px;
		height:40px;
	}
	.toggle-menu span {
		width: 25px;
		margin: 6px 5px;
	}
	.active-nav .toggle-menu span:first-child {
		transform: rotate(45deg) translate(8px, 14px);
	}
	.active-nav .toggle-menu span:nth-child(2) {
		transform: rotate(-45deg) translate(4px, -10px);
	}
}

@media (max-width:380px){
	.form-wrapper .col-30, .form-wrapper .col-40, .form-wrapper .col-20 {
	width: 100%;
}
h1 {
	font-size: 28px;
	line-height: 38px;
}
.submitbutton {
	width: 100% !important;
}
.searchSection .col-20 {
    width: calc(50% - 10px) !important;
}
.searchSection .submitbutton {
    width: 100% !important;
    position: relative !important;
}
.searchSection .vendor-form.form-wrapper .submitbutton {
    width: auto !important;
}
}