* {
  box-sizing: border-box;
}

p {
  font-family: 'Noto Sans';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat';
}
/* .header-logo-menu{
  display: flex;
  justify-content: space-between;

} */
.top-navigation {
  margin: 22px 0;
}

.top-navigation .navbar-nav>.nav-item>a {
  color: #1D1D1B;
  font-family: 'Noto Sans';
  font-size: 16px;
  font-weight: 400;
  font-weight: 400;
}

.top-navigation .navbar-nav>.nav-item {
  margin: 0 20px;
}

.red-link {
  color: #F2183D !important;
}

.banner-home {
  background: url('../../../images/banner-image.jpg')no-repeat center top / cover;
  /* background: url('../../../images/home-banner.png')no-repeat center top / cover; */
  padding: 100px 0;
  margin: -54px 0 0 0;
}

.margin0 {
  margin: 0px !important;
}

.padding0 {
  padding: 0px !important;
}

.text-banner {
  border-radius: 4px;
  padding: 37px 105px;
  text-align: center;
  background: rgba(255, 255, 255, 0.25);
  /* background: #fff; */
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.text-banner h2 {
  color: #1D1D1B;
  font-size: 40px;
  line-height: 49px;
  font-family: 'Montserrat';
  font-weight: 700;
}

.text-banner h2 span {
  color: #F2183D;
}
.homepage-hero_textCarousel{
  height: 1.2em;
  line-height: 1.2em;
  position: relative;
  overflow: hidden;
  display: inline-flex;
}
.homepage-hero_scroll {
  position: relative;
  animation: homepage-hero_scroller 8s ease-in-out infinite;
  list-style: none;
  padding: 0;
  text-align: left;
}
@keyframes homepage-hero_scroller {
  0%, 30% {
    top: 0;
  }
  35%, 65% {
    top: -1.2em;
  }
  70%, 100% {
    top: -2.4em;
   }
   /*
   85%, 90% {
    top: -3.6em;
  } */
 /* 95%, 100% {
    top: -4.8em;
  } */
}

.text-banner p {
  color: #1D1D1B;
  font-size: 24px;
  line-height: 29px;
  font-family: 'Montserrat';
  font-weight: 500;
  margin: 25px 0 0
}

.search-wrapper {
  background: #fff;
  border-radius: 5px;
}

.search-wrapper {
  margin: 40px 0 40px 0;
  position: relative;

}

.search-wrapper select {
  border: none;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Noto Sans';
  color: #777777;
}

.search-wrapper select {
  border: none;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Noto Sans';
  color: #777777;
  margin: 9px 0 7px 0;

}

.search-wrapper .form-group {
  margin-bottom: 0px;
  padding: 0;

}


.selectdiv {
  position: relative;
}

.selectdiv:after {
  content: '\f078';
  font: normal normal normal 17px/1 FontAwesome;
  color: #F2183D;
  right: 11px;
  top: 0px;
  height: 34px;
  padding: 15px 0px 0px 8px;
  position: absolute;
  pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
  display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 50px;
  float: right;
  padding: 0px 42px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: url(../../../images/loca.png);
  background-size: 15px;
  background-position: 16px center;
  background-repeat: no-repeat;
  -ms-word-break: normal;
  word-break: normal;
  color: #777;
  font-family: 'Noto Sans';
}

.autocomplete input::placeholder {
  color: #777;
  font-family: 'Noto Sans';
}



/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
  border-left: 1px solid #CCCCCC;
  padding: 0 0 0 20px;
}



.autocomplete input#myInput {
  padding: 10px 10px 10px 30px;
  width: 297px;
  margin: 10px 0;
}

.autocomplete input#myInput {
  background: url('../../../images/loca.png') no-repeat left center;
  padding: 10px 10px 10px 24px;
  width: 260px;
  margin: 10px 0;
  border: none;
  color: #777777;
}

.search-wrapper input[type="submit"] {
  background: #F2183D;
  padding: 12px 34px;
  font-size: 16px;
  font-family: 'Noto Sans';
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  border: none;
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  float: right;
  margin: 10px 11px 0 0px;
}

.search-wrapper input[type="submit"]:hover {
  background: #e12041;
  color: #fff;

  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.autocomplete input#myInput:focus-visible {
  border: none;
  outline: none !important;
}

::-webkit-input-placeholder {
  /* Edge */
  color: #333
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333;
}

::placeholder {
  color: #333;
}

.form-control:focus {
  /* border-color: #fff!important; */
  box-shadow: none;
}

.autocomplete-items {
  position: absolute;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  height: 200px;
  overflow: auto;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;

}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.zip-city-toggle {
  display: none !important;
}
.new.banner-home .selectdiv{
  display: none;
}
.new.banner-home .zip-city-toggle {
  display: flex !important;
}
.zip-city-toggle.input-group:before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg class='flex flex-shrink-0 gray' height='18' width='18' fill='currentColor' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.002 7.25c0 3.248 4.342 7.756 5.23 8.825l.769.925.769-.926c.888-1.068 5.234-5.553 5.234-8.824C15.004 4.145 13 1 9.001 1c-3.999 0-6 3.145-6 6.25zm1.994 0C4.995 5.135 6.175 3 9 3s4.002 2.135 4.002 4.25c0 1.777-2.177 4.248-4.002 6.59C7.1 11.4 4.996 9.021 4.996 7.25zM8.909 5.5c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  opacity: 0.4;
}
.new.banner-home .zip-city-toggle .form-control{
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    padding-left: 31px;
}
.zip-city-select {
  max-width: 118px;
  padding-right: 1rem !important;
}
.new.banner-home .form-bg {
  background: #ffffff69;
}
.new.banner-home .form-bg .search-tab .tab-select {
  margin-top: 0px;
}
.new.banner-home .text-banner p {
  font-size: 20px;
  margin: 10px 0 0;
}

.circle-cat{
  padding: 40px 0 60px 0;
}
.brand {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 20px 0 0 0px;
  gap: 48px;
}
.circle-cat h3 {
  font-size: 25px;
  font-family: 'Montserrat';
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.circle-cat hr {
  height: 3px !important;
  margin: 0 auto;
  background: black;
  opacity: 1;
  width: 70px;
}



.brand__item {
  /* margin-right: 40px; */
  text-align: center;

}

.brand__item a {
  width: 150px;
  height: 150px;
  background-color: #FFEFF1;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70% auto;
  transition: all .3s ease;
  cursor: pointer;
  border: 1px solid #F2183D;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

}

.brand__item a:hover {
  box-shadow: 0 0 0 5px rgb(255 0 43 / 10%), 0 0 0 10px #f2183d;
  background-color: #F2183D;
}

.brand__item a:hover svg {

  fill: #fff !important;
  color: #fff !important;
  width: 89px;

}
.all-cuisines-btn a{
  font-size: 14px;
  font-family: 'Montserrat';
  color: #000;
  font-weight: 500;
  text-decoration: none;
  margin-top: -38px;
    padding-right: 12px;
}
.calender-icon {
  width: 64px;
}

.brand__item svg {
  width: 89px;
  fill: #f2183d !important;
}

.brand__item h2 {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Montserrat';
  margin: 30px 0 0 0;
  color: #F2183D;
  text-transform: uppercase;
}

.business-niche {
  /* background: url(../../../images/coisine-bg.jpg) no-repeat center top / cover; */
  background: linear-gradient(45deg, #FEEDEF, transparent);
  padding: 43px 0;
}
.business-niche a{
  text-decoration: none;
}
.business-niche h3 {
  color: #fff;
  font-size: 120px;
  font-family: 'Montserrat';
  font-weight: 800;
  margin: 0 0 20px 0;
  text-align: center;
}
.business-niche .nav-tabs {
  gap: 25px;
  border: 0;
  justify-content: center;
  font-family: 'Montserrat';
}
.business-niche .nav-tabs .nav-link {
  color: #000;
  padding : 0;
  font-size: 25px;
}
.business-niche .nav-tabs .nav-link:hover {
  color: #F2183D;
  border-color: transparent;
}
.business-niche .nav-tabs .nav-link.active{
  border: 0;
  border-bottom: 1px solid #F2183D;
  color: #F2183D;
}
.business-niche h6 {
  font-size: 18px;
  color: #000;
}
.business-niche p {
  color: #707070;
  font-size: 14px;
}
.business-niche .tab-content img{
  height: 250px;
  object-fit: cover;
  border-radius: 15px;
}
.business-niche .see-all-btn {
  margin-top: -45px;
  font-size: 14px;
  font-family: 'Montserrat';
  color: #000;
  font-weight: 500;
  text-decoration: none;
}
.business-niche .see-all-btn:hover {
  color: #F2183D;
}



.browse-events {
  background: url(../../../images/pattern1.png) no-repeat top left / contain, url(../../../images/pattern2.png) no-repeat top right / contain;
  padding: 80px 0px;
  BORDER-BOTTOM: 1PX SOLID #FEEDEF;
}
.browse-events h3 {
  color: #000000;
  font-size: 25px;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: 700;
}
.browse-events img{
  height: 250px;
  object-fit: cover;
  border-radius: 15px;
}
.browse-events h6 {
  font-size: 18px;
  color: #000;
}
.browse-events p {
  font-size: 14px;
  color: #707070;
}
.browse-events a {
  font-size: 14px;
  font-family: 'Montserrat';
  color: #000;
  font-weight: 500;
  text-decoration: none;
}
.browse-events a:hover {
  color: #F2183D;
}


.new.why-customer-section {
  padding: 80px 0;
}
.new.why-customer-section img {
  border-radius: 10px;
}
.new.why-customer-section .why-box h6, .new.why-customer-section .why-box p{
  padding: 0;
}


.browse-speciality {
  padding: 80px 0px;
  BORDER-top: 1PX SOLID #FEEDEF;
}
.browse-speciality h3 {
  color: #000000;
  font-size: 25px;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: 700;
}
.browse-speciality img{
  height: 250px;
  object-fit: cover;
  border-radius: 15px;
}
.browse-speciality h6 {
  font-size: 18px;
  color: #000;
}
.browse-speciality p {
  font-size: 14px;
  color: #707070;
}
.browse-speciality a {
  font-size: 14px;
  font-family: 'Montserrat';
  color: #000;
  font-weight: 500;
  text-decoration: none;
}
.browse-speciality a:hover {
  color: #F2183D;
}

.new.testimonial-section {
  background: linear-gradient(45deg, #FEEDEF, transparent);
  padding: 58px 0 80px 0;
}
.new.testimonial-section h2{
  margin: 0;
  color: #000;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 1.3em;
}
.new.testimonial-section .testimonial-box {
  display: flex;
  align-items: center;
}
.new.testimonial-section .testimonial-box .carousel-img {
  border: 0;
  z-index: 1;
}
.new.testimonial-section .testimonial-box .car-cover {
  padding: 30px 34px 30px 60px;
  margin: 0 0 0 -32px;
  box-shadow: 3px 3px 10px 0px #00000026;
}
.new.testimonial-section .testimonial-box .car-cover:after {
  content: "";
  background-image: url(https://i.imgur.com/u544UvB.png);
  width: 80px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 15px;
  right: 30px;
}
.new.testimonial-section .testimonial-box .car-cover h5, .new.testimonial-section .testimonial-box .car-cover p {
  text-align: left;
  font-size: 23px;
  line-height: 1.3em;
}
.new.testimonial-section .testimonial-box .car-cover h5{
  margin-top: 20px;
}

.new.caters-love{
  background: #fff;
  BORDER-bottom: 1PX SOLID #FEEDEF;
}
.new.caters-love p {
  margin: 0px 0 30px 0;
  font-size: 17px;
  line-height: 1.3em;
}
.new.caters-love h4 {
  color: #000000;
  font-size: 25px;
  margin-top: 0;
  text-transform: uppercase;
}
.new.special-about-section {
  background-image: unset ;
}
.new.special-about-section h3 {
  color: #000000;
  font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3em;
  margin-bottom: 30px;
}
.new.special-about-section ul {
  padding-left: 15px;
  list-style: none;
}
.new.special-about-section li {
  font-size: 18px;
  padding: 10px 20px 10px 35px;
    background: #FEEDEF;
    border-radius: 34px;
    
  position: relative;
}
.new.special-about-section li:before {
  content: "";
  background-image: url(https://i.imgur.com/NRpyjYs.png);
  background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: contain;
    left: -15px;
    top: 5px;
}

.browse-states {
  background: url(../../../images/pattern1.png) no-repeat top left / contain, url(../../../images/pattern2.png) no-repeat top right / contain;
  padding: 80px 0px;
  BORDER-top: 1PX SOLID #FEEDEF;
}
.browse-states h3 {
  color: #000000;
  font-size: 25px;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: 700;
}
.browse-states a {
  font-size: 14px;
  font-family: 'Montserrat';
  color: #000;
  font-weight: 500;
  text-decoration: none;
}
.browse-states a:hover {
  background-color: #F2183D;
}
.browse-states .btn{
  color: #000000;
  background-color: #FEEDEF;
  border: 0;
  border-radius: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 15px;
  font-weight: 400;
}

.states-page.innerpage-container, .states-city-page.innerpage-container {
  background: transparent;
}
.state-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}
.state-box .name {
  color: #000;
  font-weight: 500;
  font-family: 'Montserrat';
  text-decoration: none;
}




.featured-cousine-section {
  background: url('../../../images/coisine-bg.jpg') no-repeat center top / cover;
  padding: 73px 0;

  position: relative;
}

.featured-cousine-section h3 {
  color: #fff;
  font-size: 120px;
  font-family: 'Montserrat';
  font-weight: 800;
  margin: 0 0 70px 0;
  text-align: center;
}

.video-wrapper {
  background: url(../../../images/video-bg.png) no-repeat center top / cover;
  padding: 89px 0 50px;
  border-radius: 4px;

}
.featured-cousine-section .video-wrapper {
  width: 100%;
  height: 490px;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

}
.featured-cousine-section .video-wrapper video {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

}

.video-wrapper h3 {
  background: url('../../../images/rectangle16.png') no-repeat bottom left;
  font-size: 32px;
  color: #fff;
  font-weight: 600;
  font-family: 'Montserrat';
  margin: 0 0 0 56px;
  text-align: left;
}

.video-wrapper p {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  font-family: 'Montserrat';
  margin: 16px 0 0 56px;
}




.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}



.modal-body {
  position: relative;
  padding: 0px;
}

.close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}

.featured-event-section {
  background: url('../../../images/coisine-bg.jpg') no-repeat center top / cover;
  padding: 73px 0;

  position: relative;
}




.featured-event-section h3 {
  color: #fff;
  font-size: 120px;
  font-family: 'Montserrat';
  font-weight: 800;
  margin: 0 0 20px 0;
  text-align: center;
}
.event-wrapper img {
  width: 100%;
  height: 668px;
  object-fit: cover;
  border-radius: 4px;
}
/* .event-wrapper {
  background: url('../../../images/event.png') no-repeat center top / cover;
  padding: 146px 0 50px;
  border-radius: 4px;
}

.event-wrapper h3 {
  background: url('../../../images/rectangle16.png') no-repeat bottom left;
  font-size: 32px;
  color: #fff;
  font-weight: 600;
  font-family: 'Montserrat';
  margin: 0 0 0 56px;
  text-align: left;
}

.event-wrapper p {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  font-family: 'Montserrat';
  margin: 16px 0 0 56px;
} */
#homeEventCarousel .carousel-indicators {
  display: none;
}
#homeEventCarousel .carousel-control-next, #homeEventCarousel .carousel-control-prev {
  align-items: flex-start;
  width: auto;
  position: unset;
  opacity: 1;
}
#homeEventCarousel.carousel-dark .carousel-control-next-icon,#homeEventCarousel.carousel-dark .carousel-control-prev-icon {
  filter: unset;
  width: 3rem;
  height: 3rem;
}
#homeEventCarousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M4 12L8 8M4 12L8 16' stroke='%23000000' stroke-width='0.9600000000000002' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
#homeEventCarousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23D9042B'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M20 12L16 8M20 12L16 16' stroke='%23D9042B' stroke-width='0.9600000000000002' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.event-icon {
  background: none;
  position: relative;
  display: block;
  margin: 100px auto;
  border: none;
}

.about-event {
  background: #fff;
  padding: 30px;
  border-radius: 4px;
}

.about-event h4 {

  font-size: 24px;
  font-weight: 600;
  color: #F2183D;

}
.catrer-pic{
  position: relative;
}
.catrer-pic img{
  width: 100%;
}
.catrer-pic h4 {
  position: relative;
  font-family: cursive;
  background: #fff;
  box-shadow: 0 3px 6px #00000026;
  padding: 8px 15px;
  text-align: center;
  border-radius: 4px;
  margin-top: -20px;
}
.catrer-pic h4 span {
  font-size: 18px;
  font-weight: 600;
}
.about-event p {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #736D6E;
}

.about-event hr {
  color: #736D6E;
  margin: 30px 0;
}

.about-event span {
  font-size: 13px;
  color: #000;
  font-family: 'Montserrat';
  line-height: 15px;
  font-weight: 400;
}

.about-event ul {
  padding: 14px 27px 0;
  margin: 0;
  list-style: none;
  /* Remove default bullets */
}

.about-event ul li {
  font-size: 13px;
  color: #000;
  font-family: 'Montserrat';
  font-weight: 600;
  line-height: 30px;
  position: relative;

}

.about-event ul li::before {
  content: "\2022";
  color: #F2183D;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -28px;
  font-size: 41px;
  top: -5px;
  position: absolute;

}

.food-section {
  background: url(../../../images/pattern1.png) no-repeat top left / contain, url(../../../images/pattern2.png) no-repeat top right / contain;
  padding: 100px 0 0px;
  position: relative;
}

.food-sec1,
.food-sec2,
.food-sec3 {
  position: relative;
}

.big-sec3 {
  float: right;
}

.particle-food1 {
  position: absolute;
  animation: float 4s ease-in-out infinite;
  right: 0px;

}


@keyframes float {
  0% {

    transform: translatey(0px);

  }

  50% {

    transform: translatey(-20px);
  }

  100% {

    transform: translatey(0px);
  }
}

.food-sec1 .catrers-floationg-box {
  float: right;
  margin: 30px -40px 30px 0;
  transform: rotate(351deg);
}


.catrers-floationg-box {
  background: #fff;
  padding: 20px 30px;
  width: auto;
  display: inline-block;
  border-radius: 50px;
  box-shadow: 0px 10px 20px 0px rgb(242 24 61 / 10%);
  -webkit-box-shadow: 0px 10px 20px 0px rgb(242 24 61 / 10%);
  -moz-box-shadow: 0px 10px 20px 0px rgb(242 24 61 / 10%);

}


.catrers-floationg-box p {
  font-family: 'Montserrat';
  margin: 0;
  position: relative;
  padding: 0 0 0 29px;
  font-size: 24px;
  font-weight: 600;
  color: #1D1D1B;
  line-height: 24px;
  max-width: 451px;
}

.catrers-floationg-box p:before {
  content: "\2022";
  color: #F2183D;
  font-weight: bold;
  width: 0.9em;
  font-size: 42px;
  top: -2px;
  position: absolute;
  margin: 0px;
  padding: 0;
  left: 0;
}

.big-section-image1 {
  margin: 80px 0 0;
}

.cat-box2 {
  transform: rotate(10deg);
  margin: 140px 0 50px 0;
}

.cat-box3 {
  transform: rotate(351deg);
  margin: 95px -73px 50px 0;
  float: right;
}




.particle-food2 {
  position: absolute;
  animation: float2 4s ease-in-out infinite;
  left: 0px;
  top: 276px;
}



@keyframes float2 {
  0% {

    transform: translatex(0px);
  }

  50% {

    transform: translatex(-20px);
  }

  100% {

    transform: translatex(0px);
  }
}



.particle-food3 {
  position: absolute;
  animation: float3 6s ease-in-out infinite;
  left: 0px;
  bottom: 104px;
}



@keyframes float3 {
  0% {

    transform: rotate(0deg);
  }

  50% {

    transform: rotate(180deg);
  }

  100% {

    transform: rotate(0deg);
  }
}


.cat-box4 {
  margin: 45px 0 0px 0;
  float: right;
}


.cat-box5 {
  margin: 129px auto 0px auto;
  display: inline-block;
  transform: rotate(14deg);

}




.food-sec3 {
  text-align: center;
}

.particle-food4 {
  position: absolute;
  animation: float4 6s ease-in-out infinite;
  right: 70px;
  top: 381px;
}


@keyframes float4 {
  0% {

    transform: rotate(0deg);
  }

  50% {

    transform: rotate(180deg);
  }

  100% {

    transform: rotate(0deg);
  }
}

.download-container a {
  margin: 0 10px 0 0;
}

.download-container {
  padding-top: 60px;
}










.play-btn {
  width: 74px;
  height: 72px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  display: block;
  margin: 100px auto;
  border: none;
}

/* triangle */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #f2183d;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }

}

.featured-1 {
  margin: 40px 0 0;
}

footer {
  background: transparent;
  /* padding: 65px 0 5px; */
  /* background: url('../../../images/footer-bg.jpg')no-repeat center center / cover; */
  min-height: 560px;
  position: relative;
  display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: -85px;
}
.footer-overlay {
  background-image: url(../../../images/footer-bg.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.footer-top {
  padding-top: 120px;
}
footer .col-auto, footer .col-xs-12{
  z-index: 1;
}
.footer-logo img {
  width: 150px;
}
footer p {
  color: #ffffff;
  font-size: 14px;
  font-family: 'Montserrat';
  line-height: 24px;
  /* margin: 24px 0 0 0; */
  font-weight: 500;
}


footer h5 {
  color: #ffffff;
  font-size: 16px;
  /* font-family: 'Noto Sans'; */
  line-height: 24px;
  font-weight: 600;
  margin: 0px 0 19px 0;
}
footer h6 {
  color: #ffffff;
  font-size: 20px;
  /* font-family: 'Noto Sans'; */
  line-height: 24px;
  font-weight: 600;
}
footer .list-unstyled li a, .footer-botton-link, .copyright-txt {
  color: #ffffff;
  font-size: 14px;
  /* font-family: 'Noto Sans'; */
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

footer .list-unstyled li:hover a, .footer-botton-link:hover {
  color: #F2183D;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.footer-bottom {
  border-top: 1px solid #D9D9D9;
  z-index: 1;
  /* margin: 80px auto 0 auto;
  padding-top: 30px; */
}

.footer-bottom .list-unstyled li {
  display: inline-block;
  margin: 0 20px 0 0;
}

.caters-love {
  padding: 80px 0;
  background: #FFEFF1;
}

.caters-love h4 {
  color: #F2183D;
  font-size: 52px;
  font-weight: bold;
  font-family: 'Montserrat';
  line-height: 49px;
  margin: 140px 0 0 0;
}

.caters-love p {
  font-size: 24px;
  color: #1D1D1B;
  line-height: 36px;
  font-family: 'Noto Sans';
  margin: 50px 0 60px 0;
  padding: 0 82px 0 0;
}

.caters-love button {
  background: #f2183d;
  color: #fff;
  font-size: 16px;
  font-family: 'Noto Sans';
  margin: 0 17px 0 0;
  border: 1px solid #f2183d;
}

.caters-love button:hover {
  border: 1px solid #f2183d;
  color: #f2183d;
  background: #fff;
}

.caters-love a {
  color: #f2183d;
  font-size: 16px;
  font-family: 'Noto Sans';
  font-weight: 500;
}

.download-app-section {
  background-color: #f2183d;
  padding: 60px 0;
  background-image: url('../../../images/arrow-down.png');
  background-position: right center;
  background-repeat: no-repeat;
}


.app-container {
  position: relative;
}



.wavy-white {
  position: absolute;
  animation: wavy2 4s ease-in-out infinite;
  left: -80px;
  top: 35px;
}

@keyframes wavy2 {
  0% {

    transform: translatex(0px);
  }

  50% {

    transform: translatex(-20px);
  }

  100% {

    transform: translatex(0px);
  }
}



.arrow-small {
  position: absolute;
  animation: aSmall 6s ease-in infinite;
  right: 97px;
  bottom: 35px;
}

@keyframes aSmall {
  0% {

    transform: translatex(0px);
  }

  50% {

    transform: translatex(-20px);
  }

  100% {

    transform: translatex(0px);
  }
}


.download-container h3 {
  color: #FFEFF1;
  font-size: 90px;
  font-weight: 900;
  font-family: 'Montserrat';
  line-height: 90px;
}

.download-container h3 span {
  font-weight: 600;
}

.app-image {
  margin: 0 0 0 -142px;
}

.download-container h6 {
  color: #FFEFF1;
  font-size: 36px;
  font-weight: 500;
  font-family: 'Montserrat';
  line-height: 36px;
  margin: 85px 0 20px 0;
}

.download-container p {
  color: #FFEFF1;
  font-size: 18px;
  font-weight: 500;
  font-family: 'Montserrat';
  line-height: 18px;
  margin: 85px 0 30px 0;
}


.special-about-section {
  background-color: #fff;
  padding: 60px 0;
  background-image: url('../../../images/arrow-down.png');
  background-position: right center;
  background-repeat: no-repeat;
}
.special-about-section h3 {
  color: #f2183d;
  font-size: 42px;
  font-weight: 900;
  font-family: 'Montserrat';
  line-height: 50px;
  margin-bottom: 70px;
}


.special-about-section li {
  color: #111;
  font-size: 24px;
  font-weight: 500;
  font-family: 'Montserrat';  
  margin: 0px 0 25px 0;
}
.special-about-section li::marker {
  color: #F2183D;
}

.why-customer-section {
  padding: 103px 0 80px;
}

.why-customer-section h3 {
  color: #f2183d;
  font-size: 32px;
  font-weight: bold;
  line-height: 39px;
  margin: 0 0 45px 0;
}


.why-box p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin: 30px 0 0;
  padding: 0 0 0 74px;
}

.why-box h6 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
  padding: 0 0 0 74px;
}

/*******Counter css*******/
.testimonial-section {
  background: #FFEFF1;
  padding: 80px 0;
}


.testimonial-section h2 {
  color: #f2183d;
  font-size: 32px;
  font-weight: bold;
  line-height: 39px;
  margin: 0 0 45px 0;
  text-align: center;
}

.car-cover {
  background: #fff;
  border-radius: 10px;
  padding: 48px 34px 30px;
  margin: -35px 0 0 0;
}

.car-cover h5 {
  color: #736D6E;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  font-family: 'Noto Sans';
  margin: 0;
}

.car-cover span {
  color: #736D6E;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans';
  margin: 5px 0;
  padding: 0;

}

.car-cover i {
  color: #f2183d;
  font-size: 27px;
  display: block;
}

.car-cover p {
  color: #736D6E;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  font-family: 'Noto Sans';
  margin: 5px 0;
  padding: 0;

}
.testimonial-section .carousel .carousel-control-next, .testimonial-section .carousel .carousel-control-prev {
  align-items: flex-start;
  width: auto;
  position: unset;
  opacity: 1;
}
.testimonial-section .carousel .carousel-indicators{
  margin-bottom: -1.5rem;
}
.testimonial-section .carousel .carousel-control-next-icon,.testimonial-section .carousel .carousel-control-prev-icon {
  filter: unset;
  width: 3rem;
  height: 3rem;
}
.testimonial-section .carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M4 12L8 8M4 12L8 16' stroke='%23000000' stroke-width='0.9600000000000002' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.testimonial-section .carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23D9042B'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M20 12L16 8M20 12L16 16' stroke='%23D9042B' stroke-width='0.9600000000000002' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}




.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}




/*****Particles Movement css*****/

.parallax-wrap {
  position: relative;

}


.parallax-wrap span {
  --shift-px: calc(var(--shift) * 1px);
  --size: 0.6vw;
  border-radius: 50%;
  height: var(--size);
  position: absolute;
  transform: translateX(calc((100vw - var(--x) * var(--shift-px)) / 90)) translateY(calc((100vh - var(--y) * var(--shift-px)) / 90));
  width: var(--size);
  z-index: 3;
}

.parallax-wrap span:nth-child(1) {
  --shift: -15;
  background: blue;
  left: 70%;
  top: 70%;
}

.parallax-wrap span:nth-child(2) {
  --shift: 5;
  background: #f2183d;
  right: -26%;
  top: 30%;
}

.parallax-wrap span:nth-child(3) {
  --shift: 5;
  background: #d61636;
  left: 57px;
  top: 21%;
}

.parallax-wrap span:nth-child(4) {
  --shift: -5;
  background: red;
  left: 38%;
  top: 82%;
}

.parallax-wrap span:nth-child(5) {
  --shift: 15;
  background: #f2183d;
  left: 56%;
  top: 57%;
}

/****Mouse Move image****/
.mouse_move {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mouse_move img {
  position: absolute;
}

#img1 {
  top: 80px;
  left: 80px;
  height: 250px;
  width: 250px;
}

.listing-circle-cat {
  padding: 50px 0 0 0;
  background: #FFFCFC;
}

header {
  position: relative;
  z-index: 1021;
}


.banner-listing {
  padding: 100px 0;
  position: relative;
  background: linear-gradient(179deg, #ffeff1, transparent);
  overflow: hidden;
  margin: -53px 0 0 0;
  border-bottom: 1px solid #FDE0E4;
  z-index: 9;
}

.banner-listing::before {
  background-image: url(../../../images/banner-pattern1.png), url(../../../images/banner-pattern2.png);
  background-position: top left, top right;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  position: absolute;
  content: "";
  left: 0px;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}

.listing-left-img {
  position: absolute;
  left: 0;
  top: 61px;
}

.listing-right-img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.banner-listing h3 {
  font-size: 40px;
  color: #F2183D;
  font-weight: bold;
  line-height: 49px;
}

.banner-listing p {
  font-size: 24px;
  color: #5C5C5C;
  font-weight: 500;
  line-height: 29px;
}



#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey
}

#progressbar .active {
  color: #673AB7
}

#progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: 400
}

#progressbar #account:before {
  font-family: FontAwesome;
  content: "\f13e"
}

#progressbar #personal:before {
  font-family: FontAwesome;
  content: "\f007"
}

#progressbar #payment:before {
  font-family: FontAwesome;
  content: "\f030"
}

#progressbar #confirm:before {
  font-family: FontAwesome;
  content: "\f00c"
}

#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px
}

#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
  background: #673AB7
}

.progress {
  height: 20px
}

.progress-bar {
  background-color: #673AB7
}


.listing-style-banner ul {
  list-style: none;
  padding: 0;
  display: flex;
  margin: 46px 0 0 0;
}

.listing-style-banner ul li {
  position: relative;
  margin: 0 34px;
}

.listing-style-banner ul li:before {
  content: '';
  width: 93%;
  height: 2px;
  background: #f2183d;
  position: absolute;
  left: 106px;
  top: 47px;
  z-index: -1;
}

.listing-style-banner ul li:last-child:before {
  display: none;
}

.listing-style-banner ul li p {
  color: #d61636;
  font-size: 18px;
  font-weight: 400;
  margin: 20px 0 0 0;
}


.box-circle {

  display: inline-block;
  border: 1px solid #f2183d;
  padding: 20px;
  border-radius: 50px;
  height: 90px;
  width: 90px;
  background: #FFEFF1;
}

.bg-pink {
  background: #FFFCFC;
}

.listing-circle-cat .category-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 50px 0 100px 0px;
  padding: 0px;

}

.brand__items {
  /* margin: 0 48px 0 0; */
  text-align: center;
}

.brand__items a {
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70% auto;
  transition: all .3s ease;
  cursor: pointer;
  /* border: 1px solid #F2183D; */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 10px 21px 0px rgb(242 24 61 / 10%);
  -webkit-box-shadow: 0px 10px 21px 0px rgb(242 24 61 / 10%);
  -moz-box-shadow: 0px 10px 21px 0px rgba(242, 24, 61, 0.10);
}

.brand__items svg {
  width: 89px;
  fill: #f2183d !important;
}

.brand__items h2 {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Montserrat';
  margin: 30px 0 0 0;
  color: #F2183D;
  text-transform: uppercase;
}

.brand__items a:hover {
  box-shadow: 0 0 0 5px rgb(255 0 43 / 10%), 0 0 0 10px #f2183d;
  background-color: #F2183D;
}


.listing-circle-cat h3 {
  color: #f2183d;
  font-size: 32px;
  font-weight: 600;
  line-height: 39px;
  margin: 0 0;
}


.listing-sidebar .card {
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  margin: 0 0 20px 0px;
}

.listing-sidebar .card-title {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 16px 0;
  margin: 0 0 20px 0px;
}

.listing-sidebar .card-title img {
  margin: 0 3px 0 0;
}

.listing-sidebar input[type="search"] {
  border: 1px solid #BBBBBB;
  padding: 10px 12px 10px 33px;
  margin: 0;
  border-radius: 4px;
  width: 100%;
  background: url(../../../images/search.png) no-repeat 11px 16px;
}

.listing-sidebar input[type="search"]::placeholder {
  color: #999999;
}

/* Style the buttons */
#myBtnContainer .btn {
  outline: none;
  padding: 10px 20px;
  background-color: #EFEFEF;
  cursor: pointer;
  border-radius: 60px;
  font-size: 14px;
  color: #5C5C5C;
  border: 1px solid #D9D9D9;
  margin: 5px;
  font-family: 'Noto Sans';

}

#myBtnContainer .btn:hover {
  background-color: #FFEFF1;
  color: #F2183D;
  border: 1px solid #F2183D;
  font-weight: 600;
}

#myBtnContainer .btn.active {
  background-color: #FFEFF1;
  color: #F2183D;
  border: 1px solid #F2183D;
  font-weight: 600;
}


.listing-sidebar .form-check-label {
  color: #5C5C5C;
  font-size: 14px;
  font-family: 'Noto Sans';
}


.card-body .btn-link {
  padding: 0;
  border: none;
  text-decoration: none;
  width: 100%;
  text-align: left;
  outline: none !important;
}

.dont-collapse-sm {
  margin: 20px 0 0 0;

}

.card-body .btn-link:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

.listing-box h5 {
  color: #1D1D1B;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  margin: 0;
}

.cityname {
  color: #5C5C5C;
  font-size: 14px;
  font-family: 'Noto Sans';
  font-weight: 400;
  padding: 3px 0 0 0;
}
.business-info i {
  font-size: 14px;
}
.listing-specs p {
  color: #5C5C5C;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  margin: 0;
  padding: 0;
}

.listing-specs span {
  color: #1D1D1B;
  font-size: 16px;
  font-family: 'Montserrat';
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.listing-specs {
  margin: 40px 0 0 0;
}

.listing-specs .col-lg-6 {
  margin: 20px 0 0 0;
  padding: 0;

}

.review-box {
  /* border: 1px solid #F32649; */
  border-radius: 5px;
  padding: 0;
  text-align: center;
  float: right;
}

.review-box span {
  display: block;
  /* padding: 6px 7px; */
  font-size: 12px;
  color: #5C5C5C;
}

.review-box p {
  font-size: 16px;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  color: #000000;
  font-weight: 400;
  line-height: 16px;
}

.review-box img {
  display: inline-block;
  vertical-align: middle;
}

.red-bg {
  /* background: #F32649;
  padding: 2px 5px; */
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.red-bg span {
  padding: 0px 2px;
  font-size: 16px;
  color: #9b9393;
}

.red-bg .fa-star.checked {
  color: orange;
}

.red-bg .fa-star-half-alt.checked {
  color: orange;
}

.list-badge {
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  font-family: 'Montserrat';
  border-radius: 25px;
  text-align: center;
  text-transform: uppercase;
  display: inline;
}

.yellow-bg {
  background: #EEC32B;
  color: #423E1B;
}

.blue-bg {
  background: #3C91E6;
  color: #fff;
}


/* .listing-image {
  position: relative;
  padding: 1.7rem;
} */




.review2-box {
  float: left;
  width: 100%;
  margin: 88px 0 0 0px;
}

.review2-box span {
  font-size: 14px;
  color: #5C5C5C;
  line-height: 19px;
}

.review2-box img {
  width: auto;
  height: 16px;
  margin: 0 8px 0 0px;
}

.review2-box p {
  font-size: 16px;
  color: #5C5C5C;
  line-height: 22px;
  margin: 0px;
}



/****Pagination css******/
.page-link {
  position: relative;
  display: block;
  color: #F2183D;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 5px;
  margin: 0 10px;
  font-weight: 600;
}

.page-link:hover {
  z-index: 2;
  color: #000000 !important;
  background-color: #ffffff;
  border-color: #dee2e6;
}


.premium-listing {
  /* background: #FFFBED !important; */
}


.premium-listing .listing-specs p {
  color: #000;
  font-family: 'Montserrat';
  font-weight: 700;
}

.premium-listing .listing-specs span {
  color: #5C5C5C;
  font-family: 'Noto Sans';
  font-weight: 600;
}

.regular-listing {
  background: #FFFFFF !important;
}


.regular-listing .listing-specs p {
  color: #000;
  font-family: 'Montserrat';
  font-weight: 700;
}

.regular-listing .listing-specs span {
  color: #5C5C5C;
  font-family: 'Noto Sans';
  font-weight: 500;
}

/******Listing More Modal Css*****/
.listing-more {
  background: #FFFCFC;
  padding: 20px;
}

.listing-more .modal-header {
  padding: 0;
  margin: 0 0 20px 0;
  border-bottom: 0;
}

.listing-more h3 {
  color: #f2183d;
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  margin: 0 0 30px 0;
}

.listing-check {
  border: 1px solid #E9E9E9;
  background: #fff;
  padding: 7px 20px;
  border-radius: 4px;
  margin: 7px 0;
  min-height: 78px;

}


.listing-check .form-check-input[type="checkbox"] {
  float: right;
}

.listing-check .form-check {
  padding: 10;
  float: left;
  width: 100%;
}

.listing-check .form-check-input[type="checkbox"] {
  float: right;
  vertical-align: middle;
  margin: 25px 0 0 0;
}

.listing-check .form-check label {
  float: left;
  width: 100%;
}

.listing-check img {
  margin: 0 16px 0 0;
}

.listing-check span {
  color: #F2183D;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Montserrat';
}


.listing-more .modal-footer {
  border-top: none;
}

.clr-all {
  color: #5C5C5C;
  font-size: 16px;
  font-family: 'Noto Sans';
  text-decoration: none;
}

.apply-btn {
  background: #F2183D;
  float: right;
  padding: 10px 35px;
  border: 1px solid #F2183D;

}

.apply-btn:hover {
  background: #fff;
  color: #F2183D;
  border: 1px solid #F2183D;
}

.form-check-input[type=checkbox] {
  border-color: #F2183D;
}

.form-check-input[type=radio] {
  border-color: #F2183D;
}

/*******Vendor Details page Css*******/

.vendor-banner {
  background: url(../../../images/vendor-banner.jpg) no-repeat center top / cover;
  padding: 30px 0 0;
  position: relative;

}

.vendor-banner::before {
  content: '';
  background: linear-gradient(0deg, rgba(29, 29, 27, 1) 0%, rgba(29, 29, 27, 0) 100%);
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}


.wrapper {
  padding: 50px;
  margin: 0 auto;
  display: block;
  width: 100px;
}

.wish-wrapper {
  background: #FFEFF1;
  float: right;
  padding: 7px;
  border-radius: 50px;
}



.icon-wishlist {
  cursor: pointer;
  width: 22px;
  height: 21px;
  opacity: .5;
  background: url("../../../images/Vector.svg") no-repeat center;
}

.icon-wishlist:hover {
  opacity: 1;
}

.icon-wishlist.in-wishlist {
  opacity: 1;
  animation-name: wishlist-ani;
  animation-duration: 1000ms;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjE5NyAtODYuNzIgODE0LjA5NSA3NjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMTk3IC04Ni43MiA4MTQuMDk1IDc2ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzIwMjAyMDt9DQoJLnN0MXtmaWxsOiNDQUQ3NDc7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MDQuMDQ3LDY4MS4yOGMtMy44NCwwLTkuNi0xLjkyLTEzLjQ0LTMuODRjLTEzLjQ0LTExLjUyLTMzNi0yNDkuNi0zODUuOTItNDUzLjEyDQoJYy0xOS4yLTgyLjU2LTEuOTItMTY4Ljk2LDQ2LjA4LTIzMC40YzQyLjI0LTUxLjg0LDEwMS43Ni04MC42NCwxNjguOTYtODAuNjRjOTYsMCwxNTMuNiw0OS45MiwxODQuMzIsOTcuOTINCgljMzAuNzItNDgsOTAuMjQtOTcuOTIsMTg0LjMyLTk3LjkyYzY3LjIsMCwxMjYuNzIsMjguOCwxNjguOTYsODIuNTZjNDgsNjEuNDQsNjUuMjgsMTQ3Ljg0LDQ2LjA4LDIzMC40DQoJYy00OCwyMDEuNi0zNzAuNTYsNDM5LjY4LTM4NCw0NTEuMkM2MTUuNTY4LDY3OS4zNiw2MDkuODA3LDY4MS4yOCw2MDQuMDQ3LDY4MS4yOHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00MTkuNzI4LTM4LjcyYy02Ny4yLDAtMTA5LjQ0LDM0LjU2LTEzMC41Niw2My4zNmMtMzguNCw0OS45Mi01My43NiwxMjIuODgtMzYuNDgsMTkwLjA4DQoJYzQwLjMyLDE2My4yLDI4OS45MiwzNjQuOCwzNTMuMjgsNDEyLjhjNjMuMzYtNDgsMzEyLjk2LTI1MS41MiwzNTMuMjgtNDEyLjhjMTUuMzYtNjcuMiwxLjkyLTE0MC4xNi0zNi40OC0xODguMTYNCgljLTI0Ljk2LTMwLjcyLTY3LjItNjUuMjgtMTM0LjQtNjUuMjhjLTEyOC42NCwwLTE2MS4yOCwxMDkuNDQtMTYxLjI4LDExMS4zNmMtMS45Miw5LjYtMTEuNTIsMTcuMjgtMjMuMDQsMTcuMjhsMCwwDQoJYy0xMS41MiwwLTE5LjItNy42OC0yMy4wNC0xNy4yOEM1ODEuMDA4LDY4LjgsNTQ4LjM2Ny0zOC43Miw0MTkuNzI4LTM4LjcyeiIvPg0KPC9zdmc+DQo=");
}

@keyframes wishlist-ani {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(0.5);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}




.review-wrapper {
  background: #fff;
  border-radius: 5px;
  padding: 20px 30px !important;
  position: relative;
  z-index: 2;
  background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.review-wrapper h3 {
  color: #000;
  font-size: 24px;
  font-weight: 600;

}

.rating h4 {
  color: #F2183D;
  font-size: 52px;
  font-weight: 400;
  font-family: 'Noto Sans';
  text-align: center;

}

.rating h5 {
  color: #5C5C5C;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Noto Sans';
}

.stars .fa-star {
  color: #f2183d;
}

.stars .checked {
  color: #F2183D;
}

.stars .fa-star:before {
  font-size: 24px;
}

.rating {
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #D9D9D9;
}

.hori-rating .fa-star {
  color: #F2AF29;
}

.hori-rating p {
  padding: 0px;
  color: #5C5C5C;
  font-size: 16px;
  margin: 0;
}

.hori-rating .progress-bar {
  background: #c0bfbd;
}

.hori-rating span {
  padding: 0px;
  color: #000;
  font-size: 16px;
  margin: 0;
  /* text-decoration: underline; */
}

.hori-rating {
  margin: 15px 0;
}

.rating-end p {
  color: #888888;
  font-size: 14px;
  line-height: 19px;
  margin: 0;
}

.rating-end .btn {
  background: #F2183D;
  color: #fff;
}

.rating-end .btn:hover {
  background: #ccc;
}

.rating-end {
  margin: 35px 0 30px 0;
}

.vendor-container {
  background: #FFFCFC;
  margin-top: -53px;
    padding-top: 80px;
    padding-bottom: 0px;
}


.video-wrapper2 {
  background: url(../../../images/video-bg-small.png) no-repeat center top / cover;
  padding: 68px 0 32px;
  border-radius: 4px;
}

.play-btn2 {
  width: 74px;
  height: 72px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  display: block;
  margin: 45px auto;
  border: none;
}

.video-wrapper2 h3 {
  background: url(../../../images/rectangle16.png) no-repeat bottom left;
  font-size: 24px !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-family: 'Montserrat' !important;
  margin: 0 0 0 20px;
  text-align: left;
}

.video-wrapper2 p {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  font-family: 'Montserrat';
  margin: 16px 0 0 20px;
}

/* triangle */
.play-btn2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #f2183d;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn2:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate12 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate12 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate12 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }

}

.calculate-form {
  background: #fff;
}

.calculate-form h5 {
  /* background: black; */
  /* text-align: center; */
  /* color: #fff; */
  padding: 10px 0 20px 0;
  font-size: 20 px;
  font-weight: 600;
  border-radius: 6px 6px 0px 0px;
  margin: 0px;
}


.calculate-form .input-group-text {
  background: #fff;
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  border-left: 1px solid #BBBBBB;
  border-right: none;
}

.calculate-form .input-group-text i {
  color: #BBBBBB;
}

.calculate-form .guest-input {
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
  border-left: none;
  color: #5F5F5F;
  font-size: 14px;
  font-family: 'Noto Sans';
  padding: 9px;

}

.calculate-form .guest-input::placeholder {
  color: #5F5F5F;
  font-size: 14px;
  font-family: 'Noto Sans';
}

.hide {
  display: none !important;
}


.select-add .add-more,
.select-add .add-more2 {
  color: #F2183D;
  font-size: 14px;
  font-family: 'Noto Sans';
}


.price-tag {
  border: 1px solid #F2183D;
  background: #FFEFF1;
  border-radius: 6px;
  padding: 10px 0;
}

.price-tag h6 {
  color: #F2183D;
  font-size: 19px;
  font-weight: 500;
  margin: 0px;
  text-align: center;
}

.request-btn {
  background: #F2183D;
  color: #fff;
  font-size: 16px;
  font-family: 'Noto Sans';
  padding: 10px 0;
}

.disc {
  font-size: 14px;
  line-height: 21px;
  color: #5C5C5C;
  text-align: center;
  margin: 20px 0 0 0;
}

.disc a {
  color: #F2183D;
  text-decoration: none;
}


#navbar_top {
  background: #fff;
  border-radius: 4px 4px 0 0;

}

.fixed-top {
  top: -40px;
  transform: translateY(40px);
  transition: transform .3s;
  margin: 0px !important;
  position: fixed;
  z-index: 9;
}

#navbar_top a.nav-link {
  color: #5C5C5C;
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight: 500;
}

#navbar_top li {
  margin: 0 35px 0 0;
}



.image--cover {
  width: 150px;
  height: 150px;
  border-radius: 4px;
  /* border-radius: 50%; */
  object-fit: cover;
  object-position: center right;
  /* border: 2px solid #F2183D; */
}

.social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
}
.earned-badge li {
  border: 1px solid #ECECEC;
  border-radius: 4px;
  padding: 10px;
}

.social-icons li a {
  padding: 0 8px;
  color: #939393;
}

#navbar_top .navbar-nav {
  flex-direction: row;
}

.speciality-row h4,
.calculate-list h4 {
  color: #1D1D1B;
  /* font-size: 16px; */
  font-weight: 600;
  font-family: 'Montserrat';
  margin: 0 0px 20px 0;
  padding: 0;
  line-height: 20px;

}

.spec-box {
  display: inline-flex;
  padding: 0px;
  background: #F6F6F6;
  border: 1px solid #A0A0A0;
  align-items: center;
  border-radius: 5px;
  margin: 0 6px 0 0;
  vertical-align: middle;
}

.spec-box img {
  margin: 0px 0px 0 0px;
  display: inline-block;
  border-right: 1px solid #A0A0A0;
  padding: 1px 16px;
}

.spec-box p {
  font-size: 14px;
  padding: 7px 16px;
  color: #5C5C5C;
  margin: 0;
}

#menu h4,
#serve h4 {
  color: #1D1D1B;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Montserrat';
  margin: 0 0px 20px 0;
  padding: 0;
  line-height: 20px;
}

.awards li {
  list-style: none;
  margin: 0 35px 0 0;
}

.awards p {
  color: #5C5C5C;
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0px 00px 0;
}

.gallery-section {
  background: #fff;
  padding: 70px 0 0;
  /* border-bottom: 1px solid #E9E9E9; */
  margin: 0 0 70px 0;
}

.gallery-section h5 {
  color: #F2183D;
  font-size: 24px;
  font-family: 'Montserrat';
  font-weight: 600;
}



/*******Carousel slider css*******/
.carousel .slides {
  padding: 30px 20px;
}

.carousel .slides li {
  box-shadow: 0px 10px 21px 0px rgb(29 29 27 / 12%);
  -webkit-box-shadow: 0px 10px 21px 0px rgb(29 29 27 / 12%);
  -moz-box-shadow: 0px 10px 21px 0px rgba(29, 29, 27, 0.12);
  border-radius: 5px;
}

.carousel .slides li img {
  border-radius: 5px 5px 0px 0px;

}

.carousel .slides li p {
  padding: 20px;
  margin: 0;
  color: #1D1D1B;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Montserrat';
}

.Review h2 {
  font-size: 18px;
  font-family: 'Montserrat';
  color: #F2183D;
  line-height: 22px;
  font-weight: 600;
}

.Review h3 {
  font-size: 16px;
  color: #1D1D1B;
  line-height: 22px;
  font-weight: 400;
  font-family: 'Noto Sans';
}


.btn-outline-primary {
  color: #F2183D;
  border-color: #F2183D;
}

.btn-outline-primary:hover {
  border-color: #F2183D;
  color: #F2183D;
  background-color: #FFEFF1;

}

.Review .btn {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Noto Sans';
  /* padding: 13px 20px; */
}

.stars-yellow .checked {
  color: #F2AF29 !important;
}

.stars-yellow .fa-star {
  color: #C0BFBD;
}

#module {
  font-size: 1rem;
  line-height: 1.5;
}


#module #collapseExample.collapse:not(.show) {
  display: block;
  height: 3rem;
  overflow: hidden;
}

#module #collapseExample.collapsing {
  height: 3rem;
}

#module a.collapsed::after {
  content: '+ Read More';
}

#module a:not(.collapsed)::after {
  content: '- Show Less';
}

.Review p {
  color: #5C5C5C;
  font-size: 14px;
  font-family: 'Noto Sans';
  line-height: 21px;
  margin: 0;
}

.read-review {
  color: #F2183D;
  text-decoration: none;
}

.calculate-list .nav-tabs .nav-link {
  padding: 11px 40px;
  border: none;
  background: #FFEFF1;
  color: #F2183D;
  border-radius: 0;
  font-size: 16px;
  font-family: 'Montserrat';
  font-weight: 500;
  text-decoration: underline;
}

.calculate-list .nav-tabs .nav-link.active {
  background: #F2183D;
  color: #fff;
  text-decoration: none;
}

.menu-table>tbody>tr:nth-of-type(odd) {
  background: #FFEFF1;
  --bs-table-accent-bg: transparent !important;
}

.table> :not(caption)>*>* {
  border-bottom-width: 0px !important;
  padding: 3px 0;
  margin: 11px 0;
}

.menu-table>tbody>tr .form-check {
  margin: 0;
  padding: 0;
  display: inline-block;
  min-height: 0px;
}

.menu-table>tbody>tr,
.menu-tableth {
  text-align: center;
}

.menu-table>tbody>tr {
  color: #5C5C5C;
}

.menu-table thead th {
  padding: 0px 0 25px 0;
}

.menu-table {
  margin: 20px 0;
  text-align: center;
}

.menu-table thead tr th {
  font-weight: 600;
  color: #1D1D1B;
}

.menu-table tr td {
  font-weight: 500;
  color: #5C5C5C;
  font-size: 14px;
}


.menu-table tbody tr th {
  font-weight: 500;
}


/*******Signup page css*******/
.signin-up-wrapper {
  border-bottom: rgba(0, 0, 0, .125) solid 1px;
}

.signin-up-wrapper h2 {
  color: #F2183D;
  font-size: 40px;
  line-height: 49px;
  font-family: 'Montserrat';
  font-weight: 400;
  margin: 0px;
}

.loginwith img {
  margin: 0 15px 0 0;
}

.loginwith a {
  color: #5C5C5C;
  font-size: 16px;
  font-family: 'Noto Sans';
  line-height: 22px;
  text-decoration: none;
  width: 75%;
    padding: 10px 1rem;
    border: 1px solid #dee2e6!important;
    border-radius: 0.3rem;
    line-height: 1.5;
    text-align: center;
}

.loginwith:hover {
  border-color: #F2183D !important;
}

.or-div {
  position: relative;
}

.or-div::before {
  position: absolute;
  content: "";
  top: 29px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #D9D9D9;
}

.or-div span {
  padding: 0 20px;
  background: #fff;
  z-index: 9;
}

.form-log input[type="email"],
.form-log input[type="password"],
.form-log input[type="text"],
.form-log input[type="textarea"],
.form-log textarea,
.form-log select,
.form-log input[type="number"],
.form-log input[type="tel"] {
  background: #f6f6f630;
  color: #888888;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  border-radius: 0.3rem;
  font-family: 'Noto Sans';
  /* border: none; */
  border: 1px solid #f6f6f6;
  margin: 0.5rem 0;
  width: 100%;
}

.form-log p {
  color: #888888;
  font-size: 14px;
  font-family: 'Noto Sans';
}

.form-log .btn {
  font-size: 16px;
  font-family: 'Noto Sans';
  color: #fff;
  padding: 13px 1rem;
  margin: 16px 0 32px 0;
}

.form-log .newlink {
  font-size: 14px;
  font-family: 'Noto Sans';
}

.form-log .newlink a {
  text-decoration: none;
  color: #F2183D;
  font-weight: 600;
}

.signin-up-wrapper h3 {
  color: #F2183D;
  font-size: 30px;
  line-height: 39px;
  font-family: 'Montserrat';
  font-weight: 400;
}

.form-log .btn-outline-primary {
  color: #F2183D;
  background: #FFEFF1;
  font-weight: 600;
}

.newlink strong {
  font-weight: 500;
}

.signin-up-wrapper__ {
  padding: 40px 0 120px 0;
}

.step {
  color: #000 !important;
  font-size: 16px !important;
  border-left: 2px solid #F2183D !important;
  padding: 11px 13px;
}

.video-signup {
  margin: 71px 0;
}

.signin-up-wrapper label {
  color: #1D1D1B;
  font-size: 16px;
  font-family: 'Montserrat';
  font-weight: 600;
}


/* ------------------------------------------ */
/* ----- combobox / dropdown list styling     */
/* ------------------------------------------ */
.combobox {
  /* Border slightly darker than Chrome's <select>, slightly lighter than FireFox's */
  border: 1px solid #999;
  padding-right: 1.25em;
  /* leave room for ▾ */
  background: #F6F6F6;
  color: #888888;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  border-radius: 0.3rem;
  font-family: 'Noto Sans';
  border: none;
  margin: 0.5rem 0;
  width: 100%;
}

.combobox {
  /* "relative" and "inline-block" (or just "block") are needed
     here so that "absolute" works correctly in children */
  position: relative;
  display: inline-block;
}

.combobox>.downarrow,
.dropdown>.downarrow {
  /* ▾ Outside normal flow, relative to container */
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.25em;

  cursor: default;
  nav-index: -1;
  /* nonfunctional in most browsers */

  border-width: 0px;
  /* disable by default */
  border-style: inherit;
  /* copy parent border */
  border-color: inherit;
  /* copy parent border */
}

/* Add a divider before the ▾ down arrow in non-dropdown comboboxes */
.combobox:not(.dropdown)>.downarrow {
  border-left-width: 1px;
}

/* Auto-down-arrow if one is not provided */
.downarrow:empty::before {
  content: '▾';
}

.downarrow::before,
.downarrow>*:only-child {
  text-align: center;

  /* vertical centering trick */
  position: relative;
  top: 50%;
  display: block;
  /* transform requires block/inline-block */
  transform: translateY(-50%);
}

.combobox>input {
  border: 0
}

.dropdown>*:last-child,
.combobox>*:last-child {
  /* Using `display:block` here has two desirable effects:
     (1) Accessibility: it lets input widgets in the dropdown to
         be selected with the tab key when the dropdown is closed. 
     (2) It lets the opacity transition work.
     But it also makes the contents visible, which is undesirable 
     before the list drops down. To compensate, use `opacity: 0`
     and disable mouse pointer events. Another side effect is that
     the user can select and copy the contents of the hidden list,
     but don't worry, the selected content is invisible. */
  display: block;
  opacity: 0;
  pointer-events: none;

  transition: 0.4s;
  /* fade out */
  position: absolute;
  left: 0;
  top: 100%;
  border: 1px solid #888;
  background-color: #fff;
  box-shadow: 1px 2px 4px 1px #666;
  box-shadow: 1px 2px 4px 1px #4448;
  z-index: 9999;
  min-width: 100%;
  box-sizing: border-box;
}

/* List of situations in which to show the dropdown list.
   - Focus dropdown or non-last child of it => show last-child
   - Focus .downarrow of combobox => show last-child
   - Stay open for focus in last child, unless .less-sticky
   - .sticky last child stays open on hover
   - .less-sticky stays open on hover, ignores focus in last-child */
.dropdown:focus>*:last-child,
.dropdown>*:focus~*:last-child,
.combobox>.downarrow:focus~*:last-child,
.combobox>.sticky:last-child:hover,
.dropdown>.sticky:last-child:hover,
.combobox>.less-sticky:last-child:hover,
.dropdown>.less-sticky:last-child:hover,
.combobox>*:last-child:focus:not(.less-sticky),
.dropdown>*:last-child:focus:not(.less-sticky) {
  display: block;
  opacity: 1;
  transition: 0.15s;
  pointer-events: auto;
}

/* focus-within not supported by Edge/IE. Unsupported selectors cause 
   the entire block to be ignored, so we must repeat all styles for 
   focus-within separately. */
.combobox>*:last-child:focus-within:not(.less-sticky),
.dropdown>*:last-child:focus-within:not(.less-sticky) {
  display: block;
  opacity: 1;
  transition: 0.15s;
  pointer-events: auto;
}

/* detect Edge/IE and behave if though less-sticky is on for all
   dropdowns (otherwise links won't be clickable) */
@supports (-ms-ime-align:auto) {
  .dropdown>*:last-child:hover {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
}

/* detect IE and do the same thing. */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .dropdown>*:last-child:hover {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
}

.dropdown:not(.sticky)>*:not(:last-child):focus,
.downarrow:focus,
.dropdown:focus {
  pointer-events: none;
  /* Causes second click to close */
}

.downarrow:focus {
  outline: 2px solid #8BF;
  /* Edge/IE can't do outline transparency */
  outline: 2px solid #48F8;
}

/* ------------------------------------------ */
/* ----- Optional extra styling for combobox / dropdown */
/* ------------------------------------------ */
*,
*:before,
*:after {
  /* See https://css-tricks.com/international-box-sizing-awareness-day/ */
  box-sizing: border-box;
}

.combobox>*:first-child {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  /* so 100% includes border & padding */
}

/* `.combobox:focus-within { outline:...}` doesn't work properly 
   in Firefox because the focus box is expanded to include the 
   (possibly hidden) drop list. As a workaround, put focus box on 
   the focused child. It is barely-visible so that it doesn't look
   TOO ugly if the child isn't the same size as the parent. It
   may be uglier if the first child is not styled as width:100% */
.combobox>*:not(:last-child):focus {
  outline: 2px solid #48F8;
}

.combobox {
  margin: 24px 0;
  border: 1px solid #d9d9d9;


}

.formrow {
  display: flex;
  align-items: center;
}

.formrow>span:first-child,
.formrow>label>span:first-child {
  display: inline-block;
  width: calc(4em + 8%);
}

.combobox .color {
  width: 60px;
  height: 40px;
  display: inline-block;
}

.color:hover {
  outline: 2px solid #888;
  /* Edge/IE can't do outline transparency */
  outline: 3px solid #4448;
}

.colorlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.cb-item {
  display: block;
  margin: 0px;
  padding: 2px;
  color: #000;
}

.cb-item:hover,
.cb-item:hover>a:visited {
  color: #fff;
  background-color: #88f;
}

/* ------------------------------------------ */
/* ----- Collapsable Documentation            */
/* ------------------------------------------ */
.collapsable>input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.collapsable>input[type=checkbox]~* {
  max-height: 1000em;
  transition: 0.6s cubic-bezier(1, 0, 1, 0);
  overflow: hidden;
}

.collapsable>input[type=checkbox]:not(:checked)~* {
  max-height: 0;
  transition: 0.6s cubic-bezier(0, 1, 0, 1);
}

.collapsable label>span {
  text-decoration: underline dotted gray;
}

.combobox .accordion-button {
  padding: 0 20px;
}




.combobox .accordion-button::after {
  background-image: url('../../../images/check2.svg') !important;

}

.combobox .accordion-button:not(.collapsed)::after {
  background-image: url('../../../images/check1.svg') !important;
  transform: rotate(0deg) !important;
}

.combobox .accordion-button {
  color: #5C5C5C;
  font-size: 16px;
  font-family: 'Noto Sans';
}


.combobox .accordion-button:not(.collapsed) {
  background: #fff !important;
}

.apply-btn {
  padding: 16px 0;
  text-align: center;
  width: 100%;
  color: #F2183D;
  font-size: 16px;
  font-family: 'Noto Sans';
  font-weight: 600;
  text-decoration: none;
  background: #fff;
  border: none;
}

.apply-btn:hover {
  border: none;
  background: #F2183D;
  color: #fff;
}


.combobox .accordion-body h4 {
  color: #5C5C5C;
  font-size: 12px;
  font-family: 'Noto Sans';
  text-transform: uppercase;
  margin: 0 0 30px 0;
}

.combobox .accordion-body label {
  color: #717171;
  font-size: 14px;
  font-family: 'Noto Sans';
  text-transform: capitalize;
  font-weight: 400;
}

.text-other {
  background: #fff !important;
  border: 1px solid #BBBBBB !important;
  padding: 5px !important;
  margin: 0 !important;
  width: 90% !important;
  display: inline-block;
}

.form-check-label img {
  margin: 0 0 0 5px;
}




/**************Image Upload Css***************/

.image-wrapper {
  background-color: #fff;
  padding: 0;
  border-radius: 5px;
  width: 360px;
  max-width: 100%;
  margin: 10px auto;
  align-self: center;
  box-sizing: border-box;
}

.image-wrapper .images {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.image-wrapper .images .img,
.image-wrapper .images .pic {
  flex-basis: 85%;
  margin-bottom: 10px;
  border-radius: 4px;
}

.image-wrapper .images .img {
  width: 200px;
  height: 225px;
  background-size: cover;
  margin-right: 10px;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.image-wrapper .images .img:nth-child(3n) {
  margin-right: 0;
}

.image-wrapper .images .img span {
  display: none;
  text-transform: capitalize;
  z-index: 2;
}

.image-wrapper .images .img::after {
  content: '';
  width: 100%;
  height: 100%;
  transition: opacity .1s ease-in;
  border-radius: 4px;
  opacity: 0;
  position: absolute;
}

.image-wrapper .images .img:hover::after {
  display: block;
  background-color: #000;
  opacity: .5;
}

.image-wrapper .images .img:hover span {
  display: block;
  color: #fff;
}

.image-wrapper .images .pic {
  background-color: #97b2b2;
  align-self: center;
  text-align: center;
  padding: 20px 0;
  text-transform: uppercase;
  color: #ffff;
  font-size: 12px;
  cursor: pointer;
}















/*******business-profile ********/

.business-profile {
  background: #FFFCFC;
  padding: 100px 0;
  margin: -46px 0 0 0;
}


.user-image {
  display: inline-block;
  width: 32px;
  padding-top: 0%;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 50%;
  margin: 0;
  height: 32px;
  margin: 0 7px 0 0;
}

.user-image>img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  width: 32px;
  height: 32px;
}

.user-dd h3 {
  color: #3D6877;
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin: 0;
  padding: 0
}

.user-dd h4 {
  color: #97B2B2;
  font-size: 12px;
  font-weight: 300;
  display: block;
  margin: 0;
  padding: 0
}

.bell-down .dripicons-bell {
  font-size: 20px;
  color: #679190;
}

.username {
  display: inline-block;
  vertical-align: middle;
}

.dropdown-menu-lg {
  max-width: 300px;
  min-width: 280px;
  padding: 0;
}

.profile-drop {
  margin: 48px 0 0 0;
  position: relative;
  padding: 0 20px 0 0;

}

.profile-drop:after {
  position: absolute;
  right: 0px;
  top: 0px;
  content: "";
  background: url('../../../images/drop.png') no-repeat center top;
}

.user-dd .dropdown-menu {
  border-color: #E9E9E9;
  box-shadow: -1px 9px 21px -3px rgba(114, 69, 69, 0.12);
  -webkit-box-shadow: -1px 9px 21px -3px rgba(114, 69, 69, 0.12);
  -moz-box-shadow: -1px 9px 21px -3px rgba(114, 69, 69, 0.12);
  padding: 0;
}

.user-dd .dropdown-menu .dropdown-item {
  color: #717171;
  font-size: 14px;
  font-family: 'Noto Sans';
  padding: 16px 20px;
  
}
.user-dd .dropdown-menu .dropdown-item:not(:last-child){
  border-bottom: 1px solid #D9D9D9;
}

.user-dd .dropdown-menu .dropdown-item:hover {
  background: #F2183D;
  color: #fff;
}



.pic-container {
  cursor: pointer;
  overflow: hidden;
}

.pic {
  width: 100%;
  height: 100%;
  display: block;
}

.pic-container.pic-xs {
  width: 50px;
  height: 50px;
}

.pic-container.pic-small {
  width: 70px;
  height: 70px;
}

.pic-container.pic-medium {
  width: 200px;
  height: 200px;
  margin: 0px auto;
}

.pic-container.pic-large {
  width: 250px;
  height: 250px;
}


.pic-container.pic-xl {
  width: 350px;
  height: 350px;
}

.pic-container.pic-circle {
  border-radius: 50%;
}

.pic-overlay {
  background-color: #ccc;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

}

.pic-container:hover .pic-overlay {
  top: -100%;
}

.pic-overlay a {
  display: block;
  padding: 10px;
}

.pic-xs .pic-overlay a {
  padding: 5px;
}

.pic-overlay .fa-window-close-o {
  color: red;
}

.pic-overlay .fa-pencil-square-o {
  color: blue;
}

.pic-medium .pic-overlay a i {
  font-size: 20px;
}

.pic-large .pic-overlay a i {
  font-size: 35px;
}

.pic-xl .pic-overlay a i {
  font-size: 45px;
}


.profile-container h2 {
  color: #1D1D1B;
  font-size: 18px;
  font-family: 'Noto Sans';
  text-align: center;
  margin: 24px 0 8px 0;
}

.profile-container p {
  color: #888888;
  font-size: 14px;
  font-family: 'Noto Sans';
  text-align: center;
  margin: 0;
}

.profile-details-container .card-title {
  color: #F2183D;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  font-family: 'Montserrat';
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}

/* .profile-details-container .card-body{
    padding: 2rem;
  } */
.card-title img {
  vertical-align: top;
  display: inline-block;
}



.business-profile .card-title {
  color: #F2183D;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  font-family: 'Noto Sans';
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}

.menu-card p {
  color: #000;

}

.menu-card .card-body {
  padding: 1.3rem;
}

.progress-card h4 {
  color: #1D1D1B;
  font-size: 14px;
  line-height: 16px;
  font-family: 'Noto Sans';
  text-align: center;
  margin: 15px 0 16px 0;
}

.progress-card h4 strong {
  color: #F2183D;
}


.progress-chart {
  padding: 10px 0;
  border-bottom: 1px solid #D9D9D9;
  align-items: center;
}

.progress-left img {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;

}

.progress-left p {
  color: #F2183D;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.progress-right {
  text-align: right;
  color: #5C5C5C;
  font-size: 16px;

}

.bg-primary2 {
  background-color: #F2183D !important;
}



.horizontal-scroll-bar {
  height: 180px;
  overflow-y: scroll
}


/********* cuisine and dietary search style***********/
.btn-group-vertical label {
  /* background: red; */
  outline: none;
  padding: 10px 20px;
  background-color: #EFEFEF;
  cursor: pointer;
  border-radius: 60px;
  font-size: 14px;
  color: #5C5C5C;
  border: 1px solid #D9D9D9;
  margin: 5px;
  font-family: 'Noto Sans';
}

.btn-group-vertical div {
  display: inline-block;
  position: relative;
}

.btn-group-vertical {
  width: 100%;
  display: block !important;
}

.btn-group-vertical btn-check:active+.btn-primary,
.btn-group-vertical .btn-check:checked+.btn-primary,
.btn-group-vertical .btn-primary.active,
.btn-group-vertical .btn-primary:active,
.btn-group-vertical .btn-primary:hover {
  background-color: #FFEFF1;
  color: #F2183D;
  border: 1px solid #F2183D;
  font-weight: 600;
}


.dietry.btn-group-vertical {
  display: flex !important;
  flex-direction: unset;
  align-items: unset;
  justify-content: unset;
  flex-wrap: wrap;
}

.dietry.btn-group-vertical div[type=checkbox] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dietry.btn-group-vertical label {
  background-color: transparent;
  border: 0;
}
.dietry.btn-group-vertical label img {
  margin: 0;
}

/********* cuisine and dietary search style***********/



a.RegularLink {
  color: #000000;
  text-decoration: none;
  font-family: 'Merriweather';
}

a.RegularLink:hover {
  color: #F2183D;
  text-decoration: none;
}


a.IconLink {
  color: #5C5C5C;
  text-decoration: none;
}

a.IconLink:hover {
  color: #0000009b;
  text-decoration: none;
}


.more-btn {
  padding: 0rem 0.4rem 0rem 0.4rem !important;
  font-size: .7rem !important;
  border-radius: 1rem !important;
  background-color: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
}













.no-suggestions {
  color: #999;
  padding: 0.5rem;
}

.suggestions {
  border: 1px solid rgb(218, 216, 216);
  color: rgb(80, 80, 80);
  font-style: italic;
  border-top-width: 0;
  list-style: none;
  margin-top: 0;
  max-height: 143px;
  overflow-y: auto;
  padding-left: 0;
  width: calc(200px + 1rem);
  border-radius: 8px;
}

.suggestions li {
  padding: 0.2rem;
}

.suggestion-active,
.suggestions li:hover {
  background-color: #e5e5e5;
  color: #2b2b2b;
  cursor: pointer;
}

.suggestions li:not(:last-of-type) {
  /* border-bottom: 1px solid #999; */
}

.tiny-text {
  font-size: 12px;
}


.tag-item {
  background-color: rgb(236, 236, 236);
  display: inline-block;
  padding: 0.1em 0.75em 0.3em 0.75em;
  border-radius: 20px;
  width: fit-content;
  /* margin: .4em; */
  margin: 0 7px 7px 0;
  position: relative;
}
.tag-item .text {
  font-size: 12px;
}

.tag-item .itemClose {
  /* height: 20px;
  width: 20px;
  background-color: #dc3545;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: .5em;
  font-size: 12px; */
  cursor: pointer;
  position: absolute;
  top: -5px;
  right: 0;
  line-height: 1;
}
.tag-item .itemClose:hover{
  color: #dc3545;
}

.standardHeading {
  color: #F2183D;
  font-size: 40px;
  line-height: 49px;
  font-family: 'Montserrat';
  font-weight: 400;
}


.nav-link.active {
  background-color: transparent !important;
  font-weight: 700;
}








/*****************Vendor Detail Page CSS by Tajammul************************/
.spec-box p {
  /* font-size: 11px; */
  padding: 3px 7px;
}

.spec-box {
  margin: 6px 6px 0 0;
}

/* .vender-box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
  } */
/* .vender-box .detail {
    width: 65%;
    padding: 20px;
    background: #fff;
    z-index: 1;
  } */
/* .vender-box .review {
    width: 35%;
  } */
.review-wrapper h3 {
  font-size: 20px;
}

.icon-wishlist {
  width: 16px;
  height: 16px;
}

.rating {
  padding: 0px 0 0px 0;
  border-bottom: 1px solid #D9D9D9;
}

.hori-rating {
  margin: 4px 0;
}

.rating-end {
  margin: 12px 0 0px 0;
}

.vendor-banner {
  padding: 30px 0;
}

.vendor-detail-stars .fa-star {
  color: #f2af29;
}

.vendor-detail-stars .fa-star.checked {
  color: #F2AF29;
}

.vendor-detail-dietry .spec-box p {
  font-size: 14px;
  padding: 5px 10px;
  color: #fff;
}

.vendor-detail-dietry .spec-box {
  background: #F2183D;
}

.speciality-row h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}




.st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.open_een {
  fill: #0B1719;
}


.st1 {
  fill: none;
  stroke: #000000;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

/*****************Vendor Detail Page CSS by Tajammul************************/




.simpleIconButton {
  cursor: pointer;
}


.simpleIconButton:hover {
  cursor: pointer;
  color: red !important;
}
span.simpleIconButton.close-btn {
  position: absolute;
  top: -12px;
  right: 0;
}
span.simpleIconButton.edit-btn {
  line-height: 1;
  font-size: 12px;
  background: #000;
  color: #fff;
  padding: 2px 4px;
  border-radius: 5px;
  position: absolute;
  left: 10px;
  top: -6px;
}

.lowHightButton {
  font-family: 'Noto Sans';
  display: inline-block;
  font-weight: 600;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #d0d0d0;
  padding: 0.1rem 0.4rem 0.1rem 0.4rem;
  font-size: 0.7rem;
  border-radius: 0.6rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  /* margin: 16px 0 32px 0; */
  color: #484848;
  background-color: #fefefe;
}


.lowHightButton:hover {
  color: #ffffff;
  background-color: #ef0d0d94;
}




.awardCard {
  font-size: 0.9rem;
  font-weight: 600;
  font-family: 'Noto Sans';
  color: #383838;
  background-color: #fdfdfd;
  border: 1px solid #ebebeb;
  border-radius: 0.6rem;
  margin: 0.5rem;
  padding: 1rem;
  min-height: 180px;
}

.awardImage {
  max-height: 100px;
  max-width: 100px;
}


.standardHeading {
  color: #F2183D;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 1.6rem;
}







.btn.btn-social-icon {
  width: 40px;
  height: 40px;
  padding: 0;
  background: #d6d6d6;
  color: #373737;
  font-size: 24px;
}

.btn.btn-social-icon:hover {
  background: #808080;
  color: #ffffff;
}

.btn.btn-rounded {
  border-radius: 50px;
}





.form-switch .form-check-input {
  height: 24px;
  width: 48px;
}

.form-switch .form-check-input:focus {
  border-color: rgba(0, 0, 0, 0.25);
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0,0,0,0.25)'/></svg>");
}

.form-switch .form-check-input:checked {
  background-color: #ff0000;
  border-color: #ff0000;
  border: none;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}


.form-control-little {
  display: block;
  width: 100%;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  /* line-height: 1.5; */
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 1rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.combobox-little {
  border: 1px solid #999;
  padding-right: 1.25em;
  background: #F6F6F6;
  color: #888888;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
  font-size: .9rem;
  border-radius: 1rem;
  font-family: 'Noto Sans';
  border: none;
  margin: 0.5rem 0;
  width: 100%;
}








/*****************Event Gallery CSS Start**********************/
.event-gallery .card-title-box {
  display: flex;
  align-items: flex-start;
  color: #F2183D;
  font-family: 'Noto Sans';
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}

.event-gallery .card-title-icon {
  margin-right: 8px;
}

.event-gallery .card-text .main-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 4px;
}

.event-gallery .card-text .sub-title {
  color: #5C5C5C;
  font-size: 14px;
  margin: 0;
}

.event-collection .collection-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.event-collection .heading {
  font-weight: 600;
}

.album-title {
  font-size: 14px;
  padding: 16px 6px;
}

.album-title p {
  margin: 0;
}

.album-img {
  border-radius: 4px;
  height: 180px;
  width: 100%;
  object-fit: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}

.albums .photo-count {
  background: #000;
  color: #fff;
  position: absolute;
  right: 20px;
  bottom: 65px;
  padding: 2px 12px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: bold;
}
.gallery.event-item-controls {
  visibility: visible;
  bottom: unset;
  top: 10px;
}
/****Modal CSS*****/
.event-collection-modal .upload-btn {
  background: #F6F6F6;
  width: 100%;
  height: 158px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}

.event-collection-modal #upload {
  opacity: 0;
}

.event-collection-modal #upload-label {
  /* transform: translateY(-15%); */
  transform: translateY(0%);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.event-collection-modal #upload-label i {
  font-size: 24px;
}

.event-info .btn {
  width: 100%;
  background: #000;
  border: 1px solid #000;
}

.event-info .form-control {
  font-size: 14px;
  padding: 11px;
}

.event-info .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
}

.event-collection-modal .modal-footer {
  display: block;
}

.event-gallery-items img,
.event-gallery-upload-items img {
  border-radius: 6px;
  height: 140px;
  width: 100%;
  object-fit: cover;
}

.event-item-controls {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  visibility: hidden;
}

.event-gallery-photo:hover .event-item-controls {
  visibility: visible;
}

.event-item-controls .form-check {
  padding-left: 0;
}

.event-item-controls .form-check-label {
  background: #1D1D1B;
  border-radius: 51px;
  font-size: 12px;
  color: #fff;
  padding: 2px 10px;
  cursor: pointer;
}

.event-item-controls input[type=radio] {
  display: none;
}

.event-item-controls input[type=radio]:checked+label {
  background: #F2183D;
  visibility: visible;
}




.event-item-controls button {
  border: none;
  background: #000;
  color: #fff;
  border-radius: 50px;
}

.event-item-controls button:hover {
  background: #F2183D;
}

.event-collection-modal .modal-content {
  background: #FFFCFC;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}

.event-collection-modal .modal-body {
  background: #fff;
  border: solid #E9E9E9;
  border-width: 0px 1px 0px 1px;
  border-radius: 4px 4px 0 0;
}

.event-collection-modal .modal-footer {
  background: #fff;
  border-radius: 0 0 4px 4px;
  border: solid #E9E9E9;
  border-width: 0px 1px 1px 1px;
}

.event-collection-modal .modal-header {
    background: #fff;
    border: solid #E9E9E9;
    border-width: 1px 1px 0px 1px;
}

.row.event-gallery-items {

  max-height: 200px;
  overflow-y: auto;
}

.event-gallery-upload-items {
  max-height: 200px;
  overflow-y: auto;
}

.event-collection-modal .modal-header .btn-close {
  position: absolute;
  right: 11px;
  top: 11px;
  font-size: 12px;
}

.event-collection-modal .form-control {
  /* background-color: #fffcfc; */
  color: #F2183D;
  border-width: 1px !important;
}

.event-collection-modal .form-control:focus {
  border-color: #F2183D !important;
  box-shadow: none;
}


.event-gallery-photo {
  background-color: #fdfdfd;
  border: 1px solid #ebebeb;
  border-radius: 0.6rem;
  padding: 0.5rem;
}

.borderOnClick {
  border-width: 0px !important;
}

.borderOnClick:focus {
  border-width: 1px !important;
}

.eventGalleryName {
  padding: 6px;
  margin: 0;
  color: #1D1D1B;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Montserrat';
  width: 90%;
    margin: auto;
}

.eventGalleryBoxView {
  border: #cacaca solid 1px !important;
  background-color: #f5f5f59b;
  padding: 12px;
  max-height: 250px;
  text-align: center;
  border-radius: 6px;
}


.eventGalleryPicture {
  max-height: 600px;
}


/*****************Event Gallery CSS End**********************/


/*Event Gallery Modal*/
.carousel-indicators button.thumbnail {
  width: 100px;
  height: auto;
}

.carousel-indicators button.thumbnail:not(.active) {
  opacity: 0.7;
}

.carousel-indicators {
  /* position: static; */
  margin: 0 auto;
  /* flex-wrap: wrap; */
}

/*Event Gallery Modal End*/




/*****Menu******/
.menu-table tr td span {
  background: #F2183D;
}

.menu-row .accordion-button {
  font-size: 14px;
}

.menu-row .accordion-button::after {
  background-size: 1rem;
}

.menu-row .accordion-button:focus {
  box-shadow: none;
}

.menu-row .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #f2183d;
}

.menu-row .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.menu-table td .badge {
  margin-left: 5px
}

/****Menu End****/




/**** Message Start ****/

.messageBox2 {
  border: #fdbebe solid 1px;
  background-color: #fff4f49b;
  padding: 6px;
  margin: 12px;
  border-radius: 6px;

  font-family: 'Noto Sans';
  font-size: 16px;
  font-weight: 400;
}

.messageBox2 .userName {
  width: 600px;
}

/**** Message End ****/






/***********Static Inner Pages CSS Starts******************/

/***Static Pages Banner**/

.innerpage-banner {
  margin: -53px 0 0 0;
  position: relative;
}

.innerpage-banner::before {
  content: '';
  background: linear-gradient(0deg, rgba(29, 29, 27, 1) 0%, rgba(29, 29, 27, 0) 100%);
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.innerpage-banner-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.innerpage-title {
  color: #fff;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.innerpage-container {
  background: #FFFCFC;
  padding: 50px 0;
}

/****Contact Us Page****/

.contact-form-box form .form-control {
  padding: 15px 20px;
  border: 1px solid #BFCCE0 !important;
  border-radius: 4px !important;
  color: #818DA9;
  font-size: 16px;
}

.contact-form-box form .form-group {
  margin-bottom: 24px;
}

.contact-form-box form .btn-primary {
  color: #fff;
  border-color: #F2183D;
  background-color: #F2183D;
  border-radius: 4px;
  font-weight: 500;
  font-size: 18px;
  line-height: 16px;
  padding: 15px;
  width: 100%;
}


/****faq Page****/


.faq-content .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #F2183D;
}

.faq-content .accordion-collapse {
  background: #1D1D1B;
  color: #fff;
}

.faq-content .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
}


/***Privacy Policy page**/




/***Airline Meals page**/


/*****/
.airline-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.airline-details {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
}

.airline-name {
  color: #F2183D;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
}

.airline-country {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}

.airline-food b {
  background: #F2183D;
  color: #fff;
  font-size: 11px;
  padding: 3px 7px;
  border-radius: 4px;
  text-transform: uppercase;
}

.airline-badge i {
  font-size: 32px;
  color: #F2183D;
  border: 1px solid;
  padding: 10px;
  border-radius: 48px;
}


/***Meat & Poultry page**/

/*****/
.meat-poultry-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}

.meat-poultry-box .name {
  color: #F2183D;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
}

.meat-poultry-box .subtitle {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}


/***Halal Manufacturer page**/

/*****/
.halal-menufac-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}

.halal-menufac-box .title {
  color: #F2183D;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
}

.halal-menufac-box .origin {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}



/***Halal Authorities page**/


/*****/
.halal-auth-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.halal-auth-details {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.halal-auth-name {
  color: #F2183D;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
}

.halal-auth-country {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}

.halal-auth-food b {
  background: #F2183D;
  color: #fff;
  font-size: 11px;
  padding: 3px 7px;
  border-radius: 4px;
  text-transform: uppercase;
}

.halal-auth-badge i {
  font-size: 32px;
  color: #F2183D;
  border: 1px solid;
  padding: 10px;
  border-radius: 48px;
}

#americanHalalMore {
  display: none;
}

button#americanHalalMorebtn {
  float: right;
  border: 0;
  background: #F2183D;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
}


/***Halal Offering page**/


/*****/
.halal-offering-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.halal-offering-container h6 {
  background: #1D1D1B;
  color: #fff;
  text-align: center;
  border-radius: 0 15px 0 15px;
}

.halal-offering-details {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.halal-offering-name {
  color: #F2183D;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
}

.halal-offering-country {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}

.halal-offering-outlet b {
  background: #F2183D;
  color: #fff;
  font-size: 11px;
  padding: 3px 7px;
  border-radius: 4px;
  text-transform: uppercase;
}

.halal-offering-badge i {
  font-size: 36px;
  color: #F2183D;
  border: 1px solid;
  padding: 10px;
  border-radius: 7px;
}

/*************Static Inner Pages CSS End*****************/




/*****Admin Dashboard******/
.dashboard-nav ul li::marker {
  content: unset;
}

.dashboard-nav ul li .item {
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 15px;

  display: flex;
  align-items: center;
}

.dashboard-nav ul li .item i {
  font-size: 26px;
  line-height: 1.3em;
  margin-right: 15px;
}

.nav-link .img-profile {
  height: 2rem;
  width: 2rem;
}

.topbar .nav-link .badge-counter,
.topbar .nav-link .badge-counter {
  position: absolute;
  transform: scale(.7);
  transform-origin: top right;
  right: 0.25rem;
  margin-top: -0.25rem;
}

.badge-danger {
  color: #fff;
  background-color: #e74a3b;
}

.topbar .dropdown-toggle::after {
  content: unset;
}

.topbar .dropdown-list {
  padding: 0;
  border: none;
  overflow: hidden;
}

.topbar .dropdown-list .dropdown-header {
  background-color: #4e73df;
  border: 1px solid #4e73df;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #fff;
  font-weight: 800;
  font-size: .65rem;
}

.topbar .dropdown-list .dropdown-item {
  white-space: normal;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-left: 1px solid #e3e6f0;
  border-right: 1px solid #e3e6f0;
  border-bottom: 1px solid #e3e6f0;
  line-height: 1.3rem;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.icon-circle {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topbar .topbar-divider {
  width: 0;
  border-right: 1px solid #e3e6f0;
  height: calc(4.375rem - 2rem);
  margin: auto 1rem;
}

.dashboard-wrapper {
  position: relative;
  top: 0;
  height: 100vh;
  min-height: 100vh;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.sidebar {
  position: relative;
  overflow: auto;
  max-height: 100%;
  height: 100%;
  width: 250px !important;
  z-index: 1;
  background-image: url(../../../images/sidebar-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-panel {
  overflow: auto;
  max-height: 100%;
  height: 100%;
  width: calc(100% - 250px) !important;
  background: rgba(203, 203, 210, 0.15);
}

.main-panel>.content {
  padding: 30px 15px;
  min-height: calc(100% - 123px);
}

/* .footer{
    height: 60px;
  } */
.topbar .dropdown {
  position: relative;
}

.topbar .dropdown .dropdown-menu {
  width: auto;
  right: 0;
  left: auto;
}

.topbar .dropdown-list {
  width: 20rem !important;
}

.navbar-toggler.collapsed>.close,
.navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
  display: none;
}

.navbar-toggler>.close {
  display: inline;
}

.nav-close {
  position: unset;
}

/******Customer ************/
.secondary-btn {
  background-color: #3B71CA !important;
  color: #fff !important;
  border: 0 !important;
}

table thead th span {
  cursor: pointer;
  color: #212529;
}

table thead th span:hover {
  color: #3B71CA;
}

.table-striped>tbody>tr:nth-of-type(odd)>*,
.table-striped>tbody>tr:nth-of-type(even)>* {
  border: 1px solid #0000004d;
}

.strpied-tabled-with-hover .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.pagination .prev-btn {
  order: 1;
}

.pagination .page {
  order: 2;
}

.pagination .next-btn {
  order: 3;
}

.pagination button {
  background: transparent;
  color: #000000;
  width: 40px;
  border: 2px solid #212529;
  padding: 0.275rem 0.75rem;
  line-height: 1.4em;
  font-size: 1.2rem;
  border-radius: 1.25rem;
}



.pagination button[disabled] {
  background: #e3e3e3;
  color: #979797;
  border: 2px solid #979797;
}


.table>thead>tr>th {
  border-bottom-width: 1px;
  font-size: 12px;
  text-transform: uppercase;
  color: #9A9A9A;
  font-weight: 400;
  padding-bottom: 5px;
  border-top: none !important;
  border-bottom: none;
  text-align: left !important;
}

tbody tr:last-child {
  border-bottom: 2px solid;
}

.table td {
  font-size: 0.8rem;
}

.table td i {
  font-size: 1.2rem;
}

.adminButton {
  background: #ffffff;
  color: #000;
  width: auto;
  border: 2px solid #000;
  padding: 0.175rem 0.75rem;
  line-height: 1.4em;
  font-size: 0.9rem;
  border-radius: 1.25rem;
  text-transform: uppercase;
}

.adminButton:hover {
  background: #000;
  color: #fff;
  width: auto;
  border: 2px solid #000;
}


.adminDeleteButton {
  background: red;
  color: #fff;
  width: auto;
  border: 2px solid red;
  padding: 0.175rem 0.75rem;
  line-height: 1.4em;
  font-size: 0.9rem;
  border-radius: 1.25rem;
  text-transform: uppercase;
}

.adminDeleteButton:hover {
  background: #fff;
  color: red;
  width: auto;
  border: 2px solid red;
}



/* Admin tab styles */

.tab-content-admin>.tab-pane-admin {
  display: none;
}

.tab-content-admin>.active {
  display: block;
}

.tab-content-admin {
  padding: 12px;
  background-color: #f9f9f9;
  border: #dfdfdf 1px solid;
  border-top: 2px solid #000;
}

.nav-tabs-admin .nav-item-admin.show .nav-link-admin,
.nav-tabs-admin .nav-link-admin.active {
  color: #ffffff !important;
  background-color: #000000 !important;
}

.nav-link-admin {
  color: #000000;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-link-admin:hover {
  color: #000000;
  font-weight: 500;
  border-bottom: 1px solid #000;
}

/* Admin tab styles */

.offering-td td {
  line-height: 1;
  padding: 0.4rem 0.3rem 0rem 0.3rem !important;
}



.status-buttons input {
  display: none;
}

.status-buttons input:checked+label {
  background-color: #F2183D;
  color: white;
}

.status-buttons input+label {
  opacity: 1;
  margin: 0;
}

.status-buttons label.btn {
  padding: 8px 16px;
  border-color: #888888;
}

.auto-suggesion {
  cursor: pointer;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 2px;
}

.auto-suggesion:hover {
  font-weight: 600;
  background-color: #efefef;
}

.res-rev-search div {
  height: auto !important;
  background: #fff;
}


.search-tab .nav-link {
  color: #000000;
}

.search-tab .nav-link:hover {
  border-color: transparent !important;
  color: #000 !important;
}

.search-tab .nav-link.active {
  color: #ffffff !important;
  background-color: #dc3545 !important;
  border: #dc3545 0px solid;
}

.search-tab .tab-select {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  margin-top: 7px;
}
.search-tab .nav-tabs {
  border-bottom: 0px solid #dee2e6 !important;
}




/* .heart {
  color: #000;
  z-index: 999;
  cursor: pointer;
  display: flex;
}

.heart-checkbox,
.heart .fa-solid {
  display: none;
} */

/* .heart-checkbox:checked+.heart .fa-regular {
  display: none;
}

.heart-checkbox:checked+.heart .fa-solid {
  display: block;
} */

/* .heart-checkbox:checked+.heart,
.heart:hover {
  color: #F32649;
} */




.password-field {
  position: relative;
  display: flex;
  align-items: center;
}

.password-field i {
  position: absolute;
  right: 20px;
  color: gray;
  cursor: pointer;
}

.progress-bg2 {
  width: 100%;
  height: 0.25rem;
  /* background-color: #fbfbfb; */
  border-radius: 0 0 0.2rem 0.2rem;
  position: relative;
}

.progress2 {
  width: 0%;
  height: 0.25rem;
  position: absolute;
  border-radius: 0 0 0.2rem 0.2rem;
  transition: all 0.5s ease-out;
}

.message2 {
  font-size: 0.7rem;
  font-weight: 500;
  margin-top: 0.8rem;
  letter-spacing: 0.05rem;
  color: #ff6837;
}


.caterer-panel-menuItem {
  background-color: #ffecec;
}

.caterer-panel-menuItem img {
  max-height: 110px;
  max-width: 110px;

  border-radius: 4px;
  object-fit: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.caterer-panel-menuItem .menuItemName {
  transform: scale(1, 1.5);
  font-weight: 600;
  font-size: small;
}

.caterer-panel-menuItem .menuItemDescription {
  font-size: smaller;
}

.caterer-panel-menuItem .menuItemPrice {
  display: inline-block;
  padding: 0em 0.25em 0em 0.25em;
  font-size: 0.95em;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.75rem;
  background-color: #F2183D;

}





/* tajammual added new class */

/***Listing Page***/
.listing-options {
  margin-top: -53px;
  padding-top: 80px;
  padding-bottom: 80px;
}

/* .listing-sidebar {
    display: flex;
    flex-wrap: wrap;
  }
  .listing-sidebar .card {
    width: 20%;
  } */
.listing-image img {
  width: 200px;
  height: 165px;
  object-fit: contain;
  max-width: unset !important;
  max-height: unset !important;
}

.list-badge {
  font-size: 10px;
  padding: 1px 10px;
  margin-right: 10px;
}


.btn-group-vertical label {
  padding: 4px 16px;
}

.filters-listing-topbar .card {
  border: 0;
  background-color: transparent;
}

.filters-listing-topbar .card-body {
  padding: 0rem;
}

.filters-listing-topbar {
  background-color: #ffffff;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 0.25rem;
}

.filters-listing-topbar .cuisine-box .card {
  padding-bottom: 6px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  background-color: transparent;
  border-radius: 0px;
}

.filters-listing-topbar .filter-select {
  padding-right: 10px;
  min-width: 199px;
}

button.more-filter {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  font-size: 13.5px;
  line-height: 1.75em;
  font-weight: 600;
}

button.more-filter i {
  margin-left: 4px;
}

.search-by-vendor {
  padding-top: 24px;
}

.more-filter-modal .card {
  margin-bottom: 20px;
}

.search-box .card-body {
  padding-bottom: 23px;
}

.filters-listing-topbar .card-title,
.more-filter-modal .card-title {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.filters-listing-topbar .card-title img,
.more-filter-modal .card-title img {
  margin: 0 3px 0 0;
}

.listing-sidebar .card-title {
  font-size: 14px;
}

.btn-group-vertical .btn-check:checked+.btn-primary:after {
  content: "✖";
  position: absolute;
  top: -5px;
  /* right: 0; */
  background: #fff;
  padding: 3px;
  font-size: 9px;
  border: 1px solid #707070;
  border-radius: 50px;
  line-height: 0.9em;
}

.btn-group-vertical .btn-check:checked+.btn-primary:focus,
.form-check-input:focus,
.form-check-input:checked {
  box-shadow: unset !important;
}

.more-filter-modal .modal-body {
  padding: 0px;
}

.more-filter-modal .horizontal-scroll-bar {
  height: 100px;
}

.more-filter-modal .form-check-input,
.listing-sidebar .form-check-input {
  width: 0.8em;
  height: 0.8em;
  margin-top: 0.35em;
  appearance: auto;
}

.more-filter-modal label.form-check-label,
.listing-sidebar .form-check-label {
  font-size: 13.5px;
}

.form-check-input:checked {
  box-shadow: unset !important;
  border-color: #111111 !important;
  background-color: #111111 !important;
}

.filter-select .form-select {
  font-size: 14px;
  font-weight: 600;
}

.listing-options .form-check-input[type=checkbox],
.listing-options .form-check-input[type=radio] {
  border-color: #111111;
  accent-color: #706c6c;
}

/* .listing-specs .info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  } */
.listing-specs .info p {
  margin-right: 10px;
}

.listing-specs .info .items {
 /* display: flex;
  flex-wrap: wrap;
   flex-direction: column;
  align-items: flex-start; */
}
.listing-specs .info .items span{
  font-size: .8rem;
  font-weight: 400;
  color: #000;
  margin-left: 5px;
}
.listing-specs .info .items>div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* flex-direction: column;
  align-items: flex-start; */
}


.listing-specs .info .item>div {
  background: #fbdfdf;
  border: none;
  margin: 6px 6px 0 0;
  padding: 0px 5px;
}

.other-detail p span {
  font-weight: 400 !important;
  font-size: 14px;
  color: #000 !important;
  font-family: 'Montserrat' !important;
}

.other-detail .payment-icons img {
  width: 38px;
  height: 25px;
  border: 1px solid #f5f5f5;
  padding: 5px;
  object-fit: cover;
  filter: grayscale(1);
}

.horizontal-scroll-bar>div {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.listing-options .sticky-md-top {
  z-index: 2;
}

.infinite-scroll {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}


/*************************************************************************************************/
.alternate-section-color>div:nth-child(even) {
  background: #F5D7DB !important;
}

.alternate-section-color>div:nth-child(odd) {
  background: #fdfdfd !important;
}

.alternate-section-color>div:nth-child(odd) .rec-carousel .rec-arrow,
.rec-carousel .rec-arrow:hover {
  background-color: #e7e7e7 !important;
}


.vendor-detail-nav {
  flex-direction: column;
  position: fixed !important;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.vendor-detail-nav svg {
  width: 60px;
  height: 60px;
}


.vendor-detail-nav .nav-link {
  padding: 1.5rem 3rem;
}

.vendor-detail-nav .nav-link:hover {
  background-color: #FFEFF1;
}

.vendor-detail-nav .nav-link.active svg g {
  fill: #DC3545;
}


.vendor-details .overview {
  padding-top: 84px;
  padding-bottom: 150px;
  background: #fdfdfd;
  margin-top: -53px;
}

.vendor-details .image--cover {
  width: 430px;
  height: 430px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  background: #fff;
  border: 1px solid #dfdada;
}

.vendor-details h2 {
  font-size: 115px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Anton';
}

.vendor-details .caterer-phone a {
  font-family: 'Noto Sans';
  font-size: 20px;
  background: #04B851;
  color: #fff;
  border-radius: 7px;
  padding: 2px 10px;
  text-decoration: none;
}

.vendor-details .caterer-rating .stars span {
  font-size: 35px;
  font-family: 'Noto Sans';
  margin-right: 16px;
}

.vendor-details .caterer-rating .stars .fa-star {
  color: #737373;
}

.vendor-details .caterer-rating .stars .checked {
  color: #E48644;
}

.vendor-details .caterer-rating .stars .fa-star:before,
.vendor-details .caterer-rating .stars .fa-star-half-alt:before {
  font-size: 46px;
}


.vendor-details .caterer-info h3 {
  font-family: 'Noto Sans';
  font-size: 35px;
  font-weight: 400;
  margin-bottom: 12px;
}

.vendor-details .caterer-info p {
  font-family: 'Noto Sans';
  font-size: 20px;
  margin-bottom: 45px;
}

.vendor-details .caterer-info {
  margin-top: 63px;
}

.vendor-details .video button {
  font-size: 22px;
  text-transform: uppercase;
  background: transparent;
  border: none;
}


.vendor-details .highlights {
  padding: 80px 0;
  background: #F5D7DB;

}

.highlights .highlight-box {
  background: #fff;
  border-radius: 33px;
  padding: 33px 33px;
  height: 185px;
}

.highlights .highlight-box:hover {
  box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
}

.highlights .highlight-box h4 {
  font-family: 'Noto Sans';
  font-size: 18px;
  color: #D9042B;
}

.highlights .highlight-box p {
  font-family: 'Noto Sans';
  font-size: 14px;
}

.highlights .highlight-box .spec-items {
  max-height: 100px;
  overflow: hidden;

}

.highlights .highlight-box .spec-items .spec-box {
  background: #FAEBD7;
  border: none
}

.highlights .highlight-box:hover .spec-items {
  overflow-y: auto;
}

.highlight-box .spec-items::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.highlight-box .spec-items::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.highlight-box .spec-items::-webkit-scrollbar-thumb {
  background-color: #000000;
}

.inline-features {
  margin-top: 55px;
  background-color: #fff;
  border-radius: 10px;
  padding: 22px 23px 18px 23px;
  display: flex;
  justify-content: space-between;
}

.inline-features .feature-box h6 {
  margin-bottom: 0;
  margin-left: 16px;
  font-family: 'Noto Sans';
  font-size: 16px;
  font-weight: 400;
}



.vendor-details .reviews {
  padding-top: 122px;
  padding-bottom: 122px;
  background: #fdfdfd;
}

.reviews h2 {
  position: relative;
  left: 252px;
}

.reviews .icons img {
  background: #EDEDED;
  border-radius: 10px;
}

.review-col {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 32px #00000029;
  padding: 32px 44px !important;
}

.review-col .image--wrapper img {
  position: relative;
  left: 104px;
}

.write-review h4 {
  font-size: 32px;
  font-weight: bold;
  font-family: 'Noto Sans';
}

.write-review p {
  font-size: 22px;
  font-weight: 400;
  font-family: 'Noto Sans';
}

.write-review .caterer-rating .stars span {
  font-size: 28px;
  font-family: 'Noto Sans';
  margin-right: 16px;
}

.write-review .caterer-rating .stars .fa-star:before,
.write-review .caterer-rating .stars .fa-star-half-alt:before {
  font-size: 36px;
}

.review-buttons {
  margin-top: 47px;
}

.review-buttons button.btn-danger {
  padding: 15px 24px 18px 18px;
  font-family: 'Noto Sans';
  border-radius: 28px;
  position: relative;
}

.review-buttons button.btn-danger:before {
  content: "";
  width: 100%;
  height: 75px;
  border: 4px solid transparent;
  border-right: 5px solid #DC3545;
  border-radius: 40px;
  position: absolute;
  left: 10px;
  top: -9px;
}

.review-buttons button.btn-secondary {
  padding: 7px 10px 9px 18px;
  font-family: 'Noto Sans';
  border-radius: 28px;
}

.review-buttons button i {
  border: 2px solid #fff;
  padding: 8px;
  border-radius: 32px;
  margin-left: 46px;
}



.vendor-details .menu {
  padding-top: 122px;
  padding-bottom: 122px;
  background: #F5D7DB;
}

.menu-col {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 32px #00000029;
  padding: 144px 80px 144px 137px !important;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.menu-col .image--wrapper {
  position: relative;
}

.menu-col .image--wrapper img {
  width: 222px;
  height: 222px;
  object-fit: cover;
  object-position: center;
  margin-right: 20px;
  border-radius: 46px;
}

.menu-col .menu-box h5 {
  margin: 40px 0 22px 0;
  font-size: 36px;
  font-weight: 400;
  font-family: 'Noto Sans';
}

.menu-col .menu-box button {
  padding: 7px 10px 9px 18px;
  font-family: 'Noto Sans';
  border-radius: 28px;
}

.menu-col .menu-box button i {
  border: 2px solid #fff;
  background: #fff;
  padding: 10px;
  border-radius: 32px;
  margin-left: 15px;
  color: #000;
}

.vendor-details .menu h2 {
  position: absolute;
  top: 66px;
  left: 165px;
  text-align: right;
}




.vendor-details .digital-menu {
  padding-top: 97px;
  padding-bottom: 114px;
  background: #fdfdfd;
}

.dietry .badge {
  background: transparent;
  border: 1px solid #F2183D;
  color: #000;
  padding: 0.25em 0.35em;
}

.dish-info .title h5 {
  /* font-family: 'DM Serif Display'; */
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  padding-right: 40px;
}
.dish-info .title p {
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  background: #f29b18;
  padding: 1px 3px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.dish-info .title p.category {
  background: #000000;
}

/* .dish-info .title p {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  font-size: 14px;
  line-height: 14px;
}
.dish-info .title p i{
  margin-right: 5px;
} */
.dish-info p.serving {
  font-size: 11px;
  position: absolute;
  right: 10px;
  bottom: 0;
  margin-bottom: 10px;
}

.dish-info .desc {
  font-family: 'Noto Sans';
  font-size: 11px;
  margin: 7px 0;
}

.dish-info .price {
  font-family: 'Noto Sans';
  font-size: 16px;
  color: #fff;
  background: #F2183D;
  padding: 4px 25px 5px 25px;
  border-radius: 17px;
  display: inline;
  position: absolute;
  bottom: -30px;
}

.dish-box img.item-img {
  border: 2px solid #D9042B;
  border-radius: 15px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.28);
  width: 100%;
  height: 125px;
  object-fit: cover;
}
.menu-placeholder {
  display: flex;
  justify-content: center;
  background: beige;
  border-radius: 15px;
  height: 125px;
}
.menu-placeholder .placeholder-img {
  width: 50px;
  object-fit: contain;
}

.dish-box {
  padding: 20px 17px;
  background: #fff;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.28);
  border-radius: 15px;
  position: relative;
}

.digital-menu .nav {
  justify-content: center;
  border: 0;
  width: 100%;
}

.digital-menu .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #000 !important;
  border: none;
}

.digital-menu .nav-tabs .nav-link.active img {
  filter: invert(1);
}

.cuisine-select {
  display: inline;
  float: right;
}

.cuisine-select button {
  font-size: 26px;
  background: transparent;
  border: 0;
  font-family: 'Noto Sans';
}
/****Digital Menu***/
.digital-menu {
  background: #fff;
}
.digital-menu .dish-box img.item-img {
  border: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10);
}
.digital-menu .dish-box {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.digital-menu .dietry .dietry-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
 .dietry .dietry-list p {
  font-size: 9px;
  margin-bottom: 0;
}
.dish-info .cuisine {
  font-size: 11px;
  background: #c9cbcb;
  padding: 1px 3px;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 4px;
}
.menu-more-btn {
  border-width: 0 0 1px 0 !important;
  border-radius: 0px !important;
  padding: 0 !important;
  margin-left: 4px;
}
.menu-more-btn:focus{
  box-shadow: none !important;
}


.vendor-details .gallery {
  padding-top: 122px;
  padding-bottom: 122px;
  background: #F5D7DB;
}

.eventGalleryBoxView {
  border: 0 !important;
  background-color: transparent;
  margin: 6px;
  padding: 0;
  max-height: unset;
  text-align: center;
  border-radius: 0;
}
.rec.rec-carousel-item {
  /* width: 250px; */
}
.eventGalleryBoxView img {
  width: 100%;
  /* height: 250px; */
  object-fit: contain;
  /* object-position: center; */
  /* border: 1px solid #707070; */
  /* border-radius: 47px; */
}

/* .rec .rec-item-wrapper{
  width: 100% !important;
} */
.rec-pagination .rec-dot_active {
  background-color: #EF183C;
  box-shadow: #EF183C 0px 0px 1px 3px;
}

.rec-carousel .rec-arrow,
.rec-carousel .rec-arrow:hover {
  /* box-shadow: #000000 0px 0px 2px 0px;
  color: #fff;
  border-radius: 50%;
  background-color: #f7c5cdd9 !important; */
}
.rec-carousel{
  position: relative;
}
.rec-carousel .rec-arrow-left {
  position: absolute;
  left: -30px;
  top: 100px;
}
.rec-carousel .rec-arrow-right {
  position: absolute;
  right: -30px;
  top: 100px;
}
.rec-item-wrapper {
  margin: 0 !important;
  /* width: 100% !important; */
}
.eventGalleryBoxView{
  width: 100% !important;
}
.rec-carousel .rec-arrow, .rec-carousel .rec-arrow:hover {
  border-radius: 0;
  padding: 0px !important;
  background-color: transparent !important;
  box-shadow: unset !important;
  color: #000 !important;
}
.rec-carousel .rec-arrow-left {
  position:absolute;
}
.rec.rec-pagination {
  display: none;
}
.eventGalleryBoxView .image-wrap {
  background: #000;
  height: 250px;
  /* width: 273px; */
  width:fit-content; /* Feb-09-2024 */
  display: flex;
  align-items: center;
}
.vendor-details .customer-reviews {
  padding-top: 97px;
  padding-bottom: 114px;
  background: #fdfdfd;
}


.review-wrap .left-col {
  padding: 22px;
  background: #ffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.review-wrap .left-col .vendor-detail-stars .fa-star.checked {
  color: #E48644;
  font-size: 24px;
  padding: 0 2px;
}

.review-wrap .left-col .vendor-detail-stars p {
  font-size: 20px;
  font-family: 'Noto Sans';
  margin-top: 7px;
}

.review-wrap .right-col {
  padding: 32px 22px;
  background: #DC3545;
}

.review-wrap .catering {
  margin: 22px 0;
}

.review-form h2 {
  font-size: 28px;
  font-weight: bold;
  font-family: 'Noto Sans';
  line-height: 1.2em;
  text-transform: none;
  color: #111;
}

.rating-boxes .bg-light {
  border: 1px solid #fdfdfd;
}

.rating-boxes .star {
  font-size: 28px !important;
}

.rating-boxes .star:hover {
  color: #E48644 !important;
}

.review-items {
  position: relative;
  padding: 18px 75px;
}

.review-items .box {
  background: #fff;
  /* padding: 25px 30px; */
  border-radius: 20px;
  box-shadow: 0 0 24px #00000033;
}

.review-items .user-picture img {
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.review-items:nth-child(even) .user-picture img {
  left: unset;
  right: 30px;
}

.review-items .left-arrow {
  width: 47px;
  /* height: 117px; */
  object-fit: contain;
  position: absolute;
  right: 30px;
  bottom: 0;
}

.review-items .box:after {
  content: "";
  background: url(../../../images/right-arrow.png)no-repeat center top / cover;
  width: 35px;
  height: 117px;
  position: absolute;
  right: 0;
  bottom: -23px;
}

.review-items:nth-child(even) .box:after {
  background: url(../../../images/left-arrow.png)no-repeat center top / cover;
  right: unset;
  left: 30px;
}

.review-items:last-child .box:after {
  position: unset;
  background: none;
  height: unset;
  width: unset;
}

.overall-rating h5 {
  color: #ffffff;
  font-size: 19px;
  font-family: 'Noto Sans';
  text-align: center;
}


.vendor-details .progress {
  width: 150px !important;
  height: 150px !important;
  float: left;
  line-height: 150px;
  background: none !important;
  position: relative;
  transform: scale(1.3);
}

.vendor-details .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 12px solid #DC3545;
  position: absolute;
  top: 0;
  left: 0;
}

.vendor-details .progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.vendor-details .progress .progress-left {
  left: 0;
}

.vendor-details .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 12px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.vendor-details .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.vendor-details .progress .progress-right {
  right: 0;
}

.vendor-details .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}

.vendor-details .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: transparent;
  font-size: 34px;
  font-family: 'Noto Sans';
  color: #fff;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%;
}

.progress.blue .progress-bar {
  border-color: #fff;
}

.progress.blue .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.8s;
}

.progress.yellow .progress-bar {
  border-color: #fdba04;
}

.progress.yellow .progress-right .progress-bar {
  animation: loading-3 1.8s linear forwards;
}

.progress.yellow .progress-left .progress-bar {
  animation: none;
}

/* .review-image-box {
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
} */

.review-image-box input {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}

.btn-picture-upload {
  border-radius: 12px;
  border: #939393 dashed 2px;
  height: 86px;
  background-color: #fff;
  color: #939393;
  font-family: 'Noto Sans';
  width: min-content;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 0.8rem;
  cursor: pointer;
  text-align: center;
}

.review-picture-upload-note {
  color: #939393;
  font-family: 'Noto Sans';
  font-size: 0.7rem;
}

.review-image-upload {
  border-radius: 12px;
  width: 86px;
  height: 86px;
}

.review-image {
  border-radius: 6px;
  width: 60px;
  /* height:60px; */
}

.review-image-remove {
  position: absolute;
  top: -5px;
  right: 0px;
  color: #666;
  font-size: 14px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.zoom {
  padding: 2px;
  /* background-color: green; */
  transition: transform .2s;
  /* width: 200px;
  height: 200px; */
  margin: 0 auto;
}

.zoom:hover {
  z-index: 1;
  transform: scale(2.5);
  /* transform: scale(4); */
  /*(150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/*****New Review Design****/
.new-reviews .customer-reviews-cols {
  background: #fff;
  padding-top: 30px !important;
}
.new-reviews .review-items .box {
  box-shadow: 0 3px 6px #00000033;
}
.new-reviews .section-title {
  color: #F2183D;
  font-size: 24px;
  font-family: 'Montserrat';
  font-weight: 600;
}
.new-reviews .review-wrap .right-col {
  background: #c5c5c5;
}
.new-reviews .overall-rating canvas{
  width: 200px !important;
  height: 200px !important;
}
.new-reviews .rating-info{
  margin-top: 15px;
}
.new-reviews .rating-info h6 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}
.new-reviews .rating-info .review-stars .fa-star.checked {
  color: #F2AF29;
  font-size: 26px;
}
.new-reviews .rating-number-info .info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.new-reviews .rating-number-info .info .progress {
    display: unset;
    height: 8px;
    border-radius: 4px;
    flex-grow: 1;
    background-color: #e9eced;
    margin-right: 8px;
    overflow: hidden;
}
.new-reviews .rating-number-info .info .progress .progress-bar {
  height: 8px;
  border-radius: 4px;
  background-color: #F2AF29;
}
.new-reviews .rating-number-info .info span {
  font-size: 12px;
  margin-right: 4px;
}
.new-reviews .rating-number-info .info svg {
  margin-right: 8px;
  color: #ddd;
    fill: #ddd;
}

.new-reviews .review-items .user-picture img {
  position: unset;
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.review-items .box:after {
  content: unset;
}
.new-reviews .review-items {
  margin-top: 15px;
  padding: 18px 0px;
  border-top: 1px solid #dee2e6;
}
.new-reviews .review-items .box {
  box-shadow: unset;
}
.new-reviews .review-items .box .user-info {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.new-reviews .review-items .box .user-info .user-meta{
  flex: 1 1 0%;
}
.new-reviews .review-items .box .user-info div.meta{
  display: flex;
  justify-content: space-between;
  
}
.new-reviews .review-items .box .user-info div.meta .name {
  font-size: 18px;
  color: #000;
}
.new-reviews .review-items .box .user-info .user-picture {
  margin-right: 8px;
}
.new-reviews .rating-boxes .bg-light {
  border: 0;
}
/****Menu Select Vendor Detail****/
.menu-select {
  float: right;
}

.menu-select select {
  border: 0;
  background: transparent;
  font-size: 20px;
}

.menu-select select:focus-visible {
  outline: 0;
}

/***Vendor Detail Event Gallery Arrow*****/
/* .rec .rec-arrow-left,
.rec .rec-arrow-right {
  font-size: 0;
}

.rec .rec-arrow-left:before {
  content: "<";
  font-size: 20px;
}

.rec .rec-arrow-right:before {
  content: ">";
  font-size: 20px;
} */
/************************Vendor Detail New Page**************************************************************/
.badges .items {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.badges .items p{
  font-size: 9px;
}
.carouselSpeciality .carousel-control-next, .carouselSpeciality .carousel-control-prev {
  /* align-items: flex-start; */
  width: auto;
  /* position: unset; */
  opacity: 1;
  bottom: unset;
  top: -38px;
  border: 1px solid #000;
    border-radius: 50px;

}
.carouselSpeciality .carousel-control-next{
  right: 15px;
}
.carouselSpeciality .carousel-control-prev{
  left: unset;
  right: 45px;
}

.carouselSpeciality.carousel-dark .carousel-control-next-icon,.carouselSpeciality.carousel-dark .carousel-control-prev-icon {
  filter: unset;
  width: 1.2rem;
  height: 1.2rem;
}
.carouselSpeciality .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M4 12L8 8M4 12L8 16' stroke='%23000000' stroke-width='0.9600000000000002' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.carouselSpeciality .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23D9042B'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M20 12L16 8M20 12L16 16' stroke='%23000000' stroke-width='0.9600000000000002' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
#overview .card {
  border: none;
  background-color: transparent;
}
#overview .card-body {
  padding-top: 0;
}
#overview .intro, #overview .about {
  background-color: #fff;
}
#overview .about a{
  color: #000;
  text-decoration: none;
}
#overview .about a:hover{
  color: #0d6efd;
}
#overview .intro, #overview .about .second-col .menu a {
  text-decoration: none;
}
#overview .about .second-col .menu a.instance {
  display: flex;
  align-items: center;
}
#overview .intro{
  padding: 1rem 0;
}
#overview .intro .claim-profile{
  font-size: 11px;
  position: absolute;
  top: 10px;
  right: 17px;
  text-decoration: underline;
  background: transparent;
    border: 0;
    padding: 0;
}
.speciality-row .bg{
  background-color: #fff;
  height: 100%;
}
/* #overview .social-icons li a {
  color: #000000;
} */
#overview .about .payment-icons img {
  width: 38px;
  height: 25px;
  border: 1px solid #f5f5f5;
  padding: 5px;
  object-fit: cover;
  filter: grayscale(1);
}
#overview .about h6{
  font-weight: 600;
}
#overview .about .download-menu a{
  text-decoration: none;
}
#overview .about  .inline-features{
  margin-top: 10px;
  justify-content: center;
  padding: 0;
}
#overview .about  .inline-features h6{
  font-size: 13px;
  font-weight: 400;
}
.contact-btns a{
  color: #0d6efd;
}
.contact-btns a:hover{
  background-color: #dddddd;
  color: #000;
}
.calculate-form select.form-select.event-type {
  border-left: 0;
}
/****gallery*****/
.new.gallery-section {
  padding: 0px;
  margin: 0;
}
.new.gallery-section .gallery{
  background-color: #fff;
  padding-top: 30px !important;
}

.profile-info h6 {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.profile-info h6 img {
  margin-top: 3px;
}
/*****Caterer Panel New CSS Changes*******/
.signin-up-wrapper h3 {
  color: #000000;
}
.form-log input[type="email"], .form-log input[type="password"], .form-log input[type="text"], .form-log input[type="textarea"], .form-log textarea, .form-log select, .form-log input[type="number"], .form-log input[type="tel"] {

  padding: 0.7rem 1.5rem;
  margin: 0.25rem 0;
}
.form-log textarea.form-control-lg {
  height: 96px;
}
.pic-container.pic-medium {
  display: flex;
  align-items: center;
}
.pic-container.pic-medium {
  height: 140px;
}
.profile-container h2 {
  margin: 0;
}
.progress-left p {
  color: #000000;
}
.caterer-panel-items .nav-link.active .progress-left p, .caterer-panel-items .nav-link.active .progress-right {
  color: #F2183D;
  font-weight: 500;
}
.feature-check-icons .form-check-label img {
  width: 30px;
}
.form-check-input[type=checkbox] {
  border-color: #000;
}
.form-log .btn {
  padding: 10px 1rem;
  margin: 3px 0 8px 0 !important;
}
.profile-details-container .form-log .horizontal-scroll-bar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.profile-details-container .form-log .horizontal-scroll-bar::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.profile-details-container .form-log .horizontal-scroll-bar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #D62929;
}
.payment-option-heading-bp{
  font-weight: 400;
}
.vendor-detail-event-collection-modal h5 {
  font-size: 20px;
  color: #fff;
}
.vendor-detail-event-collection-modal .modal-content {
  background-color: #000;
}
.vendor-detail-event-collection-modal .carousel-control-next, .vendor-detail-event-collection-modal .carousel-control-prev {
  width: auto;
}
.vendor-detail-event-collection-modal .carousel-control-prev {
  left: -45px;
}
.vendor-detail-event-collection-modal .carousel-control-next{
  right: -45px;
}
.vendor-detail-event-collection-modal .btn-close {
  background: transparent url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27><path d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/></svg>") center/1em auto no-repeat;
}
.vendor-detail-event-collection-modal .eventGalleryPicture {
  /* height: 600px;
  object-fit: contain; */
  max-width: 100%;
  max-height: unset;
  margin: auto;
}
.vendor-detail-event-collection-modal .carousel-inner{
  height: 600px;
  display: flex;
    align-items: center;
}
.btn-picture-upload {
  height: 60px;
  font-size: 0.7rem;
}

.claim-profile-form .form-log textarea.form-control-lg {
  height: 150px;
}
.forgot-password-modal p {
  font-weight: 300;
}
.modal-register.modal.fade .modal-dialog {
  transform: translate(0,50%);
}
.view-profile {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.view-profile a{
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.view-profile a:hover{
  color: #fff;
}
.picture-placeholder {
  display: flex;
  justify-content: center;
}
.picture-placeholder>div{
  width: 200px;
  height: 165px;
  background: beige;
  font-size: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cat-save-icon {
  position: absolute;
  right: 12px;
}
.listing-box .card-body {
  padding: 1.5rem 1rem;
}
.listing-head {
  min-height: 90px;
}
.filter-select .form-select.rating {
  padding-top: 8px;
    padding-bottom: 7px;
    font-family: 'Montserrat';
    font-weight: 400;

}
.brand__items svg .cls-1 {
  fill: #dc3545;
}
.brand__items svg .cls-2 {
  fill: #ffeff1;
  stroke: #fff;
  stroke-miterlimit: 12;
}
label.profile-label {
  font-size: 13px;
}



.review-image-modal .modal-content {
  background-color: #000;
}
.review-image-modal .btn-close {
  background: transparent url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27><path d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/></svg>") center/1em auto no-repeat;
}
.review-image-modal .carousel-inner {
  height: 600px;
  display: flex;
  align-items: center;
}

.review-image-modal .eventGalleryPicture {
  max-width: 100%;
  max-height: unset;
  margin: auto;
}

.caterer-upload-menu {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 12px 0px;
}
.caterer-dietry-icons {
  background: #e2e2e2;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 1px 0;
  gap: 2px;
}
.caterer-dietry-icons span {
  font-size: 11px;
}
.disable-profile{
  padding: 0.5rem 1rem;
  padding-left: 1em !important;
  display: flex !important;
}
.disable-profile .form-check-input {
  height: 20px;
  width: 40px !important;
}
.disable-profile label{
  padding-left: 7px;
}
.disable-profile input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -2;
}

.disable-profile input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  width: 72px;
  height: 20px;
  border-radius: 20px;
  margin: 0;
  cursor: pointer;
  box-shadow: inset -8px -8px 15px rgba(255,255,255,.6),
              inset 10px 10px 10px rgba(0,0,0, .25);
              border: 1px solid #e2e2e2;
}

.disable-profile input[type="checkbox"] + label::before {
  position: absolute;
  content: 'Disable';
  font-size: 11px;
  text-align: center;
  line-height: 20px;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 20px;
  border-radius: 20px;
  background-color: #d1dad3;
  transition: .3s ease-in-out;
}

.disable-profile input[type="checkbox"]:checked + label::before {
  left: 30%;
  content: 'Enable';
  color: #fff;
  background-color: #00b33c;
}

.what-we-offer-search .btn {
  padding: 6px 1rem;
  margin: 0px 0 0px 0 !important;
  background-color: #bbbbbb;
}
.what-we-offer-search .btn:hover {
    background-color: #808080;
    color: #fff;
  }
.what-we-offer-search input{
  border-radius: .25rem 0rem 0rem .25rem;
}
.two-section-border:before {
  content: "";
  width: 1px;
  height: 90%;
  background: #dee2e6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.earned-badge li {
  position: relative;
  padding: 10px 12px 10px 10px;
}

.earned-badge li .info {
  position: absolute;
  right: 5px;
  top: 2px;
  font-size: 12px;
  color: darkgrey;
  display: none;
}
.earned-badge li:hover .info{
  display: block;
}
.vendor-detail-stars span {
  color: #5C5C5C;
  /* font-family: 'Noto Sans'; */
}
.vendor-detail-stars span.fa-star-half-alt {
  color: #f2af29;
}

.business-profile-head .profile-container {
  display: flex;
  padding-top: 20px;
  align-items: center;
  flex-wrap: wrap;  
  gap: 20px;
}
.business-profile-head .profile-container h2 {
  color: #1D1D1B;
  font-size: 36px;
}
.business-profile-head .pic-container.pic-medium {
  width: unset;
  height: unset;
  margin: unset;
  background-color: #d1d1d1;
  border-radius: 50%;
  border: 1px solid #000;
  position: relative;
}
.business-profile-head .pic-container.pic-medium img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}
.upload-profilepic {
  background-color: rgba( 255,255,255, 0.69 );
}
.business-profile-head .pic-container label:hover .upload-profilepic {
  display: flex!important;
  cursor: pointer;
}
.business-profile-head .pic-container label .overlay-txt {
  font-size: 11px;
}
.filter-select .css-t3ipsp-control {
  border-color: #2684FF;
  border: 0 !important;
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.listing-options .reset-btn {
  background: transparent;
  border: 0;
  padding: 0;
  color: #6BC8ED;
  font-size: 14px;
}
.search-box .reset-btn {
  float: right;
  font-size: 12px;
}
.close-icon {
  position: absolute;
  right: 15px;
  top: 10px;
}
.recievedReviews-inner .meta {
  margin: 0;
}
.input-group .form-outline {
  width: 300px;
}
.event-collection-modal .modal-title label {
  font-size: 18px;
  font-family: 'Montserrat';
}
.menuitem .caterer-upload-menu label {
  display: flex;
  flex-direction: column;
  justify-content: center;
} 
button.dropdown-toggle.zip-city-btn {
  background: #fff;
  border: 1px solid #ced4da;
  font-size: 14px;
}
.dropdown-menu.zip-city-select.show {
  padding: 0 !important;
}
.testing .carousel-item {
  margin-right: 0;
  flex: 0 0 33.333333%;
  display: block;
}
.testing .carousel-inner {
  display: flex;
}
.listing-specs .info {
  background: #fafafa;
  border-radius: 5px;
}
.no-reviews .niche {
  font-size: 12px;
  color: #5C5C5C;
}
.no-reviews p {
  font-size: 14px;
  color: #5C5C5C;
}
.register-modal .loginwith:hover {
  border-color: #dee2e6 !important;
}



.vendor-container .about p {
  font-weight: 300;
}
.vendor-container .speciality-row{
  background-color: #fff;
}
.vendor-container .speciality-row .speciality-col:first-child{
  border-right: 1px solid #dee2e6;
}
.vendor-container .speciality-row .speciality-col:nth-child(3){
  border-right: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}
.vendor-container .speciality-row .speciality-col:nth-child(4){
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.vendor-container .speciality-row .speciality-col:nth-child(5){
  border-top: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}
.vendor-container .speciality-row .speciality-col:nth-child(6){
  border-top: 1px solid #dee2e6;
}
/* .vendor-container .speciality-row .speciality-col:last-child{
  border-right: 0px solid #dee2e6!important;
} */
.vendor-container .speciality-row p, .vendor-container .profile-info h6{
  font-weight: 300;
}
.vendor-container .speciality-row .speciality-col h5{
  font-size: 1rem;
  font-weight: 600;
}
.vendor-container .speciality-row .speciality-col h5 span {
  font-size: 0.8rem;
}
.listing-specs .info p span {
  color: #000 !important;
  font-size: 13px !important;
  font-family: 'Montserrat' !important;
  font-weight: 700 !important;
}
.earned-badge li {
  padding: 5px 4px 5px 4px;
}
.eventGalleryBoxView .image-wrap {
  background: transparent;
}
.btn-group-vertical label.label-box {
  padding: unset;
}
.btn-group-vertical label.label-box {
  outline: none;
  padding: unset;
  background-color: unset;
  cursor: unset;
  border-radius: unset;
  font-size: unset;
  color: unset;
  border: unset;
  margin: unset;
  font-family: 'Noto Sans';
}
.btn-group-vertical .btn-label {
  padding: 4px 16px;
}
.btn-group-vertical .btn-label {
  /* background: red; */
  outline: none;
  padding: 6px 20px;
  background-color: #EFEFEF;
  cursor: pointer;
  border-radius: 60px;
  font-size: 14px;
  color: #5C5C5C;
  border: 1px solid #D9D9D9;
  margin: 5px;
  font-family: 'Noto Sans';
}
.btn-group-vertical .btn-check:active+.btn-label,
.btn-group-vertical .btn-check:checked+.btn-label,
.btn-group-vertical .btn-label.active,
.btn-group-vertical .btn-label:active,
.btn-group-vertical .btn-label:hover {
  background-color: #FFEFF1;
  color: #F2183D;
  border: 1px solid #F2183D;
  font-weight: 600;
}
.label-box input:checked~.btn-label:after{
  content: "\00d7";
  position: absolute;
    line-height: 0.7;
    width: 12px;
    height: 12px;
  background: #fff;
  right: 10px;
  top: 0px;
border: 1px solid #F2183D;
border-radius: 20px;
}
.cuisine-box .btn-group-vertical {
  display: flex !important;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.more-cuisine-btn {
  width: 137px !important;
  flex: none !important;
}
.more-cuisine-items>div{
  width: 795px;
}

.star-validation{
  border: 1px solid #dc3545;
  padding-top: 8px;
  padding-bottom: 8px;
}

.viewImg{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

li.nav-item.search {
  width: 250px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
 li.nav-item.search .App {
  display: none;
  width: 220px;
}

.swiper-wrapper {
  align-items: center;
}

/*********Deal Work***********/
button.deal-btn {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  font-size: 13.5px;
  line-height: 1.75em;
  font-weight: 600;
}
.deal-form.modal-body{
  padding: 0px;
}
.deal-form input[type="date"], .deal-form textarea, .deal-form input[type="text"] {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.deal-form input[type="date"] {
  padding: 0.375rem 0.5rem 0.375rem 0.75rem;
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.deal-form label span {
  font-size: 10px;
}
/************Flat Deal Page****************/
.deal-niche .card-title, .deal-location .card-title {
  font-size: 18px;
}
.deal-niche .form-check-label {
  color: #5C5C5C;
  font-size: 14px;
  font-family: 'Noto Sans';
}
.deal-location-search input {
  height: 28px;
  padding: 10px;
  font-size: 14px;
}
.deal-location-search .btn {
  padding: 0px 20px;
}

/**********Custom Deal Page****************/
.deal-offers {
  display: flex;
  flex-wrap: wrap;
  gap: 34px;
}
.deal-item {
  width: 23%;
  border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}
.deal-item .deal-img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  background: crimson;
}
.deal-item .deal-details {
  padding: 10px;
}
.deal-item a {
  color: #000000;
  text-decoration: none;
}
.deal-item  a:hover {
  color: #000000;
}
p.deal-tag {
  background: #F2183D;
  padding: 2px 10px;
  font-size: 14px;
  color: #fff;
  margin: 0;
  display: inline;
}
.DealBox{
  height: 600px;
  overflow-y: auto;
}
.DealBox::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
  border-radius: 20px;
}

.DealBox::-webkit-scrollbar
{
	width: 6px;
  border-radius: 20px;
	background-color: #F5F5F5;
}

.DealBox::-webkit-scrollbar-thumb
{
	background-color: #F2183D;
  border-radius: 20px;
}


@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(80deg);
  }
}

@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}

@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}


@media screen and (max-width: 400px) {
  .image-wrapper {
    margin-top: 0;
  }

  .image-wrapper .images .img,
  .image-wrapper .images .pic {
    flex-basis: 100%;
    margin-right: 0;
  }
}
.search-option-dietary {
  columns: 2 auto;
}
.search-option-dietary input {
  scale: 1.1;
}
@media screen and (max-width: 1400px) {
  .search-option-dietary {
    columns: 1 auto;
  }
}





















@media (min-width: 1200px) {

  .container-xl {
    max-width: 1440px;
  }

  .container {
    max-width: 1195px;
  }

  .vendor-details .menu-heading h2 {
    display: none;
  }
}
@media (max-width: 1920px) {
  .text-banner h2 {
    font-size: 37px;
    line-height: 42px;
  }
}

@media (max-width: 1600px) {
  .vendor-details .profile-info {
    padding-left: 60px !important;
  }

  .highlights .highlight-box {
    padding: 20px 20px;
  }

  .inline-features .feature-box:nth-child(2) {
    margin: 0 2rem !important;
  }

  .reviews h2 {
    left: 195px;
  }

  .vendor-details .menu h2 {
    left: 80px;
  }
  .nav-tabs button {
    /* font-size: 12px; */
    padding: 0.5rem 0.6rem;
}
.text-banner h2 {
  font-size: 32px;
  line-height: 36px;
}
.new.banner-home .zip-city-toggle .form-control, .search-tab .tab-select {
  font-size: 14px;
}
.zip-city-select {
  max-width: 103px;
  padding-right: 1rem !important;
  font-size: 14px !important;
}

}


@media (max-width: 1400px) {
  .filters-listing-topbar .filter-select {
    min-width: 223px;
  }
  .parallax-wrap img {
    width: 100%;
}
.featured-cousine-section .video-wrapper {
  height: 400px;
}
.about-event {
  padding: 25px 30px;
}
.special-about-section h3 {
  font-size: 36px;
  margin-bottom: 50px;
}
.speciality-row h5 {
  font-size: 18px;
}
.carouselSpeciality p {
  font-size: 14px;
  line-height: 1.25em;
}
.rating h4 {
  font-size: 40px;
}
.rating .stars .fa-star:before {
  font-size: 22px;
}
.rating h5 {
  font-size: 15px;
}
.rating-end .btn {
  font-size: 15px;
}
.listing-image img {
  width: 100%;
}
.picture-placeholder>div {
  width: 100%;
}
.profile-info h2 {
  font-size: 26px;
}
.profile-info h6 {
  font-size: 13px;
}
.profile-info h6 img {
  margin-top: 0px;
}
.earned-badge li {
  font-size: 13px;
}
.earned-badge li .badge-icon1 {
  height: 17px;
}
.earned-badge li .badge-icon2 {
  height: 12px;
}
}

@media (max-width: 1200px) {

  .listing-left-img {
    left: -42px;
    width: 20%;
  }

  .listing-right-img {
    width: 20%;
    right: -42px;
  }

  .listing-specs .info .item>div,
  .listing-specs .info>div,
  .listing-specs p,
  .other-detail p span {
    font-size: 12px;
  }

  .listing-box h5 {
    font-size: 20px;
  }

  .red-bg span {
    padding: 0px;
    font-size: 13px;
  }

  .review-box p {
    font-size: 13px;
  }

  .star-rating svg {
    width: 20px;
    height: 20px;
  }
  .cityname {
    font-size: 12px;
  }
  .business-info i {
    font-size: 12px;
}
.view-profile button {
  padding: 3px 8px;
}
.view-profile a {
  font-size: 13px;
}
  .vendor-detail-nav .nav-link {
    padding: 1rem 1.5rem;
  }

  .vendor-details .image--cover {
    width: 370px;
    height: 370px;
  }

  .vendor-details h2 {
    font-size: 90px;
  }

  .vendor-details .caterer-rating .stars .fa-star:before {
    font-size: 36px;
  }

  .vendor-details .caterer-info {
    margin-top: 20px;
  }

  .vendor-details .profile-info .badges img,
  .vendor-details .profile-info .video img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .inline-features .feature-box h6 {
    font-size: 14px;
  }

  .vendor-details .reviews {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .reviews .icons {
    justify-content: center;
  }

  .reviews h2 {
    left: unset;
    text-align: center;
  }

  .vendor-details .menu-col h2 {
    display: none;
  }

  .vendor-details .menu h2 {
    position: unset;
    text-align: center;
  }

  .vendor-details .menu {
    padding-top: 50px;
    padding-bottom: 80px;
  }

  .menu-col {
    padding: 50px 50px 50px 50px !important;
    justify-content: flex-start;
  }

  .cuisine-select button {
    font-size: 20px;
  }

  .cuisine-select {
    margin: 20px 0;
  }

  .vendor-details .progress {
    transform: scale(1);
  }

  .review-form h2 {
    font-size: 28px;
  }

  .review-wrap .left-col .vendor-detail-stars p {
    font-size: 18px;
  }

  .review-wrap .left-col .vendor-detail-stars .fa-star.checked {
    font-size: 20px;
  }

  .rating-boxes .fw-bold {
    font-size: 11px;
  }

  .rating-boxes .star {
    font-size: 22px !important;
  }

  .filters-listing-topbar .filter-select {
    min-width: 178px;
  }

  .dish-box img.item-img,   .menu-placeholder {
    height: 105px;
  }

  .dish-box {
    min-height: 190px;
  }
  .featured-cousine-section h3, .featured-event-section h3 {
    font-size: 90px;
  }
  .featured-cousine-section .video-wrapper {
    height: 330px;
}
.catrers-floationg-box p {
  font-size: 20px;
}
.about-event p {
  font-size: 12px;
}
.about-event span {
  font-size: 11px;
}
.about-event ul li {
  font-size: 11px;
}
.about-event ul li::before {
  font-size: 30px;
  top: -2px;
}
.event-wrapper img {
  height: 510px;
}
#homeEventCarousel .carousel-item .row {
  align-items: center;
}
.why-box img {
  width: 100%;
}
.caters-love h4 {
  font-size: 42px;
  margin: 40px 0 0 0;
}
.nav-tabs button {
  font-size: 16px;
  padding: 0.5rem 1rem;
}
.banner-home .selectdiv {
  margin-top: 1em;
}
.image--cover {
  width: 100%;
}
.earned-badge li {
  padding: 11px 8px;
}
.profile-info h2 {
  font-size: 22px;
}
.profile-info h6 {
  font-size: 12px;
}
#overview .about .inline-features h6 {
  font-size: 12px;
  font-weight: 400;
}
#overview .about h4 {
  font-size: 20px;
}
#overview .about h6 {
  font-size: 15px;
}
#overview .about p, #overview .about a {
  font-size: 14px;
}
#overview .about .first-col .items svg {
  width: 14px;
  height: 14px;
}
#overview .about .inline-features{
  flex-direction: row;
}
#overview .about .inline-features .feature-box{
  align-items: center;
}
#overview .about .payment-info {
  margin-top: 0.5rem;
}
.carouselSpeciality p {
  font-size: 12px;
}
.rating h4 {
  font-size: 25px;
}
.rating .stars .fa-star:before {
  font-size: 18px;
}
.rating h5 {
  font-size: 11px;
}
.rating-end .btn {
  font-size: 13px;
  padding: 7px 15px;
}
.rating-end p {
  font-size: 13px;
}
.business-niche .tab-content img , .browse-events img, .browse-speciality img{
  height: 200px;
  border-radius: 10px;
}
.circle-cat h3 {
  font-size: 22px;
}
.business-niche .nav-tabs .nav-link {
  font-size: 22px;
}
.browse-events h3, .browse-speciality h3, .new.testimonial-section h2 {
  font-size: 22px;
}
.new.testimonial-section .testimonial-box .car-cover h5, .new.testimonial-section .testimonial-box .car-cover p {
  font-size: 20px;
}
.new.caters-love h4 {
  font-size: 22px;
}
.new.caters-love p {
  font-size: 16px;
}
.caters-love button {
  font-size: 14px;
  margin: 0;
}
.new.special-about-section h3, .browse-states h3 {
  font-size: 22px;
}
.brand {
  gap: 43px;
}
.all-cuisines-btn a {
  margin-top: -35px;
  padding-right: 0px;
}
.input-search .submit-btn {
  padding-left: 0;
}
.input-search input.form-control{
  font-size: 0.7rem;
}
.input-search .submit-btn .btn{
  padding: 0.35rem 0.8rem;
    font-size: 0.7rem;
}
.listing-sidebar .card-title {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0px;
}
.listing-sidebar .form-check.search-check  .form-check-label {
  font-size: 12px;
}
.listing-sidebar .form-check.search-check  .form-check-input {
  margin-top: 0.45em;
}
.form-check.search-check {
  padding-left: 1.3em;
}
.search-box .card-body {
  padding-bottom: 16px;
}
.listing-sidebar .form-check-input {
  margin-top: 0em;
}
.listing-sidebar .form-check-label {
  font-size: 12px;
}
.dietry.btn-group-vertical label {
  padding: 3px 4px;
  margin: 3px;
}
.btn-group-vertical label {
  padding: 2px 8px;
  font-size: 12px;
}

.filter-select .css-1xc3v61-indicatorContainer {
  padding: 5px;
}
.filter-select .css-tj5bde-Svg {
  width: 16px;
  height: 16px;
}
.filter-select .css-b62m3t-container {
  font-size: 12px;
}
.filter-select .css-13cymwt-control, .filter-select .css-t3ipsp-control {
  min-height: 30px;
}
.filter-select .form-select.rating {
  font-size: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
}
button.more-filter {
  font-size: 12px;
  line-height: 1.5em;
}
.filters-listing-topbar .filter-select {
  min-width: 132px;
}
.hori-rating p {
  font-size: 13px;
}
.hori-rating span {
  font-size: 13px;
}
.hori-rating .fa-star {
  font-size: 13px;
}
.vendor-detail-event-collection-modal .carousel-inner {
  height: 450px;
}
.review-image-modal .carousel-inner {
  height: 450px;
}
.vendor-detail-event-collection-modal .carousel-control-prev {
  left: -35px;
}
.vendor-detail-event-collection-modal .carousel-control-next {
  right: -35px;
}
.signin-up-wrapper h3 {
  font-size: 25px;
}
.business-profile-head .profile-container h2 {
  font-size: 26px;
}
.albums .photo-count {
  bottom: 85px;
}
.progress-left p {
  font-size: 13px;
}
.progress-right {
  font-size: 12px;
}
.what-we-offer h4, .menuitem h3 {
  font-size: 20px;
}
.menuitem .form-control-lg {
  font-size: 1rem;
}
.input-group .form-outline {
  width: 250px;
}

}

@media (min-width: 992px) {
  .sidebar.collapse:not(.show) {
    display: block;
  }
  .sticky-col-overflow{
    height: 100vh;
    overflow-y: auto;
  }
  
  .sticky-col-overflow::-webkit-scrollbar
  {
    width: 0px;
  }
  .cityname, .business-info {
    margin-bottom: 0.25rem!important;
}

.listing-sidebar.accordion .accordion-body {
  padding: 0;
  background: #fffcfc;
}

}

@media (max-width: 991px) {
  .main-panel {
    width: 100% !important;
  }

  .sidebar {
    right: 0 !important;
    left: auto;
    position: absolute;
    transform: translate3d(262px, 0, 0) !important;
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }

  .sidebar.collapse.show {
    transform: translate3d(10px, 0, 0) !important;
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .topbar .dropdown-list {
    width: 16rem !important;
  }

  .vendor-detail-nav .nav-link {
    padding: 1rem;
  }

  .vendor-details .image--cover {
    width: 330px;
    height: 330px;
  }

  .vendor-details h2 {
    font-size: 70px;
  }

  .vendor-details .caterer-phone a {
    font-size: 16px;
  }

  .vendor-details .caterer-rating .stars .fa-star:before {
    font-size: 28px;
  }

  .vendor-details .caterer-rating .stars span {
    font-size: 26px;
  }

  .vendor-details .caterer-info h3 {
    font-size: 28px;
  }

  .vendor-details .caterer-info p {
    font-size: 16px;
  }

  .vendor-details .profile-info .badges img,
  .vendor-details .profile-info .video img {
    width: 40px;
    height: 40px;
  }

  .vendor-details .video button {
    font-size: 18px;
  }

  .caterer-address h4 {
    font-size: 18px;
  }

  .caterer-address {
    margin-top: 2rem !important;
  }

  .highlights .highlight-box {
    padding: 15px 15px;
    margin: 13px 0;
  }

  .highlights .highlight-box p {
    font-size: 12px;
    padding: 2px 5px;
  }

  .highlights .highlight-box h4 {
    font-size: 15px;
  }

  .highlights .highlight-box .spec-items {
    max-height: 130px;
  }

  .inline-features .feature-box:nth-child(2) {
    margin: 0 0.7rem !important;
  }

  .inline-features .feature-box h6 {
    font-size: 13px;
    margin-left: 6px;
  }

  .review-col .image--wrapper img {
    left: 0;
  }

  .menu-col {
    padding: 60px 20px 60px 30px !important;
  }

  .dish-info .title h5 {
    /* font-size: 18px; */
  }

  .dish-info p.serving {
    font-size: 11px;
  }

  .dish-info .price {
    font-size: 14px;
  }

  .dietry .badge {
    font-size: .66em;
  }

  .review-form h2 {
    font-size: 20px;
  }

  /* .customer-reviews-cols {
    flex-direction: column-reverse;
  } */

  .filters-listing-topbar .filter-select {
    min-width: 152px;
    margin: 5px 0;
  }

  button.more-filter {
    margin-top: 5px;
  }

  .dish-box img.item-img {
    height: 90px;
  }
  .brand {
    gap: 19px;
}
.brand__items a {
  width: 100px;
  height: 100px;
}
.brand__items h2 {
  font-size: 16px;
  margin: 20px 0 0 0;
}
.featured-cousine-section h3, .featured-event-section h3 {
  font-size: 72px;
  margin: 0 0 40px 0;
}
.featured-cousine-section .video-wrapper {
  height: 246px;
}
.catrers-floationg-box p {
  font-size: 18px;
}
.big-section-image1, .big-sec3 {
  width: 100%;
}
.event-wrapper img {
  height: 310px;
}
.about-event h4 {
  font-size: 22px;
}
.about-event h4 {
  font-size: 18px;
}
.catrer-pic h4 span {
  font-size: 15px;
}
.why-box p {
  font-size: 15px;
  padding: 0px 0 0 54px;
  margin: 15px 0 0;
}
.why-box h6 {
  font-size: 18px;
  padding: 0px 0 0 54px;
}
.why-customer-section {
  padding: 65px 0 70px;
}
.special-about-section h3 {
  font-size: 30px;
  margin-bottom: 25px;
}
.special-about-section li {
  font-size: 18px;
  margin: 0px 0 25px 0;
}
.new.special-about-section li {
  font-size: 16px;
  margin: 0px 0 15px 0;
}
.caters-love h4 {
  font-size: 32px;
  margin: 10px 0 0 0;
}
.caters-love p {
  font-size: 20px;
  margin: 25px 0 25px 0;
  padding: 0 0px 0 0;
}
footer h6 {
  font-size: 14px;
}
/* .top-navigation .navbar-nav > .nav-item a {
  font-size: 14px;
}
.top-navigation .navbar-nav > .nav-item {
  margin: 0 10px;
} */
.rating h4 {
  font-size: 40px;
}
.rating .stars .fa-star:before {
  font-size: 22px;
}
.rating h5 {
  font-size: 15px;
}
.rating-end .btn {
  font-size: 15px;
  padding: 10px;
}
.rating-end p {
  font-size: 14px;
}
.nav-tabs button {
  font-size: 14px;
  padding: 0.5rem 0.7rem;
}
.business-niche h6, .browse-events h6 {
  font-size: 15px;
}
.business-niche p, .browse-events p {
  font-size: 12px;
}
.business-niche .nav-tabs {
  justify-content: start;
}
.new.testimonial-section .testimonial-box .car-cover h5, .new.testimonial-section .testimonial-box .car-cover p {
  font-size: 18px;
}
.browse-states .btn {
  font-size: 14px;
}
.dietry.btn-group-vertical label img {
  width: 20px;
  height: 20px;
}
.dietry.btn-group-vertical .form-check-input {
  width: 0.7em;
  height: 0.7em;
}
.filters .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
}
.filters .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #dc3545;
  box-shadow: unset !important;
}
.accordion-button:focus {
  box-shadow: unset !important;
}
button.apply-filter {
  background: #dc3545;
  color: #fff;
  font-size: 12px;
  border: 0;
  padding: 6px 12px;
  border-radius: 4px;
  
}
.filters .accordion-item {
  box-shadow: 0 3px 6px #00000015;
}
.filters .accordion-button:focus {
  box-shadow: unset;
}
.filters .accordion-footer{
  padding: 1rem 1.25rem;
}
.filters .accordion-body {
  padding: 0rem 1.25rem;
  max-height: 320px;
  overflow: auto;
}
.filters .accordion-body::-webkit-scrollbar-track
{
	/* background-color: #F5F5F5; */
}

.filters .accordion-body::-webkit-scrollbar
{
	width: 4px;
}

.filters .accordion-body::-webkit-scrollbar-thumb
{
	background-color: #DC3545;
}
.new-reviews .rating-info h6 {
  font-size: 18px;
}
.new-reviews .rating-info .review-stars .fa-star.checked {
  font-size: 22px;
}
.vendor-detail-event-collection-modal .carousel-inner {
  height: 370px;
}
.review-image-modal .carousel-inner {
  height: 300px;
}
.profile-details-container.mob .progress-chart {
  padding: unset;
  border-bottom: unset;
  display: flex;
  gap: 10px;
}
.signin-up-wrapper h3 {
  font-size: 20px;
  line-height: 25px;
}
.business-profile-head .profile-container h2 {
  font-size: 20px;
}
.gallery.event-item-controls {
  left: 20px;
  right: 20px;
}
.albums .photo-count {
  bottom: 65px;
  right: 30px;
}
.menu-select select {
  font-size: 16px;
}
}



@media (min-width: 768px) {
  
  .cityname, .business-info {
    margin-bottom: 0.25rem;
}
.listing-head .contact-info {
  display: flex;
  align-items: center;
}
}


@media (max-width: 768px) {

  .combobox {
    margin: 10px 0;
  }

  #navbar_top li {
    margin: 0 17px 0 0;
  }

  #navbar_top a.nav-link {
    font-size: 10px;
  }

  .listing-specs {
    margin: 0px 0 0 0;
  }

  .listing-right-img,
  .listing-left-img {
    display: none;
  }

  .parallax-wrap span {
    --size: 2vw;
  }


  .featured-cousine-section h3 {
    text-align: center;
    font-size: 35px;
    margin: 0;

  }

  .brand__item {
    margin: 0 10px;
  }

  .brand__item h2 {
    font-size: 13px;
    margin: 10px 0 10px 0;
  }

  .text-banner {
    padding: 0px 20px !important;
    padding-top: 15px !important;
  }

  .text-banner h2 {
    font-size: 26px;
  }

  .text-banner p {
    font-size: 13px;
    margin: 10px 0px 10px;
  }
  .new.banner-home .text-banner p {
    font-size: 16px;
    line-height: 22px;
}

  .banner-home {
    padding: 50px 0;
    margin: -54px 0 0 0;
  }

  .search-wrapper input[type="submit"] {
    float: right;
  }

  .search-wrapper {
    margin: 40px 0 40px 0;
  }

  .autocomplete {
    border-left: none;
  }

  .brand {
    margin: 10px 0 0 0px;
  }

  .navbar-toggler {
    background-color: #e1e6e7;
    border: 1px solid #f2183d;
  }

  .navbar-toggler-icon {
    background: url('../../../images/download.svg');
  }

  .food-sec1 .catrers-floationg-box {
    float: right;
    margin: 0px 0px 30px 0;
    transform: rotate(0deg);

  }

  .big-section-image1 {
    margin: 20px 0 0;
    width: 70%;
  }

  .cat-box2 {
    transform: rotate(0deg);
    margin: 68px 0 20px 0;
  }

  .cat-box3 {
    transform: rotate(0deg);
    margin: 20px 0px 68px 0;
    float: right;
  }

  .particle-food3 {
    left: 25px;
    bottom: 24px;
  }

  .particle-food2 {
    left: 34px;
    top: -25px;
  }

  .cat-box5 {
    margin: 76px auto 0px auto;
    display: inline-block;
    transform: rotate(0deg);
  }

  .catrers-floationg-box p {
    font-size: 22px;
  }


  .caters-love img {
    width: 100%;
    margin-top: 20px;
  }

  .big-sec3 {
    width: 63%;
  }

  .parallax-wrap span:nth-child(2) {
    right: 21%;
  }

  .parallax-wrap span:nth-child(3) {
    left: 46px;
  }

  .parallax-wrap span:nth-child(5) {
    left: 24%;
  }

  .video-wrapper p {
    margin: 16px 0 0 0;
    text-align: center;
  }

  .event-wrapper p {
    margin: 16px 0 0 0px;
    text-align: center;
  }

  .catrer-pic {
    text-align: center;
  }

  .featured-cousine-section img {
    width: 100%;
  }


  .why-customer-section h3 {
    font-size: 25px;
    text-align: center;
  }

  .why-box {
    text-align: center;
  }

  .why-box p,
  .why-box h6 {
    margin: 0px 0 0px 0;
    padding: 0 0 0 0px;
  }

  .why-box {
    text-align: center;
    margin: 0 0 40px 0;
  }

  .testimonial-section h2 {
    font-size: 27px;
  }

  .app-image {
    margin: 0 0 0 0px;
    width: 90%;
  }

  .wavy-white {
    left: 35px;
    top: -17px;
  }

  .download-container h3 {
    font-size: 40px;
    line-height: 40px;

  }

  .download-container h6 {
    line-height: 36px;
    font-size: 28px;
  }

  .download-container p {
    margin: 20px 0 30px 0;
  }

  .download-container a {
    margin: 0 0px 0 0;
  }

  .caters-love {
    padding: 0px 0;
  }

  .caters-love h4 {}

  .caters-love h4 {
    font-size: 30px;
    line-height: 35px;
  }

  .caters-love p {
    margin: 20px 0 20px 0;
    padding: 0 0px 0 0;
  }

  .text-md-center {
    text-align: center !important;
  }

  /* .review-box {
  float: right;
  margin: 22px 0 0 0px;
} */
  .review2-box {
    float: left;
    width: 50%;
    margin: 15px 0 0 0px;
  }

  #myBtnContainer .btn {
    margin: 2px 2px;
    padding: 3px 11px;
  }

  .listing-sidebar .card-title {
    font-size: 11px;
  }

  .listing-sidebar .form-check-label {
    font-size: 11px;
  }

  .brand__items {
    margin: 0 8px 0 0;
  }

  .filters-listing-topbar {
    gap: 8px;
  }

  .vendor-detail-nav {
    flex-direction: row;
    position: sticky !important;
    top: 0;
    left: 0;
    transform: translateY(0%);
    background: #FDFDFD;
    z-index: 1;
  }

  .vendor-details .overview {
    padding-bottom: 84px;
  }

  .vendor-details .profile-info {
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
  }

  .profile-wrapper {
    /* margin-bottom: 1rem; */
  }
  .profile-info {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
}

  .vendor-detail-nav .nav-link {
    padding: 0.5rem;
  }

  .vendor-detail-nav img {
    width: 40px;
    height: 40px;
  }

  .vendor-details .image--cover {
    width: 280px;
    height: 280px;
  }

  .inline-features {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .inline-features .feature-box:nth-child(2) {
    margin: 0.5rem 0 !important;
  }

  .review-col .image--wrapper img {
    left: unset;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: unset;
  }

  .reviews .icons img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    padding: 0.7rem !important;
  }

  .write-review h4 {
    font-size: 24px;
  }

  .write-review p {
    font-size: 13px;
  }

  .vendor-details .caterer-rating .stars .fa-star:before {
    font-size: 22px;
  }

  .vendor-details .caterer-rating .stars span {
    font-size: 22px;
  }

  .review-buttons {
    margin-top: 20px;
    flex-direction: column;
    gap: 10px;
  }

  .review-buttons button.btn {
    width: 100%;
  }

  .menu-col .image--wrapper img {
    width: 111px;
    height: 111px;
    margin-right: 20px;
    border-radius: 15px;
  }

  .menu-col .menu-box h5 {
    margin: 26px 0 20px 0;
    font-size: 23px;
  }

  .menu-btns {
    flex-direction: column;
    gap: 10px;
  }

  .menu-btns button {
    width: 100%;
  }

  .digital-menu .nav-tabs .nav-link {
    padding: 0.5rem 0.5rem;
  }

  .vendor-details .customer-reviews {
    padding-top: 81px;
    padding-bottom: 80px;
  }

  .happy-customers img {
    width: 100%;
  }

  .filters-listing-topbar .filter-select {
    min-width: 49%;
}
  .brand {
    gap: 16px;
  }
  .featured-cousine-section .video-wrapper {
    height: 182px;
}
.featured-cousine-section h3, .featured-event-section h3 {
  font-size: 46px;
  margin: 0 0 20px 0;
}
.catrers-floationg-box p {
  font-size: 15px;
}
.event-wrapper img {
  height: 450px;
}
.catrer-pic img {
  width: 48%;
}
.about-event .catrer-pic  h4 {
  display: inline;
}
.catrer-pic {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-event hr {
  margin: 16px 0;
}
.why-box h6 {
  font-size: 16px;
}
.special-about-section h3 {
  font-size: 20px;
  line-height: 28px;
}
.special-about-section li {
  font-size: 16px;
  margin: 0px 0 16px 0;
}
.new.special-about-section ul {
  padding-left: 10px;
}
.new.special-about-section h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}
.new.special-about-section li {
  font-size: 12px;
  margin: 0px 0 11px 0;
  padding: 10px 20px;
}
.new.special-about-section li:before {
  left: -10px;
  width: 25px;
  height: 25px;
}
.caters-love h4 {
  font-size: 24px;
  line-height: 30px;
}
.caters-love p {
  margin: 14px 0 14px 0;
  font-size: 16px;
  line-height: 26px;
}
.caters-love {
  padding: 40px 0;
}
footer {
  background: #16232E;
  margin-top: 0px;
}
.footer-overlay{
  position: unset;
}
.footer-top {
  padding-top: 60px;
}
footer h6 {
  font-size: 20px;
  margin-top: 20px;
}
/* .top-navigation .navbar-nav > .nav-item a {
  font-size: 12px;
} */
.top-navigation .navbar-nav > .nav-item {
  margin: 0 6px;
}
.navbar-toggler {
  background-color: #b1b5b9 !important;
}
.navbar-toggler:focus {
  box-shadow: none !important;
}
.navbar-toggler-icon {
  display: inline-block !important;
}
.top-navigation .dropdown-menu {
  display: none;
}
.earned-badge li {
  font-size: 11px;
}
.image--cover {
  /* width: 200px;
  height: 200px; */
}
.earned-badge{
  margin-top: 12px;
}
#overview .about .inline-features {
  /* flex-direction: column; */
}
#overview .about .contact-btns a {
  padding: 5px !important;
}
#overview .about .contact-btns a i{
  margin-right: 0.25rem !important;
}
#overview .about .contact-btns{
  gap: 10px !important;
}
.carouselSpeciality .carousel-img {
  width: 38px !important;
}
.carouselSpeciality p {
  font-size: 9px;
}
.speciality-row h5 {
  font-size: 15px;
}
.business-niche .nav-tabs .nav-link {
  font-size: 20px;
}
.new.caters-love p {
  margin: 10px 0 20px 0;
  font-size: 15px;
}
.new.special-about-section, .browse-states {
  padding: 40px 0;
}
.btn-group-vertical label {
  font-size: 11px;
}

.listing-image img {
  width: 100%;
}
.listing-box h5 {
  font-size: 16px;
    line-height: 1.3em;
}
.list-badge {
  font-size: 9px;
  padding: 1px 6px;
}
.cityname {
  font-size: 11px;
  padding: 0;
}
.business-info i {
  font-size: 10px;
  margin: 0 5px !important;
}
.business-info {
  line-height: 1;
}
.contact-info {
  display: flex;
  align-items: center;
}
.contact-info span{
  font-size: 14px;
}
.contact-info .d-inline-block{
  margin-top: -4px;
}
.review-box p {
  font-size: 10px;
}
.red-bg span {
  font-size: 10px;
}
.review-box span {
  font-size: 10px;
}
.cat-save-icon {
  right: 6px;
  font-size: 12px;
}
.card .info {
  padding-left: 0;
}
.listing-box h5 img {
  width: 18px;
}
.badges .items img {
  width: 18px;
  height: 18px;
}
.profile-info h2 {
  font-size: 18px;
}
.profile-info h6 {
  font-size: 10px;
}
.profile-info h6 img {
  width: 10px;
}
.image--cover {
  height: 130px;
}


.caterer-dietry-icons span {
  font-size: 10px;
}
.red-bg {
  line-height: 1;
}
.listing-box .box {
  position: relative;
}
.view-profile {
  justify-content: flex-end;
  position: absolute;
    bottom: -10px;
    left: 0;
}
.view-profile button {
  padding: 4px 4px;
    line-height: 1;
    display: flex;
}
.view-profile a {
  font-size: 10px;
 
}
.listing-specs p, .listing-specs .info>div{
  font-size: 11px;
}
.hori-rating .fa-star {
  font-size: 12px;
}
.hori-rating p {
  font-size: 12px;
}
.review-form .rating-boxes i {
  font-size: 22px !important;
}
.review-form .rating-boxes .col-4:nth-child(1){
  padding-left: 0;
}
.review-form .rating-boxes .col-4:nth-child(3){
  padding-right: 0;
}
.business-profile-head .profile-container h2 {
  font-size: 20px;
}
.business-profile-head .profile-container {
  justify-content: center;
}
.badges h5 {
  font-size: 14px;
}
.badges .button p {
  background-color: #fdfdfd;
  border: 1px solid #ebebeb;
  border-radius: 0.25rem;
  padding: 0.5rem;
}
.badges .button p, .badges button {
  font-size: 13px !important;
  width: 100%;
}
.submitReview .star {
  font-size: 22px !important;
}
.submitReview span.fw-bold {
  font-size: 14px;
}
.video .form-control-lg {
  font-size: 0.9rem;
}
.albums .photo-count {
  bottom: 85px;
  right: 30px;
}
.new.banner-home .form-bg{
  box-shadow: none !important;
  padding: 0 !important;
}



}

/*****768 end*****/





@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }


  .topbar .dropdown-list .dropdown-item .text-truncate {
    max-width: 13.375rem
  }

}
@media (max-width: 575px) {
  .top-navigation {
    margin: 0px;
    /* padding-bottom: 70px; */
}
.top-navigation .mobile.navbar-nav {
  margin-top: 20px;
    padding-bottom: 50px;
}
.nav-tabs button {
  font-size: 13px;
  padding: 0.5rem 0.6rem;
}
.carouselSpeciality p {
  font-size: 12px;
}
.carouselSpeciality .carousel-img {
  width: 60px !important;
}
.speciality-col:not(:first-child) {
  border-right: 0!important;
  border-top: 1px solid #dee2e6!important;
}
.speciality-row .speciality-col:nth-child(odd) {
  border-right: 0 !important;
}
.new-reviews .review-items .box .user-info div.meta .name {
  font-size: 12px;
}
.new-reviews .review-items .box .user-info .stars-yellow{
  line-height: 1;
}
.new-reviews .review-items .box .user-info .stars-yellow .fa-star {
  font-size: 11px;
}
.new-reviews .review-items .user-picture img {
  width: 32px;
  height: 32px;
}
.Review p {
  font-size: 12px;
}
.banner-home {
  padding-bottom: 0px;
}
.new.why-customer-section {
  padding: 40px 0;
}
 .new.why-customer-section .why-box {
  text-align: left;
  margin: 0;
}
.new.why-customer-section .why-box p{
  font-size: 16px;
}
.new.why-customer-section .why-box h6{
  line-height: 20px;
}
.new.testimonial-section .testimonial-box {
  flex-direction: column;
}
.new.testimonial-section .testimonial-box .car-cover {
  margin: -32px 0 0 0;
  padding: 30px 34px ;
}
.new.special-about-section li {
  font-size: 14px;
  margin: 0px 0 11px 0;
  padding: 8px 20px;
}
.new.special-about-section h3 {
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 16px;
}
.browse-states a {
  font-size: 12px;
}
.browse-states a svg {
  width: 25px;
  height: 25px;
}
/* .review-box {
  display: flex;
  align-items: center;
  gap: 3px;
} */
.listing-box h5 {
  font-size: 14px;
}
.cat-save-icon {
  top: -15px;
}
.listing-specs .info {
  display: flex;
  margin: 0 !important;
  bottom: -17px;
}
.view-profile button {
  padding: 3px 4px;
  background-color: transparent;
}
.view-profile button a {
  color: #000;
}
.listing-image img {
  height: 180px;
}
.picture-placeholder>div {
  width: 100%;
  height: 180px;
}
.caterer-card-dietary-box{
  margin-top: 4px !important;
}
.caterer-dietry-icons img {
  width: 17px;
  height: 17px;
}
.contact-info .d-inline-block {
  margin-top: -7px;
}
.review-box span.total-count {
  margin-left: 3px;
  font-size: 11px;
}
.rating-boxes .fw-bold {
  font-size: 9px;
}
.review-form .rating-boxes i {
  font-size: 12px !important;
}
.Review .btn {
  font-size: 12px;
}
.earned-badge-mob li {
  display: flex;
}
#overview .intro .claim-profile-mob {
  font-size: 11px;
  text-decoration: underline;
  background: transparent;
  border: 0;
  padding: 0;
}
.two-section-border:before{
  width: 100%;
  height: 1px;
  left: 0;
  top: unset;
}
.recievedReviews .fa-star {
  font-size: 12px;
  color: #C0BFBD;
}
.recievedReviews-inner .meta {
  font-size: 14px;
  margin: 0;
}
.recievedReviews-inner .stars-yellow{
  line-height: 1;
  width: 80px;
}
.video input{
  margin-bottom: 10px;
}
.video .input-group>.form-control {
  width: 100%;
}
.video .input-group-text {
  border-radius: 0.25rem !important;
}
.albums .photo-count {
  bottom: 65px;
}
.album-img {
  max-width: 400px;
}
.listing-specs .info {
  background: transparent;
  border-radius: 0px;
}

}




@media (min-width: 481px) {
  .desktop.brand {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.mobile.brand, .mobile.business-niche, .mobile.browse-events, .mobile.browse-speciality {
  display: none;
}

.desktop.brand .brand__items {
  margin: auto;
}
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
  .desktop.brand {
    display: flex;
}
.desktop.business-niche{
  display: block;
}
.desktop.brand .brand__items {
  margin: 0;
}
}

@media (max-width: 480px) {


  .featured-1 {
    margin: 50px 0 0;
    padding: 30px 0;
  }
  .circle-cat {
    padding: 40px 0 80px 0;
    position: relative;
}
.circle-cat h3 {
  font-size: 18px;
  
}
  .brand {
    margin: 50px 0 0 0px;
  }
  .desktop.brand, .desktop.business-niche, .desktop.browse-events, .desktop.browse-speciality {
    display: none;
}
.mobile.business-niche, .mobile.browse-events {
  display: block;
}
.mobile.brand{
  display: block;
  margin: 0px 0 0 0px;
}
.mobile.brand .brand__items {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 15px;
}
.business-niche .nav-tabs {
  justify-content:center;
}
.mobile.business-niche .carousel-control-prev{
  left: -10px;
  bottom: 90px;
}
.mobile.business-niche .carousel-control-next{
  right: -10px;
  bottom: 90px;
}
.mobile.business-niche  .carousel-inner{
  padding: 0 55px;
}
.mobile.business-niche  .carousel-item{
  padding: 0 5px;
}
.mobile.business-niche .see-all-btn {
  margin-top: 0px;
  padding-right: 40px;
}
.business-niche .nav-tabs .nav-link {
  font-size: 18px;
}
.browse-events{
  padding: 40px 0;
  background: url(../../../images/pattern1.png) no-repeat top left / contain, url(../../../images/pattern2.png) no-repeat top right / cover;
}
.browse-events h3 {
  font-size: 18px;
  text-align: center;
}
.browse-events .carousel-control-prev{
  left: -10px;
  bottom: 90px;
}
.browse-events .carousel-control-next{
  right: -10px;
  bottom: 90px;
}
.browse-events .carousel-inner{
  padding: 0 55px;
}
.browse-events  .carousel-item{
  padding: 0 5px;
}
.browse-events .see-all-btn {
  margin-top: 0px;
  padding-right: 40px;
}

.browse-speciality {
  padding: 40px 0px;
}
.browse-speciality h3 {
  font-size: 18px;
  text-align: center;
}
.browse-speciality .carousel-control-prev{
  left: -10px;
  bottom: 90px;
}
.browse-speciality .carousel-control-next{
  right: -10px;
  bottom: 90px;
}
.browse-speciality .carousel-inner{
  padding: 0 55px;
}
.browse-speciality  .carousel-item{
  padding: 0 5px;
}
.browse-speciality .see-all-btn {
  margin-top: 0px;
  padding-right: 40px;
}
  .featured-cousine-section h3 {
    margin: 0 0 25px 0;
  }

  .catrers-floationg-box p {
    font-size: 16px;
  }

  .particle-food4 {
    top: 250px;
  }

  .cat-box5 {
    margin: 0px auto 0px auto;
  }

  .download-app-section {
    background-size: 23%;
  }

  .download-container h6 {
    margin: 20px 0;
  }

  .arrow-small {
    bottom: 0;
  }

  .download-container a img {
    width: 40%;
  }

  .featured-1 img {
    width: 100%;
  }

  .catrer-pic img {
    width: 45%;
  }

  footer h5 {
    margin: 19px 0;
  }

  .footer-bottom .list-unstyled {
    text-align: center;
  }

  .listing-style-banner ul li {

    margin: 0 15px;
  }

  .listing-style-banner ul li:before {
    left: 49px;
  }

  .listing-style-banner ul li p {

    font-size: 11px;
    font-weight: 600;
    margin: 0px 0 0 0;
  }

  .banner-listing h3 {
    font-size: 27px;
    line-height: 30px;
  }

  .listing-style-banner ul {
    margin: 20px 0 0 0;
  }

  .banner-listing {
    padding: 100px 0 50px 0;
  }

  .listing-circle-cat h3 {
    font-size: 23px;
    line-height: 28px;
    text-align: center;
  }

  .brand__items {
    margin: 0 28px;
  }

  .listing-more .modal-header {
    margin: 0;
  }

  .listing-check img {
    width: 46px;
  }

  .listing-check .form-check-input[type="checkbox"] {
    margin: 16px 0 0 0;
  }

  .digital-menu .nav-tabs .nav-link img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    margin: 0 5px !important;
}

  .digital-menu .nav {
    margin-bottom: 0 !important;
  }

  .review-wrap {
    flex-direction: column;
  }

  .review-wrap .left-col,
  .review-wrap .right-col {
    width: 100%;
    align-items: center;
  }

  .review-wrap .left-col .vendor-detail-stars p {
    text-align: center;
  }

  .highlights .highlight-box {
    height: 140px;
  }

  .filters-listing-topbar .filter-select {
    min-width: 44%;
  }

  /* .dish-box img.item-img {
    height: 130px;
  } */
  .dish-box img.item-img, .menu-placeholder {
    height: 90px;
}
.dish-info .title h5 {
  font-size: 12px;
}
  .featured-cousine-section .video-wrapper {
    height: 235px;
}
.big-section-image1 {
  margin: auto;
  width: 100%;
}
.cat-box3 {
  margin: 20px 0px 30px 0;
}
.cat-box4 {
  margin: 0px 0 0px 0;
}
.big-sec3 {
  width: 100%;
}
.food-sec3 {
  padding-bottom: 40px;
}
.event-wrapper img {
  height: auto;
}
.special-about-section h3 {
  margin-top: 30px;
}
.rating h4 {
  font-size: 34px;
}
.rating .stars .fa-star:before {
  font-size: 20px;
}
.rating h5 {
  font-size: 12px;
}
.rating-end .btn {
  font-size: 14px;
  padding: 8px;
}
.homepage-hero_scroll {
  text-align: center;
}
.new.banner-home .text-banner p {
  font-size: 11px;
  line-height: 16px;
}
.zip-city-toggle.input-group:before {
  left: 5px;
  width: 14px;
  height: 14px;
  background-size: contain;
}
.new.banner-home .zip-city-toggle .form-control {
  padding-left: 20px;
}
.new.banner-home .zip-city-toggle .form-control, .search-tab .tab-select {
  font-size: 12px;
}
.zip-city-select {
  max-width: 90px;
  font-size: 11px !important;
}
.search-tab .submit-btn {
  padding: 3px 10px;
  font-size: 13px;
}
.business-niche h3 {
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.new.testimonial-section .testimonial-box .car-cover p {
  min-height: 190px;
}
.footer-top ul {
  column-count: 2;
}
.all-cuisines-btn {
  position: absolute;
  bottom: 25px;
  right: 52px;
}
.all-cuisines-btn a {
  margin-top: 0;
}
.caters-love button {
  padding: 3px 10px;
}
.input-group .form-outline {
  width: 182px;
}
.event-gallery-items img, .event-gallery-upload-items img {
  height: 100px;
}
.event-collection-modal .upload-btn {
  height: 118px;
}
.event-collection-modal #upload-label {
  transform: translateY(-15%);
}
.event-collection-modal #upload-label small {
  font-size: .75em;
}
.event-collection-modal #upload-label span {
  font-size: 0.5rem !important;
}
.event-collection-modal #upload-label i {
  font-size: 18px;
}
.event-collection-modal .modal-title label {
  font-size: 14px;
}
.event-collection-modal .form-control {
  font-size: 15px;
}
.event-item-controls .form-check-label {
  font-size: 9px;
  padding: 2px 4px;
}
.event-item-controls button {
  font-size: 10px;
  line-height: 1;
}
.event-collection-modal .modal-body .btn {
  font-size: 12px;
  padding: 5px 8px;
}
.what-we-offer h4, .menuitem h3 {
  font-size: 16px;
}
.menuitem .caterer-upload-menu label {
  font-size: 12px;
  width: 100px !important;
}
.menuitem .caterer-upload-menu .view {
  width: 130px !important;
  display: flex;
  align-items: center;  
}

.menuitem .caterer-upload-menu .view a {
  font-size: 12px;
}
.menuitem .caterer-upload-menu .view a i{
  padding-bottom: 0 !important;
}



}

.reviewAvatar
{
vertical-align: middle;
width: 44px !important;
height: 44px !important;
border-radius: 50%;
background:#dddddd !important;
Font-size:22px !important;
margin-right: 8px;
font-weight:500
}

.video-loader{
  padding: 53px;
  margin-top: -20px;
}

.cp-eclipse {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #F2183D;
  margin: auto;
  animation: cp-eclipse-animate 1s ease-out infinite;


    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.cp-eclipse:before {
  border-radius: 50%;
  content: " ";
  width: 100px;
  height: 100px;
  display: inline-block;
  box-sizing: border-box;
  border-top: solid 20px transparent;
  border-right: solid 20px #F2183D;
  border-bottom: solid 20px transparent;
  border-left: solid 20px transparent;
  position: absolute;
  top: -40px;
  left: -40px
}

.cp-eclipse:after {
  border-radius: 50%;
  content: " ";
  width: 100px;
  height: 100px;
  display: inline-block;
  box-sizing: border-box;
  border-top: solid 20px transparent;
  border-right: solid 20px transparent;
  border-bottom: solid 20px transparent;
  border-left: solid 20px #F2183D;
  position: absolute;
  top: -40px;
  right: -40px
}


/* blogs */
#blogs .text-banner h2 span {
  color: #fff;
  text-transform:uppercase;
}
#blogs .banner-home {
  background: url('../../../images/blogs/hero.png')no-repeat center top / cover;
  padding: 11rem 0;
}
section#blogsS4 .s4 {
  background: url('../../../images/blogs/Img.png')no-repeat center;
  padding: 11rem 0;
  margin-bottom: 3rem;
  background-size: cover;
  border-radius: 10px;
}
#blogs .text-banner,
section#blogsS4 .text-banner
{
    background: unset;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}
#blogS2 .content a {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    text-decoration: none;
    padding: 10px 20px;
    font-family: 'Montserrat';
}
#blogS2 .content {
    text-align: center;
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 12%;
}
#blogS2 .col-lg-4 {
    position: relative;
}

#blogS2 img {
    width: 100%;
    margin: 0 auto;
}
section#blogS2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
section#blogS3 .s3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #16232E;
    margin-bottom: 2rem;
    border-radius: 10px;
}
section#blogS3 h3 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 1rem;
}
section#blogS3 h4 {
    color: #fff;
    font-size:20px;
    font-weight: 400;
    margin-bottom: 0;
}
section#blogS3 input[type="email"]
{
    background-color: transparent;
    border:1px solid #fff;
    font-size: 15px;
    padding: 1rem 10rem 1rem 1rem;
    text-align: left;
    border-radius: 4px;
    color: #fff;
}
section#blogS3 input[type="email"]::placeholder {
    color: #fff;
}
section#blogS3 button {
    background-color: #D9042B;
    border: 0;
    padding: 1.08rem 2rem;
    color: #fff;
    font-family: 'Montserrat';
    letter-spacing: 1px;
    border-radius: 6px;
    margin-left: 12px;
}
section#blogS3 .row.px-xxl-5.mx-xxl-5 {
  align-items: center;
}
section#blogsS4 .text-banner h2 span {
    color: #fff;
}

section#blogsS4 .text-banner li {
    text-align: center;
}

section#blogsS4 .text-banner date {
    color: #fff;
}
section#blogS5 .blog-list
{
    display:flex;
}
section#blogS5 .right-sec {
  text-align: left;
  padding-left: 2rem;
}
section#blogS5 .right-sec a {
  background-color: #16232E;
  border: 0;
  padding: 12px 25px;
  color: #fff;
  font-family: 'Montserrat';
  border-radius: 6px;
  margin-left: 0px;
  text-decoration: none;
}
section#blogS5 .right-sec p {
  color: #111111;
  font-size: 14px;
  line-height: 1.7;
  padding: 8px 0;
  font-family: 'MONTSERRAT';
}
section#blogS5 .right-sec h5
{
  color: #16232E;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.4;
  padding: 0px 0 0 0;
  font-family: 'MONTSERRAT';
  margin-bottom: 0;
}
section#blogS5 .right-sec date
{
  color: #16232E;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.7;
  padding: 8px 0 0 0;
  font-family: 'MONTSERRAT';
  margin-bottom: 0;
}
section#blogS5 .carousel-item .col-12 {
  padding-bottom: 3rem;
}
section#blogS5 .carousel-indicators {
  justify-content: flex-start;
  margin: 0 auto;
  margin-left: 0;
  /* width: max-content; */
  bottom: -35px;
  position: unset;
  flex-wrap: wrap;

}
section#blogS5  .carousel-indicators [data-bs-target] {
   text-indent: unset;
   width: 100%;
   height: auto;
   opacity: 1;
}
section#blogS5 .row.col-md-12.main .left {width: 70%;}
section#blogS5 .row.col-md-12.main .right {border: 1px solid #0004;padding: 1rem 0;border-radius: 10px;}
section#blogS5 .col-md-3.toprights
{
    width: 25%;
    height: 100%;
    padding: 1rem 0;
    border-radius: 10px;
    margin: 0 auto;
    margin-right: 0;
}
div#testimonial {
    padding: 0;
}
section#blogS5 .right .right-sec {
    padding-left: 1rem;
}
section#blogS5 .right .right-sec h5 {
    font-size: 16px;
}
section#blogS5 .right .right-sec date {
    font-size: 12px;
}
section#blogS5 .right .blog-list {
  padding: 0px 0px 1rem 1rem;
}
section#blogS5 .right .col-12:last-child .blog-list {
  padding-bottom: 0;
}
section#blogS5 .right hr {
  color: #D9042B;
  opacity: 1;
}
section#blogS5 .right h5 {
  color: #16232E;
}
section#blogS5 div#testimonial .d-flex.justify-content-end
{
    display:none !important;
}
section#blogS5 .carousel-item .col-12:last-child {
    padding-bottom: 0;
}
section#blogS5 .carousel-indicators button {
    height: 2rem;
    width: 2rem;
    background-color: #D9D9D9;
    border-radius: 4px;
    position: relative;
    background-clip: unset;
    border: 0;
    text-indent: unset;
    color: #000;
    opacity: 1;
}
section#blogS5 {
    padding-bottom: 5rem;
    z-index: 99999 !important;
}
section#blogS5 .carousel-indicators button.active {
    background-color: #D9042B;
    color: #fff;
}
section#blogS5 .right .top-heads h5 {
  font-size: 16px !important;
  font-weight: 700;
}
section#blogS5 .right.secnd .blog-list {
    display: block;
    padding: 0 15px;
}
section#blogS5 .right.secnd .blog-list .right-social a {
    display: inline-flex;
    background-color: #16232E;
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 1rem;
}
section#blogS5 .right.secnd .right-social h5 {
    color: #fff;
    width: 39%;
    text-align: left;
    font-size: 15px;
    margin: 0;
    line-height: 1.6;
}
section#blogS5 .right.secnd i {
    color: #fff;
    width: 10%;
    float: right;
    margin: 0 auto;
    margin-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1.3);
}
section#blogS5 .right.secnd .blog-list .right-social:nth-child(2) a,
section#blogS5 .right.secnd .blog-list .right-social:nth-child(4) a {
    background-color: #f2183d;
}
section#blogS5 .right.secnd .blog-list .right-social a {
    width: 100%;
    text-decoration: none;
}
section#blogS5 .right.secnd .blog-list .right-social:nth-child(4) a {
    margin-bottom: 0;
}
section#blogS5 .right.secnd, section#blogS5 .right.third,section#blogS5 .right.fourth
{
    margin-top: 2rem;
}
section#blogS5 .right.secnd .blog-list .right-social:last-child
{
    margin-top:0;
}
section#blogS5 .right form input[type=email] {
    width: 100%;
    height: 3rem;
    border-radius: 4px;
    border: 1px solid #0004;
    padding: 0 10px;
}
section#blogS5 .right form input[type=email]::placeholder {
    color: #0004;
}

section#blogS5 .right form button {
    width: 100%;
    background-color: #f2183d;
    border: 0;
    color: #fff;
    padding: 11px 0;
    border-radius: 6px;
    margin-top: 12px;
}
section#blogS5 .right.subs h5 {
    /* font-weight: 700; */
}
section.new.section6.testimonial-section h2 {
    padding-top: 2rem;
}
section#blogS5 .right.subs .top-heads p {
    font-size: 12px;
    width: 80%;
    margin: 0 auto;
    line-height: 1.5;
    margin-bottom: 1rem;
}
section#blogS5 .right.third.subs .blog-list {
    width: 100%;
    display: block;
    padding: 0 20px;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list {
    display: block;
    padding: 0 20px;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ h5 {
    display: flex;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ a h5 {color: #000;padding: 3px 15px;margin: 0;background-color: #fff;width: max-content;text-align: center;margin-left: 1rem;border-radius: 3px;font-size: 14px;}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ h5 span {
    width: 100%;
    text-align: right;
    font-size: 14px;
    position: absolute;
    right: 10%;
    top: 11%;
    color: #fff;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ h5 {
    font-size: 16px;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ
{
    background-image:url('/images/blogs/cat-image1.png');
    background-repeat:no-repeat;
    background-size:cover;
    padding: 1rem 0;
    background-position: center;
    border-radius: 6px;
    margin: 15px 0;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(2)
{
  background-image:url('/images/blogs/cat-image2.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(3)
{
  background-image:url('/images/blogs/cat-image3.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(4)
{
  background-image:url('/images/blogs/cat-image4.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(5)
{
  background-image:url('/images/blogs/cat-image5.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ:nth-child(6)
{
  background-image:url('/images/blogs/cat-image6.png');
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ.active {
  border: 2px solid #db0000;
}
section#blogS5 .row.col-md-12.main .right.fourth.categ .blog-list .right-categ a {
    text-decoration: none;
    position: relative;
}
.section6 .carousel-item.active
{
    display:inline-flex !important;
    overflow:hidden !important;
}
section.new.section6.testimonial-section
{
    background: #fff;
}
section.new.section6.testimonial-section img
{
    width: 160px;
    margin: 0 auto;
}
section#blogS5 .right-sec p span
{
    font-size: 5rem;
    font-weight: 600;
    color: #16232E;
    display: block;
    position: absolute;
    top: -27%;
    left: -5%;
}

section#blogS5 .right-sec p {
    font-size: 14px;
    color: #0009;
    line-height: 2;
}

section#blogS5 .right-sec hr:nth-child(2) {
    color: #000;
    opacity: 1;
    border: 1px solid;
}

section#blogS5 .right-sec h5 {
    font-size: 18px;
    padding-bottom: 1rem;
    font-weight: 500;
}

section#blogS5 .right-sec h6 {
    font-weight: 400;
    font-size: 15px;
}
section#blogS5.detail {
    padding-top: 3rem;
}
section#blogS5 .right-sec p:nth-child(1) {
    position: relative;
    text-indent: 40px;
}
section#blogS3.detail .row.px-xxl-5.mx-xxl-5 {
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
}
section#blogS3.detail input[type="email"] {
    padding: 1rem 2rem 1rem 1rem;
}
section#blogS3.detail h3 {
    font-size: 20px;
}
section#blogS3.detail h4 {
    font-size: 16px;
}
section#blogS2.detail .row.px-xxl-5.mx-xxl-5
{
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
}
section#blogS2.detail .container
{
    padding: 0;
}
section#blogS2.detail {
    padding: 0 0 2rem 0;
    margin-top: -16px;
}
section#blogS5.detail .right .top-heads h5 {
    text-align: center;
}
section#blogSComment .row.px-xxl-5.mx-xxl-5 {
    padding: 0 !important;
    margin: 0 !important;
    display: block;
}
section#blogSComment h4 {
    color: #16232E;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    padding: 0px 0 0 0;
    font-family: 'MONTSERRAT';
    margin-bottom: 0;
}

section#blogS5.detail .right-sec {
    padding-left: 0;
}

section#blogS5.detail .row.col-md-12.main .left {padding-left: 0;}

section#blogSComment .container {
    padding-left: 0;
}
section#blogSComment .col-lg-12 {
    padding: 0;
}
section#blogSComment p {
    width: 100%;
    color: #111111;
    font-size: 14px;
    line-height: 1.7;
    padding: 8px 0;
    font-family: 'MONTSERRAT';
}
section#blogSComment textarea {
    border: 1px solid #0004;
    padding: 4rem 0;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 1rem;
}
section#blogSComment input {
    border: 1px solid #0004;
    padding: 10px 0;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 1rem;
}
section#blogSComment .labeled
{
    display:inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

section#blogSComment .labeled label {
    padding-right: 1rem;
    width: 76px;
    color: #111111;
    font-size: 14px;
    line-height: 1.7;
    padding: 8px 0;
    font-family: 'MONTSERRAT';
    font-weight: 600;
}

section#blogSComment .labeled:nth-child(5) label {
    width: 100%;
    color: #111;
    font-size: 14px;
    line-height: 1.7;
    padding: 8px 0;
    font-family: 'MONTSERRAT';
    margin-top: 3px;
    font-weight: 400;
}

section#blogSComment input#opt {
    width: max-content;
    margin: 0 8px 0px 0;
}
section#blogSComment  button {
    width: auto;
    background-color: #f2183d;
    border: 0;
    color: #fff;
    padding: 11px 25px;
    border-radius: 6px;
    margin-top: 12px;
}

section#blogS5.detail .right .right-sec h5 {
    font-size: 14px;
    padding-left: 8px;
    padding-bottom: 0;
}
section#blogS5.detail .right .right-sec date {
    font-size: 14px;
    padding-left: 8px;
}
section#blogs.detail .iconics span
{
    color: #000;
    padding: 0 6px;
}
section#blogs.detail .col-lg-12.text-banner
{
     text-align:left;
     padding: 0;
}

section#blogs.detail .iconics span img {
    margin-right: 8px;
}
section#blogs.detail {
  background-color: #F5F5F5;
}

section#blogs.detail .banner-home {
  background: none;
  padding: 0rem 0;
}
#blogs.detail .text-banner h2 span {
    color: #000;
}
#blogs.detail .col-lg-7.fst {
    padding: 9rem 8rem;
    position: relative;
}
#blogs.detail .col-lg-5.scnd img {
    width: 100%;
}
#blogs.detail .col-lg-5.scnd {
    padding: 0;
}
#blogs.detail .iconics {
    padding-top: 1rem;
}
section#blogs.detail .template-demo.mt-3 {
    position: absolute;
    bottom: 8%;
    right: 3%;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(1) {
    background-color: #3A599A;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(2) {
    background-color: #08AEE4;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(3) {
    background-color: #0E6FB6;
}
section#blogs.detail a.btn.btn-social-icon.btn-rounded.mx-2:nth-child(4) {
    background-color: #C3232B;
}
section#blogs.detail i.fa-brands {
    background: transparent;
    color: #fff;
}

section#blogS5.blog-list img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  object-position: top;
  }
  section#blogS5.detail img.carousel-img {
  width: 150px;
  height: 100px;
  object-fit: cover;
  object-position: top;
  margin: 6px 0;
  }
  section#blogS5.blog-list {
  display: flex;
  justify-content: center;
  align-items: center;
  }
  section#blogS5.detail.row.col-md-12.main.left.right-sec img {
  margin: 0 !important;
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
  }
/* blogs end */



@keyframes cp-eclipse-animate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}