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

@font-face{
  font-family: "ComicSansMSBold";
  src: url('fonts/ComicSansMSBold.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "BalooChettan";
  src: url('fonts/BalooChettan-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

/*==BASIC-SETUP==*/
body {
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  background: #ffffff;
}

a,
a:hover {
  text-decoration: none;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
  margin-bottom: 0;
}

/* scroll-bar */
.scrolltotop {
  width: 40px;
  height: 40px;
  border-radius: 100px 100px 0 0;
  background: #333333;
  text-align: center;
  padding-top: 8px;
  font-size: 20px;
  color: #ffffff;
  position: fixed;
  right: 8px;
  bottom: 10px;
  display: none;
  transition: 0.2s all ease;
  -webkit-transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
}

.scrolltotop:hover {
  color: #fff;
  background: rgba(51, 51, 51, 0.7);
}

/*==THIS IS START==*/

.header-area {
  padding: 6px 0;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1)
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo-area img {
  width: 82px;
}

.nav-items ul {
  display: flex;
  align-items: center;
}

.nav-items ul li {
  padding-left: 40px;
}

.nav-items ul li a {
  font-size: 16px;
  font-weight: 800;
  color: #EA618F;
  display: inline-block;
  transition: 0.2s;
}

.nav-items ul li a:hover {
  opacity: 0.8;
}

.nav-btn a {
  font-family: "ComicSansMSBold";
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #55BCB9;
  padding: 15px 20px;
  border-radius: 50px;
  display: inline-block;
  transition: 0.2s;
}

.nav-btn a:hover {
  opacity: 0.8;
}

.menu-bar {
  display: none;
  padding-right: 10px;
}

.menu-bar i {
  font-size: 28px;
  color: #55BCB9;
  cursor: pointer;
}

.offcanvas-body .nav-items,
.offcanvas-body .nav-btn {
  display: block;
}

.offcanvas-body .nav-items ul {
  display: block;
}

.offcanvas-body .nav-items ul li {
  padding: 0 0 10px;
}

.offcanvas-body .nav-btn {
  padding-top: 20px;
}
 
/* HEROP AREA START */

.hero-area {
  background-image: url('images/hero-main-bg.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 150px 0 130px;
}

@media screen and (min-width: 1580px) {
    .hero-area {
      padding-top: 290px;
    }
}

.hero-content h2 {
  font-family: "BalooChettan";
  font-size: 76px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
}

.hero-content h3 {
  font-family: "BalooChettan";
  font-size: 31px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
}

.hero-content p {
  font-size: 25px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 19px 0 55px;
  margin: 5px 0 30px;
}

.hero-content a {
  font-family: "ComicSansMSBold";
  font-size: 24px;
  font-weight: 700;
  color: #FFFFFF;
  display: inline-block;
  padding: 17px 24px;
  background: #55BCB9;
  border-radius: 40px;
  transition: 0.2s;
}

.hero-content a span {
  margin-left: 40px;
}

.hero-content a:hover {
  opacity: 0.9;
}

.birth-mainbg {
  background-image: url(images/birth-mainbg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.who-we-are-area {
  padding: 130px 0 207px;
  margin-top: -180px;
}

.who-we-area {
  padding-top: 70px;
}

.who-we-right {
  margin-top: 50px;
}

.who-we-are-left h3 {
  font-size: 24px;
  font-weight: 800;
  color: #55BCB9;
  margin: 0;
}

.who-we-are-left h2 {
  font-family: "BalooChettan";
  font-size: 43px;
  font-weight: 400;
  line-height: 48px;
  color: rgba(0, 0, 0, 0.75);
  margin: 10px 0 28px;
}

.who-we-are-left p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 34px;
}

.who-we-are-left a {
  font-size: 20px;
  font-weight: 700;
  background: #55BCB9;
  border-radius: 50px;
  color: #FFFFFF;
  display: inline-block;
  padding: 20px 55px;
}

.who-we-are-left {
  padding-top: 80px;
}

.who-we-right {
  padding-left: 40px;
}

.choose-theme {
  padding: 109px 0 30px;
  margin-top: -150px;
}

.choose-theme-title span {
  display: inline-block;
  width: 90px;
  border: 5px solid #EA618F;
  border-radius: 50px;
  text-align: center;
}

.choose-theme-title h2 {
  font-family: "BalooChettan";
  font-size: 39px;
  font-weight: 400;
  color: #55BCB9;
}

.fliter-area {
  padding: 30px 0 50px;
}

.fliter-area ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fliter-area ul li {
  padding: 0 30px;
}

.fliter-area ul li select {
  background-color: #FFFFFF;
  border-radius: 50px;
  padding: 15px 30px 15px 20px;
  border: 0;
  outline: 0;
  color: #808080;
  border: 1px solid #BFBFBF;
  cursor: pointer;
  appearance: none;
  background-image: url('images/chevron-right.png');
  background-repeat: no-repeat;
  background-position: 80% 50%;
}

.fliter-area ul li #gender {
  padding: 15px 60px 15px 20px;
}

.fliter-area ul li #age {
  padding: 15px 50px 15px 30px;
}

.fliter-area ul li a {
  font-family: "ComicSansMSBold";
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #55BCB9;
  padding: 15px 30px;
  border-radius: 50px;
  display: inline-block;
  transition: 0.2s;
}

.price-title {
  background-color: #EA618F;
  padding: 5px 0;
}

.price-title h3 {
  font-family: "BalooChettan";
  font-size: 31px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
}

.theme-main-content .article-img img {
  border-radius: 10px 10px 0 0;
}

.theme-main-content .article-title {
  padding: 20px 10px;
}

.theme-main-content .article-title a {
  padding: 13px 25px;
  font-weight: 500;
  margin: 0;
  width: initial;
  display: inline-block;
}

.main-content2 .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 7px;
  background: rgba(0, 0, 0, 0.25);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.main-content2 .owl-theme .owl-dots .owl-dot.active span {
  width: 30px;
  background: #EA618F;
  border-radius: 100px;
}

.main-content2 {
  position: relative;
}

.main-content2 .owl-theme .custom-nav {
  display: none;
}

.birthday-moment-title {
  padding: 80px 0 0;
  position: relative;
}


.birthday-moment-title .party10 {
  max-width: 152px;
  position: absolute;
  left: 0;
  top: 0;
} 

.birthday-moment-title h2 {
  font-family: "BalooChettan";
  font-size: 39px;
  font-weight: 400;
  color: #55BCB9;
  margin: 0;
}

.birthday-moment-title p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 5px 0;
}


.party-location-area {
  background-image: url('images/party-location-main.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 150px 0;
}

.party-location-title h2 {
  font-family: "BalooChettan";
  font-size: 39px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
}

.party-location-title p {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 0 11px;
}

.party-right-content {
  padding-top: 50px;
}

.party-right-content h2 {
  font-family: "BalooChettan";
  font-size: 31px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
}

.line{
  width: 80px;
  border: 3px solid #FFFFFF;
  display: inline-block;
  margin: 16px 0 25px;
  border-radius: 50px;
}

.party-right-content ul li {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}

.party-right-content ul li img {
  width: 20px;
  margin-right: 19px;
}

.party-right-content ul li span {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
  display: inline-block;
}

.find-my-btn a {
  font-family: "ComicSansMSBold";
  font-size: 16px;
  font-weight: 500;
  color:  #EA618F;
  padding: 10px 35px;
  display: inline-block;
  background: #FFFFFF;
  border-radius: 50px;
  margin: 0;
  transition: 0.2s;
}

.find-my-btn a:hover {
  opacity: 0.8;
}

.find-my-btn a img {
  width: 20px;
  margin-right: 10px;
}

.find-my-btn {
  padding-top: 15px;
}

.article-area {
  background-image: url('images/you-are-main.png');
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  padding: 170px 0 290px;
  margin-top: -90px;
}

.article-heading .line {
  border-color: #F6BE19;
  margin: 0;
}

.article-heading h2 {
  font-family: "BalooChettan";
  font-size: 39px;
  font-weight: 400;
  color: #55BCB9;
  margin: 20px 0 10px;
}

.article-heading p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}

.article-heading {
  padding-bottom: 30px;
}

.main-content {
  position: relative;
}

.main-content .owl-theme .custom-nav {
  display: none;
}

.article-main-content {
  background: #F8F8F8;
  border-radius: 0px 0px 10px 10px;
  margin-bottom: 75px;
}

.article-title h2 {
  font-family: "BalooChettan";
  font-size: 25px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  margin: 0;
}

.article-title p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 6px 0 15px;
}

.article-title a {
  font-family: "ComicSansMSBold";
  font-size: 13px;
  font-weight: 700;
  color: #FFFFFF;
  padding: 8px 9px 8px 12px;
  display: flex;
  align-items: center;
  background-color: #55BCB9;
  border-radius: 23px;
  max-width: 136px;
  margin: 0 auto;
  transition: 0.2s;
}

.article-title a img {
  max-width: 35px;
  margin-left: 8px;
}

.article-title {
  padding: 26px 40px;
}

.article-title a:hover {
  opacity: 0.8;
}

.main-content .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 7px;
  background: rgba(0, 0, 0, 0.25);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.main-content .owl-theme .owl-dots .owl-dot.active span {
  width: 30px;
  background: #EA618F;
  border-radius: 100px;
}

.form-box-main {
  /* background-image: url('images/form-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
  padding: 40px 0;
  background: rgba(246, 190, 25, 0.25);
  box-shadow: 0px 0px 20px rgba(85, 188, 185, 0.15);
  border-radius: 300px 200px;
  margin-top: 80px;
}

.you-are-invited-title h2 {
  font-family: "BalooChettan";
  font-size: 39px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  margin: 0;
}

.you-are-invited-title p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 30px;
}

.form-area {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.form-area .name-input input {
  width: 100%;
  background: #FFFFFF;
  border-radius: 5px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.25);
  border: 0;
  outline: 0;
  border: 1px solid #FFFFFF;
  padding: 20px 20px 15px;
  display: inline-block;
  margin: 0;
}

.form-area input::placeholder {
  opacity: 1;
}

.form-area .name-input {
  margin-bottom: 30px;
}

.form-area .name-input textarea {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 10px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 13px;
  font-weight: 400;
}

.form-area .name-input textarea::placeholder {
  opacity: 0.6;
}

.submit-btn {
  text-align: center;
}

.submit-btn2 input {
  font-family: "ComicSansMSBold";
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #55BCB9;
  border: 0;
  outline: 0;
  padding: 20px 90px 20px 50px;
  border: 3px solid #FFFFFF;
  border-radius: 50px;
  transition: 0.2;
  background-image: url('images/calendar.png');
  background-position: 78% 58%;
  background-repeat: no-repeat;
}

.submit-btn input {
  font-family: "ComicSansMSBold";
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  background-color: #55BCB9;
  border: 0;
  outline: 0;
  padding: 20px 90px 20px 50px;
  border: 3px solid #FFFFFF;
  border-radius: 50px;
  transition: 0.2;
  background-image: url('images/calendar.png');
  background-position: 78% 58%;
  background-repeat: no-repeat;
  padding-left: 90px;
}

.submit-btn input:hover {
  opacity: 0.8;
}

.footer-area {
  background-image: url('images/footer.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 350px 0 0;
  margin-top: -250px;
}

@media screen and (min-width: 2400px) {
    .footer-area {
      background-size: 100% 100%;
  }
}

.footer-content p {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
}

.footer-logo img {
  max-width: 127px;
}

.line-white {
  width: 100px;
  border: 0.5px solid #FFFFFF;
  display: inline-block;
  margin: 10px 0;
}

.footer-logo-area {
  width:  303px;
}

.footer-menu h2 {
  font-family: "BalooChettan";
  font-size: 25px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 0 7px;
}

.footer-menu ul li {
  padding: 7px 0;
}

.footer-menu ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  display: inline-block;
  transition: 0.2s;
}

.footer-menu ul li a:hover {
  opacity: 0.8;
}

.footer-menu p {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 0 10px;
}

.footer-menu2 ul li{
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}

.footer-menu2 ul li img {
  width: 20px;
  margin-right: 11px;
}

.copyright-area {
  padding: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 70px;
}

.copyright-area p {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
  text-align: center;
}

/* SEARCH PAGE START */

.search-hero-area {
  background-image: url('images/search-hero-bg.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 84px 0 215px;
}

.search-hero-content h2 {
  font-family: "BalooChettan";
  font-size: 48px;
  font-weight: 400;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(250, 132, 191, 0.2);
}

.search-hero-content p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}

.filter-area {
  padding: 100px 0;
}

.filter-title h2 {
  font-family: "BalooChettan";
  font-size: 25px;
  font-weight: 400;
  color: #EA618F;
  margin: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.category-title {
  padding: 23px 0 70px;
}

.category-title p {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  margin: 0;
}

.blur-line {
  width: 83px;
  border: 3px solid #55BCB9;
  display: inline-block;
  border-radius: 50px;
  margin: 10px 0 20px;
}

.category-title ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.category-title ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  display: inline-block;
  background-color: #F8F8F8;
  padding: 8px 14px;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  text-transform: capitalize;
  transition: 0.2s;
}

.category-title ul li a svg {
  margin-right: 5px;
}

.category-title ul li a:hover {
  background: #EA618F;
  color: #FFFFFF
}

.category-title ul li:first-of-type a{
  background: #EA618F;
  color: #FFFFFF
}

.category-title ul li a .img2 {
  display: none;
}

.category-title ul li a:hover .img1 {
  display: none;
}

.category-title ul li a:hover .img2 {
  display: inline-block;
}

.category-title ul li:first-of-type a:hover .img1 {
  display: inline-block;
}

.child-age-title p {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
}

.child-age-input input {
  max-width: 180px;
  width: 100%;
  background: #F8F8F8;
  border-radius: 50px;
  padding: 8px 23px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 400;
  border: 0;
  outline: 0;
  text-transform: capitalize;
}

.child-age-input input::placeholder {
  opacity: 1;
}

.child-age-input label {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  margin-left: 8px;
}

.location-nav ul {
  display: flex;
  align-items: center;
}

.location-nav ul li {
  padding-right: 50px;
}

.location-nav ul li a {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  padding: 7px 18px;
  border-radius: 50px;
  background: #F8F8F8;
  text-transform: capitalize;
  transition: 0.2s;
}

.location-nav ul li a:hover {
  background: #EA618F;
  color: #FFFFFF;
}

.location-nav ul li:last-of-type a {
  background: #EA618F;
  color: #FFFFFF;
}

.sorts-title {
  padding: 70px 0 0;
}

.zip-code-title {
  padding: 35px 0 0;
}

.zip-code-input input {
  max-width: 200px;
  width: 100%;
  padding: 10px 28px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 13px;
  font-weight: 400;
  border: 0;
  background-color: #FFFFFF;
  border: 1px solid rgba(234, 97, 143, 0.25);
  border-radius: 5px;
  outline: 0;
}

.zip-code-input input::placeholder {
  opacity: 1;
}


.distance-range ul {
  display: flex;
  align-items: center;
}

.distance-range ul li {
  padding-right: 12px;
}

.distance-range ul li input {
  max-width: 200px;
  width: 100%;
}

.distance-range .slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 55px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.filter-right {
  background: rgba(234, 97, 143, 0.05);
}

.filter-right h2 {
  font-family: "BalooChettan";
  font-size: 39px;
  font-weight: 400;
  color: rgba(85, 188, 185, 0.75);
  margin: 0;
}

.filter-right {
  min-height: 723px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 10px;
}

.price-box input {
  max-width: 82px;
  width: 100%;
  color: rgba(0, 0, 0, 0.25);
  font-size: 13px;
  font-weight: 400;
  background-color: #FFFFFF;
  border: 0;
  outline: 0;
  padding: 10px 25px;
  border: 1px solid rgba(234, 97, 143, 0.25);
  border-radius: 5px;
}

.price-box input::placeholder {
  opacity: 1;
}

.price-box label {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 42px;
}

.submit-btn {
  text-align: left;
  padding-top: 50px;
}

.submit-btn input {
  max-width: 200px;
  width: 100%;
  padding: 15px 60px;
  padding-left: 76px;
  background: #55BCB9;
  border-radius: 50px;
  background-image: url('images/submit.png');
  background-position: 24% 52%;
  background-repeat: no-repeat;
}

/* RESULTS PAGE START */

.filter-results-area {
  padding: 50px 0;
}

.filter-left-area {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(85, 188, 185, 0.1);
  border-radius: 10px;
  padding: 20px 17px;
  margin-bottom: 60px;
}

.filter-left-area .filter-title h2 {
  padding-bottom: 20px;
}

.filter-left-area .category-title {
  padding: 8px 0 10px;
}

.filter-left-area .category-title p {
  margin-bottom: 30px;
}

.filter-left-area .blur-line {
  margin: 10px 0 12px;
}

.filter-left-area .category-title ul {
  display: block;
}

.filter-left-area .category-title ul li {
  padding-bottom: 15px;
}

.filter-left-area .category-title ul li a {
  font-size: 13px;
  padding: 8px 15px;
}

.filter-left-area .category-title ul li a img {
  max-width: 15px;
  margin-right: 5px;
}

.filter-left-area .location-nav ul li {
  padding: 0 0 19px;
}

.filter-left-area .location-nav ul {
  display: block;
}

.filter-left-area .child-age-input input {
  font-size: 13px;
  padding: 13px 16px 10px;
  background-color: #F8F8F8;
}

.filter-left-area .child-age-input {
  padding-bottom: 15px;
}

.theme-main-content {
  margin-bottom: 60px;
}

.main-content2 .owl-theme .custom-nav {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
}

.main-content2 .owl-theme .custom-nav .owl-prev, .main-content2 .owl-theme .custom-nav .owl-next {
  position: absolute;   
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
}

.main-content2 .owl-theme .custom-nav .owl-prev i, .main-content2 .owl-theme .custom-nav .owl-next i {
  font-size: 30px;
  color: #EA618F;
}

.main-content2 .owl-theme .custom-nav .owl-prev {
  left: 0;
}

.main-content2 .owl-theme .custom-nav .owl-next {
  right: 0;
}

.filter-left-area .sorts-title {
  padding: 10px 0 0;
}

.filter-left-area .zip-code-title {
  padding: 20px 0 0;
}

.distance-range ul li {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 38px;
  padding: 7px 5px;
  margin-right: 5px;
  margin-bottom: 20px;
}

.distance-range ul li:first-of-type  {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  background: #F8F8F8;
  border-radius: 38px;
  padding: 7px 20px;
  margin-right: 5px;
  margin-bottom: 20px;
}

.distance-range ul li:last-of-type  {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  background: #F8F8F8;
  border-radius: 38px;
  padding: 7px 20px;
  margin-right: 5px;
  margin-bottom: 20px;
}

.filter-left-area .zip-code-input input {
  max-width: 112px;
  padding: 10px 40px;
}

.filter-left-area .price-box label {
  margin: 10px 0;
  margin-left: 30px;
}

.filter-left-area .price-box {
  padding-bottom: 10px;
}

.filter-result-title-area {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.result-title-left h2 {
  font-family: "BalooChettan";
  font-size: 25px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  margin: 0;
}

.filter-result-title-area {
  padding-bottom: 20px;
  border-bottom: 5px solid rgba(0, 0, 0, 0.05);
}

.result-title-right p {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  margin: 0;
}

.result-title-right p select {
  font-weight: 900;
  background-color: #FFFFFF;
  border: 0;
  margin: 0;
  outline: 0;
}

.sponsor-title h3 {
  font-size: 13px;
  font-weight: 800;
  color: rgba(0, 0, 0, 1);
  margin: 0;
}

.sponsor-title h3 img {
  margin-left: 5px;
}

.sponsor-title {
  padding: 25px 0 13px;
}

.result-cart-box {
  background: #FFFFFF;
  border: 1px solid rgba(194, 194, 194, 0.15);
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 27px;
}

.result-box-inner {
  display: flex;
  align-items: flex-start;
}

.result-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

.result-main-img {
  padding-right: 8px;
}

.result-box-title h2 {
  font-family: "BalooChettan";
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}

.result-box-title p {
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  display: inline-block;
  padding: 5px 12px;
  background: #F6BE19;
  border-radius: 47px;
}

.reviwe-area {
  padding: 10px 0;
}

.reviwe-area img {
  max-width: 11px;
}

.reviwe-area span {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  display: inline-block;
  margin-left: 12px;
}

.art-nav ul {
  display: flex;
  align-items: center;
}

.art-nav ul li {
  font-size: 11px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  background: #F8F8F8;
  border-radius: 50px;
  margin-right: 10px;
}

.open-nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.open-nav ul li {
  font-size: 10px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  padding: 0 10px 5px 0;
}

.open-nav ul li span {
  font-weight: 800;
  color: #55BCB9;
}

.open-nav ul li img {
  margin-right: 5px;
}

.product-content p {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}

.result-main-img img {
  max-width: 200px;
}

.product-content {
  padding: 10px 0;
}

.product-content p a {
  color: #55BCB9;
  font-weight: 900;
}

.photo-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}

.req-btn a {
  font-family: "ComicSansMSBold";
  font-size: 13px;
  font-weight: 400;
  color: #FFFFFF;
  display: inline-block;
  background: #55BCB9;
  border-radius: 50px;
  padding: 10px 20px;
  transition: 0.2s;
}

.req-btn a:hover {
  opacity: 0.8;
}

.result-cart-box2 .open-nav ul {
  display: block;
}

.result-cart-box2 .open-nav ul li span {
  color: #EA618F;
}

.pageination-nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pageination-nav ul li {
  padding: 0 8px;
}

.pageination-nav ul li a {
  font-size: 12px;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: #F8F8F8;
  border: 0.748858px solid #EA618F;
  text-align: center;
  transition: 0.2;
}

.pageination-nav ul li a:hover {
  background-color: #EA618F;
  color: #FFFFFF;
}

.pageination-nav ul li:nth-child(4) a {
  background-color: #EA618F;
  color: #FFFFFF;
}

.pageination-nav ul li a:hover svg {
  fill:#FFFFFF;
}

.map-img {
  margin-bottom: 47px;
}

/* CONTACT PAGE START */

.contactus-hero {
    background-image: url('images/contact-minbg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 440px;
}

.keep-close-area {
   background-image: url('images/keep-bg.png');
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
    padding: 180px 0 100px;
    margin-top: -305px;
    position: relative;
    z-index: 9;
 
}

.keep-box-area {
  background: rgba(246, 190, 25, 0.25);
  box-shadow: 0px 0px 20px rgba(85, 188, 185, 0.15);
  border-radius: 300px 200px;
  padding: 50px 0;
}



.email-input,
.message-input {
  position: relative;
}

.contact-info-area {
  position: relative;
  background-image: url('images/contact-info-main.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 120px 0 150px;
  margin-top: -100px;
}

.party-right-content p {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 0 20px;
}

.contact-info-main .party-right-content {
  padding-top: 0;
}

.social-icons ul {
  display: flex;
  align-items: center;
}

.social-icons {
  position: relative;
}

.social-icons ul li {
  padding-right: 23px;
}

.social-icons ul li a img{
  max-width: 25px;
}

.contact-info-main {
  padding-top: 100px;
  display: flex;
  justify-content: space-between;
}

.loaction-img img {
  max-width: 200px;
}

.loaction-img {
  padding-top: 100px;
  position: relative;
}

.party-icon {
  position: absolute;
  right: -150px;
  bottom: -145px;
}

.party-icon  img {
  max-width: 150px;
}

.star-svg {
  margin-top: -200px;
}

.contact-info-main .party-right-content ul li img {
  margin-right: 6px;
}

.map-img-main {
  position: relative;
  top: -183px;
  z-index: 11;
}

.we-wait-area {
  background-image: url('images/we-wait-main-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  padding: 71px 0 224px;
}

.we-wait-content {
  position: relative;
  margin-top: -112px;
}

.we-wait-content h2 {
  font-family: "BalooChettan";
  font-size: 39px;
  font-weight: 400;
  color: #55BCB9;
  margin: 0;
  position: relative;
}

.we-wait-content p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 20px;
  position: relative;
}


.we-wait-content .submit-btn2 input {
  background-position: 20% 51%;
  padding: 16px 50px 16px 80px;
  transition: 0.2s;
}

.we-wait-content .submit-btn2 input:hover {
  opacity: 0.8;
}


.submit-btn2 {
  position: relative;
}




/* VENDOR INFO PAGE START */

.vendor-info-area {
  padding: 80px 0;
}

.vendoe-info-left {
  padding: 15px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin-bottom: 50px;
}

.vendor-info-title h2 {
  font-family: "BalooChettan";
  font-size: 39px;
  font-weight: 400;
  color: #55BCB9;
  margin: 0 0 25px;
}



/* Input form Style */

.input_wrap input,
.input_wrap textarea {
  width: 100%;
  border: 2px solid rgba(234, 97, 143, 0.2);
  border-radius: 5px;
  border-radius: 5px;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  box-shadow: none;  
  padding: 11px 12px 18px;
}

.vendor-input-area .price-box input {
  padding: 14px 0;
  text-align: center;
  border: 2px solid rgba(234, 97, 143, 0.2);
}


.input_wrap textarea::placeholder{
  opacity: 0.7;
}


.input_wrap input:focus + label, .input_wrap input:valid + label{
  font-size: 12px;
  color: #afbdcf;
  top: -5px;
  left:10px;
  background: #ffffff;
  padding: 0px 5px 0px 5px;
}

.input_wrap {
    width:auto;
    height:auto;
    position:relative;
}

.input_wrap label {
  font-family: 'Nunito', sans-serif;
  font-size:13px;
  color: #afbdcf;
  padding: 14px;
  position: absolute;
  top: 0;
  left: 0;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  pointer-events: none;

}

.input_wrap input:focus {
  outline:none;
}

.vendor-input-area p {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  margin: 0 0 10px;
}

.vendor-input-area {
  margin-bottom: 25px;
}

.vendor-submit-btn {
  max-width: 200px;
  width: 100%;
  padding-bottom: 6px;
}

.vendor-submit-btn input {
  font-family: "ComicSansMSBold";
  width: 100%;
  border: 0;
  outline: 0;
  font-size: 20px;
  font-weight: 400;
  background: #55BCB9;
  color: #FFFFFF;
  border-radius: 50px;
  padding: 15px 50px 15px 80px;
  background-image: url('images/submit.png');
  background-position: 25% 50%;
  background-repeat: no-repeat;
  transition: 0.2s;
}

.vendor-submit-btn input:hover {
  opacity: 0.8;
}

.vendoe-info-left2 .vendor-submit-btn input {
  background-image: url('images/send.png');
  padding: 15px 40px;
  padding-left: 60px;
  background-position: 25% 50%;
}

.vendoe-info-left2 .vendor-submit-btn {
  max-width: 162px;
}

.keep-box-area .submit-btn {
  padding-top: 10px;
}

.distance-range input {
  max-width: 140px;
  width: 100%;
  height: 10px;
  -webkit-appearance: none;
  outline: none;
  background: #E5E5E5;
  border-radius: 40px;
  cursor: pointer;
}

.distance-range input::-moz-range-progress {
  background-color: #EA618F;
  height: 10px;
  border-radius: 40px;
}

.distance-range input::-moz-range-thumb {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 4px solid #EA618F;
  box-shadow: 0px 0px 1.54159px rgba(250, 132, 191, 0.5);
  outline: 4px solid #ffffff;
}

.birthday-img img {
  width: 1198px;
}

.form-box-main {
  position: relative;
}

.form-box-main .doll {
  max-width: 106px;
  position: absolute;
  left: 50px;
  top: 46%;
  transform: -46%;
}

.form-box-main .partyfm {
  max-width: 140px;
  position: absolute;
  top: 34px;
  right: 40px;
}


.contactus-hero .search-hero-content h2 {
    font-size: 76px;
}

.kepbox2 {
  position:  relative;
  top: -60px;
}

.footer2 {
   margin-top: -262px;
}

.footer3 {
  margin-top: -180px;
}

.footer4 {
  margin-top: -140px;
}