/*
Theme Name: Ealing Food
Theme URI: https://wordpress.org/themes/ealingfood
Author: the WordPress team
Author URI: https://wordpress.org
Description: Ealing Food is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: ealingfood
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

:root{
    --primarycolor: #2F654B;  
    --secondary-color: #F75252;
    --green-color: #309565;
    --light-green-color: #E9F2E5;
    --light-pink-color: #F2EDE5;
    --black-color: #000;
    --white-color: #fff;
  }
  h1,h2,h3,h4,h5,h6{
    line-height: 35px;
  }
  input{
    caret-color: #000;
  }
  input[type="email"]::placeholder {
    color: var(--primarycolor);
}
  /*CSS start here*/
  .d-none{
      display: none;
  }
  a{
     outline: none;
  }
  body{
      margin: 0;
      font-family: raleway-regular;
      caret-color: transparent;
  }
  body p{
      line-height: 40px;
      font-size: 18px;
  }
  body li,
  body a{
      font-size: 18px;
  }
    body li:not(header li){
      line-height: 40px;
    }
  section{
      padding: 40px 0px;
  }
  section h2 {
      font-size: 56px;
      line-height: 60px;
      font-family: 'raleway-bold';
      margin: 0;
  }
  .container{
      max-width: 1600px;
      margin: auto;
      padding-left: 15px;
      padding-right: 15px;
  }
  .button-bg {
      background: var(--primarycolor);
      border: 0;
      padding: 16px 40px;
      border-radius: 50px;
      cursor: pointer;
      transition: .5s;
      font-family: 'raleway-regular';
  }
  .button-bg a {
      text-decoration: none;
      color: #fff;
  }
  .button-bg:hover {
      background: #214c38;
  }
  .button-transparent {
      background: transparent;
      border: 1px solid var(--primarycolor);
      padding: 16px 40px;
      border-radius: 50px; 
      cursor: pointer;
      transition: .5s;  
  }
  .button-transparent a {
      text-decoration: none;
      color: var(--primarycolor);  
  }
  .button-transparent:hover {
      background: var(--primarycolor);
  }
  .button-transparent:hover a {
      color: #fff;
  }
  @font-face {
      font-family: 'raleway-bold';
      src: url('assets/fonts/Raleway-Bold.ttf');
      font-style: normal;
  }
  @font-face {
    font-family: 'raleway-regular';
    src: url('assets/fonts/Raleway-Regular.ttf');
    font-style: normal;
}
 @font-face {
    font-family: 'Staatliches';
    src: url('assets/fonts/Staatliches.ttf');
    font-style: normal;
}
 @font-face {
    font-family: 'InterTight';
    src: url('assets/fonts/InterTight.ttf');
    font-style: normal;
}
  .page-template-homepage-php header{
      box-shadow: 0px 6px 30px #cdcdcd;
  }
  header{
      position: relative;
  }
  header .header-top,
  header .container.header-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  header .header-top{
      padding: 10px 0px;
  }
  header .header-top .header-top-left,
  header .header-top .header-top-center,
  header .header-top .header-top-right{
      flex: 0 33%;
  }
  header .header-bottom {
      background: var(--light-green-color);
  }
  header .header-bottom .header-bottom-left{
      flex: 0 15%;
  }
  header .header-bottom .header-bottom-center{
      flex: 0 53%;
  }
  header .header-bottom .header-bottom-right{
      flex: 0 15%;
      text-align: center;
  }
  .login-button-transparent{
      background: transparent;
      border: 2px solid var(--green-color);
      padding: 10px 32px;
      border-radius: 50px;
  }
  .login-button-transparent a{
      text-decoration: none;
      color: var(--green-color);
  }
  .login-button-transparent i{
      padding-right: 5px;
      font-size: 16px;
  }
  header .header-top .header-top-center #search_bar {
      width: 90%;
      float: right;
      height: 45px;
      border: 1px solid #bfbfbf;
      font-size: 18px;
      padding: 0px 0px 0px 35px;
      border-radius: 50px;
      background: var(--light-green-color);
  }
  header .header-top .header-top-center .search_bar form{
      position: relative;
      overflow: hidden;
  }
  header .header-top .header-top-center .search_bar form .fas.fa-search{
      float: right;
      position: absolute;
      color: #606060;
      right: 0px;
      padding: 13px 20px;
      color: var(--white-color);
      background: var(--green-color);
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px;
      font-size: 20px;
  }
  header .header-bottom #site-navigation #primary-menu-list {
      display: flex;
      list-style: none;
      justify-content: center;
      margin: 0;
      padding: 0;
  }
  header .header-bottom #site-navigation #primary-menu-list li {
      padding: 25px 15px;
  }
  header .header-bottom #site-navigation #primary-menu-list li:hover {
      background: var(--primarycolor);
  }
  header .header-bottom #site-navigation #primary-menu-list li:hover a {
      color: var(--white-color);
  }
  header .header-bottom #site-navigation #primary-menu-list li a {
      color: var(--black-color);
      text-decoration: none;
  }
  .business-type {
      display: flex;
      /*background: #e9f2e5;*/
      border-radius: 30px;
      position: relative;
      /*width: 255px;*/
      float: right;
  }
  .business-type button {
      border: none;
      padding: 12px 30px;
      border-radius: 30px;
      /*background: #e9f2e5;*/
      background: #f75252;
      position: relative;
      transition: .5s;
      flex: 0 50%;
      z-index: 3;
      cursor: pointer;
      font-size: 18px;
      /*color: var(--black-color);*/
      color: #fff;
  }
  .business-type button.user.active:before{
      background: #309565;
      transform: translateX(0%);
      z-index: -3;
      width: 119px;
  }
  button.business.active,
  button.user.active {
      color: #fff;
  }
  .business-type button.business.active:before{
      background: #f75252;
      z-index: -3;
      width: 133px;
  }
  .business-type button:before {
      content: '';
      position: absolute;
  /*    width: 114px;*/
      height: 45px;
      top: 0;
      left: 0;
      border-radius: 30px;
      z-index: 1;
      transition: .5s;
  }
  section.hero-section {
      padding: 0;
  }
  .outer{
      display: flex;
      display: -webkit-box; 
      display: -webkit-flex;    
      flex-wrap: wrap;
      align-items: center;
  }
  .hero-section .outer .hero-content h1 {
      font-size: 75px;
      margin: 0;
      font-family: 'raleway-bold';
      line-height: 85px;
  }
  .pink-text {
      color: var(--secondary-color);
  }
  .green-text{
      color: var(--primarycolor);
  }
  .hero-section .outer .hero-content {
      /* flex: 0 51%; */
      flex: 0 47%;
  }
  .hero-section .outer .hero-content .inner-content{
      padding-left: 10rem;
  }
  .hero-section .outer .hero-content .inner-content p{
      font-size: 24px;
  }
  .hero-section .outer .hero-image {
      flex: 0 49%;
  }
  .hero-section .outer .hero-image img{
      width: 100%;
  }

.surplus_distribute{
    margin-top: 10px;
}
.surplus_distribute legend{
    color: #fff;
}
  
  .below-banner-section{
      background: var(--light-green-color);
      text-align: center;
      position: relative;
      overflow: hidden;
      height: 500px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-top: -4px;
  }
  .below-banner-section:before{
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      background: url('assets/images/vector1.png');
      width: 335px;
      height: 584px;
      background-repeat: no-repeat;
  }
  .below-banner-section:after{
      content: '';
      position: absolute;
      padding-right: 0;
      top: 0;
      background: url('assets/images/vector2.png');
      width: 276px;
      height: 632px;
      background-repeat: no-repeat;
      right: 0;
  }
  .below-banner-section h2 {
      color: var(--primarycolor);
      margin-bottom: 40px;
  }
  .information-section .outer{
      justify-content: space-between;
  }
  .information-section .left-content{
      flex: 0 45%;
  }
  .information-section .right-image{
      flex: 0 45%;
  }
  .information-section .left-content .left-inner-content{
      padding-left: 10rem;
  }
  .information-section .right-image img {
      width: 100%;
  }
  .counter{
      background: var(--light-pink-color);
  }
  .counter .counter-inner {
      display: flex;
      justify-content: space-around;
      padding: 0;
      list-style: none;
  }
  .counter .counter-inner li {
      flex: 0 25%;
  }
  .counter .counter-inner li p:first-child{
      font-size: 25px;
  }
  .counter .counter-inner li p:last-child{
      color: #8f8f8f;
      font-size: 18px;
  }
  .counter .counter-inner li h3{
      font-size: 80px;
      margin: 30px 0px;
      font-family: 'raleway-bold';
      color: var(--secondary-color);
      display: flex;
  }
  .counter .counter-inner li p{
      font-size: 32px;
      margin: 10px 0px;
  }
  .solution .outer {
      justify-content: space-between;
  }
  .solution .outer .right-content h4 {
      font-size: 32px;
      margin: 0px 0px 15px 0px;
      color: var(--primarycolor);
  }
  .solution .left-image {
      flex: 0 50%;
  }
  .solution .left-image img{
      width: 100%;
  }
  .solution .right-content {
      flex: 0 40%;
  }
  .solution .right-content .right-inner-content{
      padding-right: 10rem;
  }
  .services {
      background: #e9f2e5;
      position: relative;
      margin-top: 115px;
      z-index: 1;
  }
  .services:after {
      content: '';
      position: absolute;
      background: url(assets/images/BG-Line.png);
      width: 100%;
      top: 20%;
      left: 0;
      height: 599px;
      z-index: -1;
  }
  .services .row:first-child .title {
      margin-bottom: 50px;
  }
  .services .row:last-child .title {
      margin-top: 50px;
      margin-bottom: 50px;
  }
  .services:before{
      content: '';
      background: url('assets/images/layer.png');
      width: 100%;
      position: absolute;
      top: -154px;
      height: 157px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
  }
  .services .title {
      text-align: center;
  }
  .services .box-flex {
      display: flex;
      justify-content: space-between;
      text-align: center;
  }
  .services .box-flex .single-box{
      flex: 0 26%;
      background: #fff;
      padding: 60px 40px;
      border-radius: 25px;
  }
  .services .box-flex .single-box h4 {
      font-size: 32px;
      margin: 25px 0px 15px 0px;
      color: var(--primarycolor);
  }
  .services .box-flex .single-box img{
      margin: 30px 0px;
  }
  .services .counter-flex {
      display: flex;
      justify-content: space-between;
      text-align: center;
  }
  .services .counter-flex .counter-box{
      flex: 0 18%;
      border: 2px solid var(--primarycolor);
      border-radius: 25px;
      padding: 60px 40px;
  }
  .services .counter-flex .counter-box h3 {
      display: flex;
      font-size: 80px;
      margin: 30px 0px;
      font-family: 'raleway-bold';
      color: var(--primarycolor);
      justify-content: center;
  }
  .services .counter-flex .counter-box p{
      font-size: 32px;
      margin: 0;
  }
  .services .button-bg {
      display: block;
      margin: 70px auto 30px auto;
  }
  section.deals {
      padding: 100px 0px;
  }
  .deals .outer {
      justify-content: space-between;
  }
  .deals .left-content {
      flex: 0 35%;
  }
  .deals .left-content .left-inner-content{
      padding-left: 10rem;
  }
  .deals .right-counter {
      flex: 0 45%;
      padding: 115px;
      border-top: 2px solid var(--primarycolor);
      border-left: 2px solid var(--primarycolor);
      border-bottom: 2px solid var(--primarycolor);
  }
  .deals .right-counter .counter-flex {
      display: flex;
      text-align: center;
      justify-content: space-between;
  }
  .deals .right-counter .counter-flex .counter-box {
      flex: 0 27%;
  }
  .deals .right-counter .counter-flex .counter-box h3{
      font-size: 80px;
      margin: 30px 0px;
      font-family: 'raleway-bold';
      color: var(--primarycolor);
      justify-content: center;
  }
  .deals .right-counter .counter-flex .counter-box p{
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
  }
  .deals .right-counter .counter-flex .counter-box p img{
      width: 19px;
      padding-right: 5px;
  }
  #custom_breadcrumbs {
      background: url('assets/images/Find_Food_Header.png');
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 310px;
      background-size: cover;
      background-position: center;
      padding: 0;
      flex-wrap: wrap;
      align-content: center;
  }
  #custom_breadcrumbs>h2{
      flex: 0 100%;
      text-align: center;
  }
  #custom_breadcrumbs>h2 strong {
    color: #fff;
    font-size: 40px;
    font-family: 'raleway-bold';
}
  #custom_breadcrumbs ul{
    padding: 0;
    display: flex;
    margin: 0;
    align-items: center;
  }
  #custom_breadcrumbs li {
      list-style: none;
      color: #fff;
      padding: 0px 20px;
      position: relative;
      line-height: 0;
  }
  #custom_breadcrumbs li a {
      font-size: 18px;
      text-decoration: none;
      color: #fff;
  }
  #custom_breadcrumbs li h2 {
      font-size: 18px;
      margin: 0;
  }
  #custom_breadcrumbs li:after {
      content: '\f054';
      position: absolute;
      right: 0;
      font-family: 'FontAwesome';
      font-size: 11px;
      top: 2px;
  }
  #custom_breadcrumbs li:last-child:after {
      display: none;
  }
  .em-list.em-events-list h2 {
      display: none;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box {
      display: flex;
      justify-content: space-between;
      padding: 40px;
      border: 1px solid #E9F2E5;
      border-radius: 8px;
      margin-bottom: 30px;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box:hover {
      background: var(--light-green-color);
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image,
  .single-event-page .em-view-container .em-item-header .event-single-left {
      flex: 0 30%;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image img{
      width: 100%;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info,
  .single-event-page .em-view-container .em-item-header .event-single-right {
      flex: 0 66%;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail{
      width: 100%;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-title a,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail h1 a{
      font-size: 44px;
      font-weight: 600;
      color: #262626 !important;
      text-decoration: none;
      font-family: 'raleway-bold';
      outline: none;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-title {
      margin: 0;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .event-info-inner p {
      line-height: 30px;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details {
      list-style: none;
      line-height: 35px;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 6px;
      align-items: center;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info b{
      font-size: 18px;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line.em-event-age,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity{
      flex: 0 20% !important;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line {
      flex: 0 30%;
      display: flex;
      align-items: center;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-event-meta-datetime svg,
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age svg,
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p svg,
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li svg,
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line.em-event-status svg,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity svg,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when .em-event-meta-datetime svg,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status svg,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age svg,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location svg,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li svg{
      width: 27px;
      margin-right: 10px;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when .em-event-meta-datetime, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status {
    margin-bottom: 0;
}
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age,
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p,
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li{
      display: flex;
      align-items: center;
      line-height: 20px;
      margin: 5px 0px;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age b,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity b,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when .em-event-meta-datetime b,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status b,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age b,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location b,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li b{
      font-size: 18px;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age span,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity span,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when .em-event-meta-datetime span,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status span,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age span,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location span,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li b{
      color: #000;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address .fa-location-dot {
      font-size: 25px;
      color: var(--primarycolor);
      margin-right: 10px;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-actions.input{
      margin-top: 40px;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-actions.input .em-item-read-more{
      color: var(--primarycolor);
      text-decoration: none;
      outline: 0;
      transition: .5s;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-actions.input .em-item-read-more:hover {
      color: #fff;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li a,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li a{
      text-decoration: none;
      color: inherit !important;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li b,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details b{
      padding-right: 5px;
  }
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info br,
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age br,
  .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address br,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity br,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when br,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-status br,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age br,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location br,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li br {
      display: none;
  }
  .single-event-page > h1 {
      display: none;
  }
  .single-event-page{
      margin: 45px auto;
  }
  .single-event-page .em-view-container{
      padding: 40px;
      border: 1px solid #B6B6B6;
      border-radius: 8px;
  }
  .single-event-page .em-view-container .em-item-header {
      justify-content: space-between;
      display: flex !important;
      flex-wrap: wrap !important;
      border-bottom: 1px solid #e9e9e9;
      margin: 0px 0px 35px !important;
      /*padding-bottom: 25px;*/
  }
  .single-event-page .em-view-container .available-items.em-event-available ul {
    list-style: none !important;
      line-height: 30px;
  }
  .single-event-page .em-view-container .available-items.em-event-available li:before {
      content: '\f058';
      position: absolute;
      font-family: 'FontAwesome';
      left: 0;
      z-index: 999;
      color: var(--primarycolor);
  }
  .single-event-page .em-view-container .available-items.em-event-available li {
      padding-left: 30px;
      position: relative;
    }

  .single-event-page .em-view-container .em-event-content.food-description ul {
      list-style: none !important;
      line-height: 30px;
  }
  .single-event-page .em-view-container .em-event-content.food-description li:before {
      content: 'â€¢';
      position: absolute;
      font-size: 30px;
      color: var(--primarycolor);
      left: 0;
  }
  .single-event-page .em-view-container .em-event-content.food-description li {
      position: relative;
      display: inline-block;
      padding-left: 20px;
    }
  .single-event-page .em-view-container .em-event-bookings .map .em.em-location-map-container{
      height: 500px !important;
  }

  .single-event-page .em-view-container .event-single-left .em-item-image img{
      padding: 0 !important;
      border: 0;
      width: 100%;
      border-bottom: 0 !important;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-item-desc p,
  .single-event-page .em-view-container .em-event-content p{
       line-height: 30px !important;
      color: #000;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-status{
      flex: 0 30%;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when .em-event-meta-datetime,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li,
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details{
      display: flex;
      align-items: center;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details{
      list-style: none !important;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li{
      flex: 0 30%;
  }
  .single-event-page .em-view-container .em-event-content h3,
  .single-event-page .em-view-container .em-event-bookings h3{
      font-family: 'raleway-bold';
      font-weight: 600 !important;
      font-size: 32px !important;
  }
  .single-event-page .em-view-container .event-single-right-detail .claim-btn .button-bg {
      margin-top: 0px !important;
  }
  .claim-btn .button-bg a {
      text-decoration: none;
      color: #fff !important;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-item-desc p {
      margin-bottom: 0 !important;
  }
  .single-event-page .em-view-container .em-item-header .event-single-left .em-item-image {
      margin: 0 !important;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right h1 {
      line-height: 40px !important;
  }
  .single-event-page .em-view-container .em-item-header .event-single-right .em-item-desc {
	    margin-bottom: 10px;
	}
  .em-events-search .em-search-main.em-search-main-bar {
      width: 710px !important;
      margin: auto;
      border-radius: 50px;
      border: 1px solid var(--green-color) !important;
  }
  .em-events-search .em-search-main.em-search-main-bar{
      padding: 0 !important;
  }
  .em-events-search .em-search-main.em-search-main-bar .em-search-views,
  .em-events-search .em-search-main.em-search-main-bar .em-search-advanced-trigger{
      display: none;
  }
  .em-events-search .em-search-main.em-search-main-bar .em-search-submit.input .em-search-submit{
      background-color: var(--green-color) !important;
      border-radius: 0 !important;
      border: none !important;
      border-top-right-radius: 25px !important;
      border-bottom-right-radius: 25px !important;
      height: 60px !important;
      outline: 0 !important;
      font-size: 17px !important;
      font-family: 'raleway-regular';
      text-transform: capitalize !important;
      padding: 0px 90px !important;
  }
  .pac-container{
      border: 0 !important;
  }
  .em-events-search .em-search-main.em-search-main-bar .em-search-geo.em-search-field{
      position: relative;
  }
  .em-events-search .em-search-main.em-search-main-bar .em-search-geo.em-search-field .em-search-geo.pac-target-input{
      background: none !important;
      padding-left: 40px !important;
  }
  .em-events-search .em-search-main.em-search-main-bar .em-search-geo.em-search-field:before{
      content: '';
      position: absolute;
      left: 12px;
      background: url(/wp-content/uploads/2023/08/location.png);
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-size: 20px;
      top: 8px;
  }
  .em-events-search .em-search-main.em-search-main-bar ::placeholder{
      color: #309565;
      font-weight: 600;
  }

/*  About page*/
.about-main-image .row {
    padding: 0px 100px;
}
.about-main-image .row img {
    width: 100%;
    border-radius: 5px;
}
.about-main-image .row .content {
  text-align: center;
}
.about-main-image .row .content h3{
  font-size: 44px;
  font-weight: 600;
  color: var(--primarycolor)!important;
  text-decoration: none;
  font-family: 'raleway-bold';
  outline: none;
  margin-bottom: 0;
}
.about-main-image .row .content p{
    margin-top: 10px;
}
.about-section,
.feature-section{
  background: var(--light-green-color);
}
.aim-section .outer .left-content,
.about-section .outer .right-content,
.feature-section .outer .right-content  {
    flex: 0 50%;
    text-align: center;
}
.aim-section .outer .left-content img,
.about-section .outer .right-content img {
    width: 55%;
}
.aim-section .outer .right-content,
.about-section .outer .left-content,
.feature-section .outer .left-content{
    flex: 0 50%;
}
.about-section .outer .left-content h3,
.aim-section .outer .right-content h3,
.feature-section .outer .left-content h3 {
    font-size: 44px;
    font-weight: 600;
    color: #262626 !important;
    text-decoration: none;
    font-family: 'raleway-bold';
    outline: none;
    margin-bottom: 0;
}
.feature-section .outer {
    align-items: flex-start;
}
.feature-section .outer .left-content h4 {
    font-size: 32px;
    margin: 0px 0px 15px 0px;
    color: var(--primarycolor);
    font-family: 'raleway-bold';
}
.feature-section .outer .right-content img {
    width: 70%;
}
.feature-section .outer .left-content ul p {
    margin: 0;
}
.feature-section .outer .left-content ul li {
    margin-top: 10px;
}
.footer-newsletter:before{
  content: '';
  position: absolute;
  left: 0;
  background: url('/wp-content/uploads/2023/08/newsletter-shape.png');
  width: 775px;
  height: 266px;
  background-repeat: no-repeat;
  bottom: 0;
  background-size: cover;
  z-index: -2;
}
.footer-newsletter:after{
    content: '';
    position: absolute;
    right: 0;
    background: url('/wp-content/themes/ealingfood/assets/images/vector2.png');
    width: 135px;
    height: 302px;
    background-repeat: no-repeat;
    top: 0;
    background-size: cover;
    z-index: -2;
}
.footer-newsletter {
    padding: 55px;
    background: var(--light-pink-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 55px 0px 90px 0px;
    position: relative;
    z-index: 6;
}
.footer-newsletter .text {
    font-size: 44px;
    font-family: 'raleway-regular';
    color: var(--primarycolor);
    position: relative;
    line-height: 50px;
    flex: 0 37%;
}
.footer-newsletter .text img{
    position: absolute;
    bottom: 5px;
}
.footer-newsletter .input{
    flex: 0 45%;
    display: flex;
}
.footer-newsletter .input input[type="email"] {
    width: 100%;
    padding: 20px;
    border: 1px solid var(--primarycolor);
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background: transparent;
    font-size: 18px;
    outline: none;
}
.footer-newsletter .input input[type="submit"]{
    padding: 18px 70px;
    border: 0;
    background: var(--primarycolor);
    color: #fff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -moz-border-radius-topright:50px;
    -moz-border-radius-bottomright:50px;
    -webkit-border-top-right-radius:50px;
    -webkit-border-bottom-right-radius:50px;
    
    font-size: 18px;
    font-family: 'raleway-regular';
    
}
.contact-form {
    padding: 100px 0px;
}
.contact-form .contact-flex .content h2 {
    font-size: 75px;
    margin: 0;
    font-family: 'raleway-bold';
    line-height: 80px;
}
.contact-form .contact-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.contact-form .contact-flex .content {
    flex: 0 45%;
}
.contact-form .contact-flex .form {
    flex: 0 52%;
}
.contact-form .contact-flex .content p {
    font-size: 24px;
}
.contact-form .contact-flex .form .inner-form {
    padding: 65px;
    background: var(--primarycolor);
    border-radius: 50px;
}
.contact-form .contact-flex .form .inner-form h3 {
    font-size: 56px;
    line-height: 60px;
    font-family: 'raleway-bold';
    margin: 0;
    color: #fff;
}
.contact-form .contact-flex .form .inner-form p{
    color: #fff;
    font-size: 24px;
    margin: 15px 0px;
}
.contact-form .contact-flex .form .inner-form .form-data {
    margin-top: 35px;
}
.contact-form .contact-flex .form .inner-form .form-data input {
    width: 93%;
    padding: 25px;
    border: 0;
    margin-bottom: 25px;
    font-size: 18px;
    border-radius: 5px;
    outline: none;
    font-family: 'raleway-regular';
    font-weight: 600;
}
.contact-form .contact-flex .form .inner-form .form-data input::placeholder,
.contact-form .contact-flex .form .inner-form .form-data textarea::placeholder,
.login-popup-overlay.active input::placeholder {
    color: var(--primarycolor);
}
.contact-form .contact-flex .form .inner-form .form-data textarea {
    width: 93% !important;
    padding: 25px;
    border: 0;
    margin-bottom: 25px;
    font-size: 18px;
    border-radius: 5px;
    outline: none;
    font-family: 'raleway-regular';
    font-weight: 600;
    height: 115px;
    caret-color: #000;
}
.contact-form .contact-flex .form .inner-form .form-data input[type="submit"] {
    background: var(--green-color);
    border-radius: 50px;
    width: 100%;
    color: #fff;
    font-size: 22px;
    font-family: 'raleway-regular';
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer;
    transition: .5s;
}
.contact-form .contact-flex .form .inner-form .form-data input[type="submit"]:hover{
    background: #214c38;
    transition: .5s;
}
.contact-form .contact-flex .form .inner-form .form-data .submit-btn {
    position: relative;
}
.contact-form .contact-flex .form .inner-form .form-data .submit-btn:after {
    content: '\f061';
    position: absolute;
    font-family: 'FontAwesome';
    color: #fff;
    top: 27px;
    left: 55%;
    font-size: 19px;
    transform: translate3d(25px, 0px, 0px);
}
.contact-form .contact-flex .form .inner-form .form-data .wpcf7-form-control-wrap {
    line-height: 0;
}
.contact-form .contact-flex .form .inner-form .form-data .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 18px;
}
.contact-form .contact-flex .form .inner-form .wpcf7-response-output {
    color: #dc3232;
    font-size: 18px;
    border: 0;
    margin: 0;
}




  .footer{
      background: var(--green-color);
      padding: 45px 0px;
  }
  .footer p {
      color: #fff;
      margin: 0;
  }
  .footer .row {
      display: flex;
      justify-content: space-between;
  }
  .footer .row .footer-logo {
/*      flex: 0 35%;*/
      display: flex;
      align-items: center;
      position: relative;
  }
  .footer .row .footer-logo .widget_media_image:after {
      content: '';
      position: absolute;
      border: 1px solid #fff;
      right: 40px;
      height: 30vh;
      top: 20px;
  }
  .footer .row .footer-menu {
/*      flex: 0 15%;*/
  }
  .footer .row .footer-links {
/*      flex: 0 17%;*/
  }
  .footer .row .footer-social-links {
/*      flex: 0 15%;*/
  }
  .footer .row .footer-menu .menu,
  .footer .row .footer-links .menu{
      padding-left: 0px;
      list-style: none;
  }
  .footer .row .footer-logo img {
      padding-right: 70px;
  }
  .footer .row .footer-menu .menu li,
  .footer .row .footer-links .menu li {
      line-height: 40px;
  }
  .footer .row .footer-menu .menu li a,
  .footer .row .footer-links .menu li a {
      color: #fff;
      text-decoration: none;
      font-size: 18px;
      line-height: 48px;
  }
  .footer .row .footer-social-links h3 {
      margin: 15px 0px;
      padding: 55px 0px 0px 0px;
      font-size: 15px;
      color: #fff;
      font-weight: 600;
  }
  .footer .row .footer-social-links section {
      padding: 0;
  }
  header .header-top .header-top-right .toggle{
      display: none;
  }
  header .header-bottom .header-bottom-center .business-type {
      display: none;
  }
  header .header-bottom .header-bottom-center .login-button-transparent {
      display: none;
  }
  header .header-top .header-top-right .search-icon {
      display: none;
  }
  #toTop {
      position: fixed;
      z-index: 9;
      right: 20px;
      bottom: 40px;
      background: var(--primarycolor);
      width: 80px;
      height: 80px;
      cursor: pointer;
      border-radius: 50px;
  }
  #toTop i{
      color: #fff;
      display: flex;
      justify-content: center;
      line-height: 83px;
      font-size: 28px;
  }
  input[type="text"] {
      outline: none;
  }
  .social-icons i {
      font-size: 22px;
  }
  .footer .row .footer-social-links .social-icons li {
      margin-right: 15px;
  }
  .footer .row .footer-social-links .social-icons li i {
      font-size: 22px;
  }


  /* jaskirat */
  /* pagination */

.em-pagination.em-ajax {
    justify-content: center;
    align-items: center;
}
.em .em-pagination .page-numbers.prev {
    opacity: 1;
    background-size: 30px;
    border-bottom: none;
}
.em .em-pagination .page-numbers.current, .em .em-pagination .page-numbers:hover {
    height: 30px !important;
    font-size: 23px !important;
}
.em-pagination.em-ajax span.page-numbers.current {
    text-decoration: none !important;
    background: #309565;
    color: #ffffff !important;
    border-radius: 5px;
    padding: 6px 0px !important;
    transition: all 300ms ease-in-out;
    text-align: center;
}
.em .em-pagination .page-numbers {
    font-size: 23px!important;
    height: 30px;
    color: #2f654b !important;
}
.em .em-pagination a.next.page-numbers {
    opacity: 1;
    background-size: 30px;
    border-bottom: none;
}
.em .em-pagination .next.page-numbers:hover,
.em .em-pagination .prev.page-numbers:hover {
    font-size: 0px !important;
    background-size: 30px !important;
}
.login-popup-overlay {
    display: none;
}
.login-popup-overlay.active {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000d9;
    z-index: 999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center
}

.login-popup-overlay.active .popup-content {
    position: absolute;
    width: 70%;
    background: #fff;
    left: 15%;
    top: auto
}

.login-popup-overlay.active .popup-content .popup-body {
    padding-bottom: 0;
    position: relative;
    overflow: hidden
}

.login-popup-overlay.active .popup-content .popup-body .content {
    height: 85vh;
    padding: 0;
    display: flex;
    align-items: center;
    background: var(--primarycolor);
}

.login-popup-overlay.active .popup-content .popup-body .content .left-image {
    background: url(/wp-content/uploads/2023/09/login-register-img.jpeg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    flex: 0 53%;
    background-position: center;
    background-size: cover;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right {
    flex: 0 47%;
    max-height: 80vh;
    overflow-y: auto
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen .error-logged,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .error-logged {
    text-align: center;
    font-weight: 600
}

.login-popup-overlay.active .popup-content .popup-body .content h2 {
    color: #673a8e;
    margin: 0 0 40px;
    font-size: 30px;
    font-family: sofia-pro-bold;
    position: relative;
    line-height: 40px
}

.login-popup-overlay.active .popup-content .popup-body .content h2:after {
    content: '';
    position: absolute;
    left: 0;
    width: 7%;
    height: 1px;
    bottom: -25px;
    background: #673a8e
}

.login-popup-overlay.active .popup-content .popup-body .content .inner-content {
    line-height: 30px;
    font-size: 18px
}

.login-popup-overlay.active .popup-content i.login-close-icon {
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    background: transparent;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 85px;
    transition: .5s;
    position: absolute;
    right: 0
}

.login-popup-overlay.active .popup-content i.login-close-icon:hover {
    background: var(-primarycolor);
    transition: .5s
}

.login-popup-overlay.active .popup-content i.login-close-icon:before {
    left: 5px;
    position: relative;
    top: -5px
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form {
    width: 75%;
    margin: auto
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_user,.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_pass {
    display: flex;
    flex-direction: column
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_user label,.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_pass label {
    padding-bottom: 5px;
    font-size: 18px;
    padding-top: 15px;
    color: #fff;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .login-remember label {
    color: #fff;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_user label input,.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_pass label input {
    padding: 20px 15px !important;
    border-radius: 15px !important;
    border: 1px solid #000
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_user input,.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_pass input {
    padding: 17px 15px !important;
    border-radius: 5px !important;
    border: 1px solid #000;
    margin-top: 20px;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-header,.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .registration-header {
    text-align: center
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .forgot-pass {
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
}
.alert.alert-danger{
  text-align: center;
  color: #fff;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .login-remember {
    float: left;
    margin: 15px 0
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen .login-header h4,.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header h4,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .registration-header h4 {
    font-size: 30px;
    margin: 10px 0 15px;
    color: #fff;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen .login-header p,.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header p,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .registration-header p {
    margin-top: 5px;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form button.g-recaptcha,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .register-next-step .register_user {
    background: var(--green-color);
    padding: 15px 40px;
    height: auto;
    font-size: 18px;
    font-family: raleway-regular;
    text-transform: capitalize;
    border: 2px solid var(--green-color);
    border-radius: 50px;
    margin-right: 20px;
    color: #fff;
    width: 100%;
    cursor: pointer;
    margin-top: 25px;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen {
    width: 75%;
    margin: auto;
    display: none
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen.active,.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen.active,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.active {
    display: block
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen.deactive,.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen.deactive,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.deactive {
    display: none
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_pass {
    display: flex;
    flex-direction: column
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user label,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user label,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_pass label {
    padding-bottom: 5px;
    font-size: 18px;
    padding-top: 15px;
    color: #fff;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user input,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user input,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_pass input,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user select {
    padding: 17px 15px !important;
    border-radius: 5px !important;
    border: none;
    margin-top: 20px;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user select {
    height: 50px
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user button.get_new_password {
    background: var(--green-color);
    padding: 15px 40px;
    height: auto;
    font-size: 18px;
    font-family: raleway-regular;
    text-transform: capitalize;
    border: 2px solid var(--green-color);
    border-radius: 50px;
    margin-right: 20px;
    color: #fff;
    width: 100%;
    cursor: pointer;
    margin: 25px 0
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user .back-to-login {
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user .back-to-login i {
    font-family: FontAwesome;
    padding-right: 15px;
    font-size: 17px;
    color: #fff;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header i {
    color: #fff;
    border: 3px solid #fff;
    border-radius: 45px;
    font-size: 25px;
    width: 35px;
    height: 35px;
    line-height: 34px;
    position: relative
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header i:before {
    left: 16px;
    position: absolute
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .register {
    text-align: center;
    color: #fff;
    line-height: 25px;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .register a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .register_form .flex {
    display: flex;
    justify-content: space-between
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .register_form .flex .log_user {
    flex: 0 47%;
    width: 47%
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user.confirmation {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding-bottom: 15px
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user.confirmation #organisation_confirm {
    transform: scale(1.3);
    margin-right: 15px
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.active .have-account {
    text-align: center;
    color: #fff;
    line-height: 25px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.active .have-account a{
  color: #fff;
  text-decoration: none;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.active .register-next-btn button{
    background: var(--green-color);
    color: #Fff;
    border: 0;
    width: 100%;
    padding: 20px 0px;
    border-radius: 50px;
    font-size: 18px;
    margin-top: 25px;
    font-family: raleway-regular;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.active .register_form .register-next-step{
  display: none;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.active .register_form .register-next-step.active{
  display: block;
}

/* jaskirat */
.register_success_container{
    width: 50vw;
    margin: auto;
    text-align: center;
    padding: 65px 0px;
    background: var(--light-green-color);
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    /* margin-bottom: 40px; */

}
.success-title h4{
    font-size: 32px;
    margin: 0px 0px 0px 0px;
    color: var(--primarycolor);
    font-family: 'raleway-bold';
}

.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.active .have-account .back-to-login {
    font-weight: 600;
}
.events-map .image img {
    width: 100%;
}
.events-map h1{
    font-size: 65px;
    font-family: 'raleway-bold';
}
.events-map h3{
    font-size: 44px;
    font-weight: 600;
    color: var(--primarycolor)!important;
    text-decoration: none;
    font-family: 'raleway-bold';
    outline: none;
    margin-bottom: 0;
}
.single-post .blog-section .blogs-flex .blogs-inner {
    flex-wrap: wrap;
}
.single-post .blog-section .blogs-flex .blogs-inner .image,
.single-post .blog-section .blogs-flex .blogs-inner .content {
    flex: 0 100%;
}
.blog-section .blogs-flex .blogs-inner .image img{
  height: auto;
}
.single-post .blog-section .blogs-flex .blogs-inner .content h3{
    margin: 20px 0px;
    font-size: 40px;
    font-family: 'raleway-bold';
}
.blog-section .blogs-flex .blogs-inner .content h3 {
    margin: 5px 0px;
    font-size: 25px;
}
.single-post .blog-section .blogs-flex .blogs-inner .image img {
    height: 450px;
    object-fit: cover;
    border-radius: 10px;
}
.search-no-results .no-results.not-found {
    text-align: center;
}
.page .blog-section .blogs-flex .blogs-inner {
    flex-wrap: wrap;
}
.page .blog-section .blogs-flex .blogs-inner .image {
    flex: 0 100%;
}
.page .blog-section .blogs-flex .blogs-inner .content {
    flex: 0 100%;
}
.page .blog-section .blogs-flex .blogs-inner .image img {
    height: 500px;
    border-radius: 10px;
    object-fit: cover;
}
.contact-form .contact-flex #forgot-tab.active ,.contact-form .contact-flex #login-tab.active ,.contact-form .contact-flex #registration-tab.active{
    display: block !important;
}
.contact-form .contact-flex #forgot-tab.deactive,.contact-form .contact-flex #login-tab.deactive, .contact-form .contact-flex #registration-tab.deactive{
    display: none;
}
.contact-form .contact-flex .form-right input {
    width: 95%;
    padding: 17px 15px !important;
    border-radius: 5px !important;
    border: none;
    margin-top: 20px;
}
.contact-form .contact-flex .form-right #registrationSubmit , .contact-form .contact-flex .form-right #loginBtn_click , .contact-form .contact-flex .form-right #get_new_password{
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 3px;
    background: var(--green-color);
    padding: 15px 40px;
    height: auto;
    font-size: 18px;
    font-family: raleway-regular;
    text-transform: capitalize;
    border: 2px solid var(--green-color);
    border-radius: 50px !important;
    margin-right: 20px;
    color: #fff;
    width: 100%;
    cursor: pointer;
    margin-top: 25px;
}
.contact-form .contact-flex .form a.back-to-login ,.contact-form .contact-flex .form .forgot-pass {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    display:block;
}
.contact-form .contact-flex .form .inner-form p.have-account ,.contact-form .contact-flex .form .inner-form p.register {
    color: #fff !important;
    font-size: 18px;
    margin: 15px 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 3px;
    flex-wrap: wrap;
}
.contact-form .contact-flex .form p.register #regiset  , .contact-form .contact-flex .form .back-to-login{
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight:600;
}
.contact-form .contact-flex #forgot-tab .form a.back-to-login{
    display: contents;
}
.contact-form .contact-flex .form a.back-to-login {
    font-family: 'raleway-regular';
    font-size: 18.42px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    margin-top: 25px;
    display: contents;
    text-align: center;
    text-decoration: none;
    background: transparent;
    border: none;
    width: 100%;
}
.contact-form .contact-flex #forgot-tab  a.back-to-login{
    display: block;
}
.contact-form .contact-flex  .form-right .login-header, .contact-form .contact-flex  .form-right .forgot-password-screen .forgot-pass-header, .contact-form .contact-flex  .form-right .registration-screen .registration-header {
    text-align: center;
    margin-top: 50px;
}
.contact-form .contact-flex  .form-right .login-screen .login-header h4, .contact-form .contact-flex  .form-right .forgot-password-screen .forgot-pass-header h4, .contact-form .contact-flex  .form-right .registration-screen .registration-header h4 {
    font-size: 30px;
    margin: 10px 0 15px;
    color: #fff;
}
.contact-form .contact-flex  .form-right .login-screen .login-header p, .contact-form .contact-flex  .form-right .forgot-password-screen .forgot-pass-header p, .contact-form .contact-flex  .form-right .registration-screen .registration-header p {
    margin-top: 5px;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
}
.contact-form .contact-flex  .form-right .forgot-password-screen .forgot-pass-header i {
    color: #fff;
    border: 3px solid #fff;
    border-radius: 45px;
    font-size: 25px;
    width: 35px;
    height: 35px;
    line-height: 34px;
    position: relative;
}

.contact-form .contact-flex  .form-right .forgot-password-screen .forgot-pass-header i:before {
    left: 16px;
    position: absolute;
}
.contact-form .contact-flex #registrationForm label{
    display: none;
}
.home .deals .left-content {
    flex: 0 100%;
}

section.partners .slide-content #imgslide img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    object-position: center;
}
section.partners .bg-img {
    width: auto !important;
    margin: auto;
    display: table !important;
}
span.hero-el-img {
    color: var(--primarycolor);
    position: relative;
}

span.hero-el-img:after {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/03/eal-hero.svg);
    top: 100%;
    left: 50%;
    background-repeat: no-repeat;
    width: 179.412px;
    height: 27.737px;
    transform: translate(-50%, 0%);
}
header .header-bottom #site-navigation #primary-menu-list li ul.sub-menu {
    display: none;
    position: absolute;
    background: #e9f2e5;
    padding: 0;
    list-style: none;
    width: auto;
    flex-direction: column;
    gap: 0px;
    margin-top: 25px;
    left: 0;
    box-shadow: 1px 2px 5px 3px #dcdcdc1a;
}

header .header-bottom #site-navigation #primary-menu-list li:hover ul.sub-menu {
    display: flex;
}

header .header-bottom #site-navigation #primary-menu-list li:hover ul.sub-menu a {
    color: #000000;
}

header .header-bottom #site-navigation #primary-menu-list li ul.sub-menu a {
    padding: 10px 15px;
    width: 100%;
    display: block;
}

header .header-bottom #site-navigation #primary-menu-list li:hover ul.sub-menu  li:hover a {
    color: #fff;
}
header .header-bottom #site-navigation #primary-menu-list li {
    position: relative;
    transition: all 0.4s ease-in-out;
}
header .header-bottom #site-navigation #primary-menu-list li ul.sub-menu li{
    padding: 0px;
    width: 180px;
}
.hero-section .outer .hero-content h1{
    line-height:normal;
    color: #262626;
    margin-bottom: 16px;
    font-family: 'Staatliches';
    font-weight: 100;
}
.hero-section .outer .hero-content .inner-content p {
    font-size: 20px;
    letter-spacing: 0.2px;
    line-height: 28px;
    color: #454545;
}
.hero-section .outer .hero-content button.button-bg{
    background: var(--green-color);
    font-family: 'InterTight';
}
.footer .row .footer-menu ul.sub-menu {
    display: none;
}
.contact-form .contact-flex .form .inner-form.signup-form-section label {
    display: flex;
    margin: 0;
    padding: 0;
    gap: 12px;
    align-items: center;
}
.contact-form .contact-flex .form .inner-form.signup-form-section span.wpcf7-form-control-wrap[data-name="checkbox"] input {
    width: auto;
    margin: 0px;
}
.contact-form .contact-flex .form .inner-form.signup-form-section span.wpcf7-form-control-wrap[data-name="checkbox"] span.wpcf7-list-item {
    margin: 0px;
    margin-bottom: 10px;
}
.contact-form .contact-flex .form .inner-form.signup-form-section span.wpcf7-form-control-wrap[data-name="checkbox"] {
    margin-bottom: 12px;
    line-height: normal;
    display: block;
}
/* jaskirat */

  @media screen and (max-width: 1650px){
      .hero-section .outer .hero-content .inner-content,
      .information-section .left-content .left-inner-content,
      .deals .left-content .left-inner-content{
          padding-left: 1rem;
      }
      .solution .right-content .right-inner-content{
          padding-right: 1rem;
      }
  }
  @media screen and (max-width: 1450px){
    .events-map h1{
        font-size: 55px;
    }
    .contact-form .contact-flex .form .inner-form h3{
      font-size: 46px;
    }
      .services .counter-flex .counter-box p{
          font-size: 25px;
      }
      .hero-section .outer .hero-content h1{
          font-size: 65px;
      }
      .contact-form .contact-flex .content h2{
          font-size: 65px;
          line-height: 60px;
      }
      section h2{
          font-size: 46px;
      }
  /*    .counter .counter-inner li h3,
      .services .counter-flex .counter-box h3,
      .deals .right-counter .counter-flex .counter-box h3{
          font-size: 50px;
      }*/
      .counter .counter-inner li p,
      .services .box-flex .single-box h4,
      .solution .outer .right-content h4,
      .feature-section .outer .left-content h4 {
          font-size: 25px;
      }
  }
  @media screen and (max-width: 1350px){
    .events-map h1{
        font-size: 45px;
    }
    .contact-form .contact-flex .form .inner-form p{
        font-size: 20px;
        line-height: 25px;
    }
      .contact-form .contact-flex .form .inner-form h3{
        font-size: 35px;
      }
    .footer-newsletter .input input[type="submit"]{
        padding: 18px 40px;
    }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info br,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age br,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address br,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info br, 
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age br, 
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address br, 
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity br, 
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when br, 
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-status br, 
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age br, 
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location br,
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li br {
          display: block;
      }
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li a{
          padding-left: 35px;
      }
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li{
          flex-wrap: wrap;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .event-info-inner p,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info b,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age b,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li b,
       .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p b,
       .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-item-desc p,
       .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity b,
       .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li b,
       .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when .em-event-meta-datetime b,
       .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status b,
       .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age b,
       .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location b,
       .single-event-page .em-view-container .available-items.em-event-available li,
       .single-event-page .em-view-container .em-event-content.food-description li{
          font-size: 15px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-title a,
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail h1 a,
      .about-main-image .row .content h3,
      .about-section .outer .left-content h3,
      .aim-section .outer .right-content h3,
      .feature-section .outer .left-content h3,
      .events-map h3,
      .footer-newsletter .text{
          font-size: 35px;
      }
      .hero-section .outer .hero-content h1 {
          font-size: 55px;
      }
      .contact-form .contact-flex .content h2{
          font-size: 55px;
      }
      section h2 {
          font-size: 35px;
          line-height: 45px;
      }
      .counter .counter-inner li h3,
      .services .counter-flex .counter-box h3,
      .deals .right-counter .counter-flex .counter-box h3{
          font-size: 55px;
      }
      .counter .counter-inner li p,
      .services .box-flex .single-box h4,
      .solution .outer .right-content h4,
      .feature-section .outer .left-content h4,
      .feature-section .outer .left-content h4 {
          font-size: 20px;
      }
      .counter .counter-inner li p:last-child{
          font-size: 18px;
      }
      .services .counter-flex .counter-box p {
          font-size: 20px;
          line-height: 40px;
      }
      .services .counter-flex .counter-box{
          padding: 25px 30px;
      }
      .deals .right-counter{
          padding: 100px;
      }
      .below-banner-section{
          height: 370px;
      }
      header .header-bottom #site-navigation #primary-menu-list li {
          padding: 25px 10px;
      }
  }
  @media screen and (max-width: 1200px){
    .register_success_container {
        width: 70vw;
    }
    .aim-section .outer .left-content img, .about-section .outer .right-content img{
      width: 70%;
    }
    .about-main-image .row .content p {
          margin-top: 0px;
      }
      header .header-top .header-top-center #search_bar{
         width: 80%; 
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-event-meta-datetime svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line.em-event-status svg{
          width: 23px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details{
          padding: 0px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-title a,
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail h1 a,
      .single-event-page .em-view-container .em-event-content h3,
      .single-event-page .em-view-container .em-event-bookings h3,
      .about-main-image .row .content h3,
      .about-section .outer .left-content h3,
      .aim-section .outer .right-content h3,
      .feature-section .outer .left-content h3,
      .events-map h3,
      .footer-newsletter .text  {
          font-size: 30px !important;
      }
      section.deals {
          padding: 40px 0px;
      }
      .footer .row .footer-social-links h3{
          padding: 10px 0px 0px 0px;
      }
      .login-button-transparent a{
          font-size: 15px;
      }
      .business-type button{
          font-size: 15px;
          padding: 14px 30px;
      }
      .business-type button.business.active:before,
      .business-type button.user.active:before{
          width: 126px;
      }
      .footer section {
          padding: 0;
      }
      .footer .row .footer-logo .widget_media_image:after{
          height: 22vh; 
      }
      .services .box-flex .single-box{
          flex: 0 27%;
          padding: 20px 25px;
      }
      .deals .right-counter{
          padding: 80px;
      }
      .services .box-flex .single-box img{
          width: 90px;
      }
      header .header-bottom .header-bottom-center {
          flex: 0 70%;
      }
      header .header-bottom .header-bottom-left {
          flex: 0 15%;
      }
      header .header-bottom .header-bottom-right {
          flex: 0 18%;
      }
      header .header-bottom #site-navigation #primary-menu-list li {
          padding: 25px 8px;
      }
      header .header-bottom #site-navigation #primary-menu-list li a{
          font-size: 15px;
      }
      .login-button-transparent a{
          display: flex;
      }
  }
  @media screen and (max-width: 1024px){
    .contact-form .contact-flex .form .inner-form .form-data input[type="submit"]{
      height: 40px;
      line-height: 0;
    }
    .contact-form .contact-flex .form .inner-form .form-data .submit-btn:after{
      top: 12px !important;
    }
    .contact-form .contact-flex .form .inner-form .form-data .submit-btn:after{
      top: 18px;
    }
    .contact-form .contact-flex .form .inner-form .form-data input,
    .contact-form .contact-flex .form .inner-form .form-data textarea{
      padding: 15px;
    }
    .contact-form .contact-flex .form .inner-form {
      padding: 35px;
    }
    .contact-form .contact-flex .content h2{
      font-size: 45px;
      line-height: 50px;
    }
      .hero-section .outer .hero-content h1 {
          font-size: 45px;
      }
      .services .box-flex .single-box img{
          margin: 0;
      }
      .button-bg,
      .button-transparent{
          padding: 10px 25px;
      }
  }
  @media screen and (max-width: 991px){
    .events-map h1{
        font-size: 35px;
    }
  	.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form button.g-recaptcha,.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .register-next-step .register_user {
  		margin-bottom: 20px;
  	}
  	.login-popup-overlay.active .popup-content .popup-body .content .left-image{
  		display: none;
  	}
  	.login-popup-overlay.active .popup-content .popup-body .content .form-right{
  		flex: 0 100%;
  	}
    .contact-form .contact-flex .form .inner-form .form-data .submit-btn:after {
        top: 16px;
        font-size: 15px;
        left: 53%;
    }
    .contact-form .contact-flex .form .inner-form p{
      margin: 0;
    }
    .contact-form .contact-flex .form .inner-form p,
    .contact-form .contact-flex .form .inner-form .form-data input,
    .contact-form .contact-flex .form .inner-form .form-data textarea,
    .contact-form .contact-flex .form .inner-form .form-data input[type="submit"]{
      font-size: 15px;
    }
    .contact-form .contact-flex .form .inner-form h3{
        font-size: 25px;
    }
    .contact-form .contact-flex .content p{
      font-size: 15px;
      line-height: 25px;
    }
    .contact-form .contact-flex .content h2{
      font-size: 35px;
      line-height: 45px;
    }
    .footer-newsletter .input input[type="submit"] {
          padding: 15px 30px;
      }
    .footer-newsletter{
      flex-wrap: wrap;
    }
    .footer-newsletter .text,
    .footer-newsletter .input{
      flex: 0 100%;
      text-align: center;
      line-height: 40px;
    }
    .footer-newsletter .input {
       justify-content: center;
    }
    .footer-newsletter .input input[type="email"]{
        width: 300px;
        padding: 10px;
    }
  	.footer .row .footer-social-links .social-icons li {
	    margin-right: 5px;
	}
    .about-main-image .row{
      padding: 0px;
    }
    body .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line.em-event-status svg,
    body .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status svg {
        padding-left: 3px;
        margin-right: 8px !important;
        width: 13px !important;
    }
      .em-events-search .em-search-main.em-search-main-bar .em-search-geo{
          padding-left: 15px!important;
      }
      .em-events-search .em-search-main.em-search-main-bar{
          width: 600px !important;
      }
      .em-events-search .em-search-main.em-search-main-bar .em-search-submit.input .em-search-submit{
          padding: 0px 60px !important;
          height: 50px !important;
      }
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info{
          margin-bottom: 0;
      }
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li a {
          padding-left: 0px;
      }
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line.em-event-age {
          flex: 0 100% !important;
      }
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details{
         flex-wrap: wrap; 
      }
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when .em-event-meta-datetime{
          margin-bottom: 0;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line.em-event-status svg,
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status svg{
          width: 15px !important;
          margin-right: 10px !important;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-event-meta-datetime svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line.em-event-status svg,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-event-meta-datetime svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li svg, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line.em-event-status svg, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity svg, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when .em-event-meta-datetime svg, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status svg, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age svg, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location svg, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li svg{
          width: 18px;
          margin-right: 5px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line span,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age span,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p span,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li a {
          font-size: 15px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-actions.input {
          margin-top: 25px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .event-info-inner p {
          line-height: 25px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-title a,
      .about-main-image .row .content h3,
      .about-section .outer .left-content h3,
      .aim-section .outer .right-content h3,
      .feature-section .outer .left-content h3,
      .events-map h3,
      .footer-newsletter .text {
          font-size: 25px !important;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line,
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-status{
          flex: 0 100%;
          margin-bottom: 5px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info br, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age br, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address br,.em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info br, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age br, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address br, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info br, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age br, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address br, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .quantity br, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-when br, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-event-status br, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age br, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location br, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li br{
          display: none;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p, .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details li,.em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info,
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .events-info .em-item-meta-line.em-event-status{
          margin: 0 !important;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-event-age,
      .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-event-age, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-event-location, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-contact .contact-details li{
          margin-bottom: 5px;
      }
      .deals .right-counter{
          flex: 0 48%;
      }
      .hero-section .outer .hero-content .inner-content p{
          font-size: 15px;
      }
      .business-type button.user.active:before {
          width: 127px;
      }
      .business-type button.business.active:before{
          width: 128px;
      }
      header .header-top .header-top-left, 
      header .header-top .header-top-center, 
      header .header-top .header-top-right{
          flex: 0 27%;
      }
      header .header-top .header-top-left img{
          width: 220px;
      }
      header .header-top .header-top-center .search_bar form .fas.fa-search{
          padding: 11px 13px;
          font-size: 15px;
      }
      header .header-top .header-top-center #search_bar{
          height: 35px;
      }
      .business-type button{
          padding: 10px 30px;
          margin: 0;
      }
      .business-type button:before{
          height: 38px;
      }
      .footer .row .footer-logo .widget_media_image:after {
          height: 20vh;
          top: 20px;
      }
      .footer .row .footer-menu .menu li a, .footer .row .footer-links .menu li a {
          font-size: 15px;
          line-height: 32px;
      }
      .below-banner-section {
          height: 210px;
      }
      .hero-section .outer .hero-content h1 {
          font-size: 35px;
          line-height: 45px;
      }
      section h2 {
          font-size: 25px;
          line-height: 35px;
      }
      body p{
         line-height: 32px;
          font-size: 15px; 
          margin: 5px 0px;
      }
      .services .counter-flex .counter-box p {
          font-size: 15px;
          line-height: 25px;
      }
      .services .counter-flex .counter-box {
          padding: 10px 20px;
      }
      .services .box-flex .single-box h4, .solution .outer .right-content h4,
      .feature-section .outer .left-content h4 {
          font-size: 18px;
          line-height: 30px;
          font-family: 'raleway-bold';
      }
      .services .box-flex .single-box img {
          width: 70px;
      }
      .button-bg a,
      .button-transparent a{
          font-size: 15px;
      }
      .services .box-flex .single-box{
          padding: 20px 15px;
      }
      .services .button-bg{
          margin: 40px auto 0px auto;
      }
      .deals .right-counter {
          padding: 55px;
      }
      /* jaskirat  */
      header .header-bottom .header-bottom-center {
        flex: 0 80%;
    }
    span.hero-el-img:after{
        transform: scale(0.7) translate(-70%, 0%);
    }
      /*  */
  }
  @media screen and (max-width:767px){
      header .header-top .header-top-center #search_bar{
  	float: none;
        width: 100%;
    }
    header .header-top .header-top-center .search_bar form{
      transform: translateX(-50%);
      left: 50%;
      width: 98%;
      border-top-right-radius: 17px;
      border-bottom-right-radius: 17px;
  }
    .contact-form .contact-flex .form-right .login-header, .contact-form .contact-flex .form-right .forgot-password-screen .forgot-pass-header, .contact-form .contact-flex .form-right .registration-screen .registration-header {
        text-align: center;
        margin-top: 20px;
    }
    
    .page .blog-section .blogs-flex .blogs-inner .image img {
      height: 360px;
    }
    .single-post .blog-section .blogs-flex .blogs-inner .content h3{
      font-size: 30px;
    }
    .single-post .blog-section .blogs-flex .blogs-inner .image img{
        height: 340px;
    }
    .blogs-flex .blogs-inner,
    .single-post .blog-section .blogs-flex .blogs-inner,
    .blogs-flex .blogs-inner{
      flex-wrap: wrap;
      padding: 20px 0px !important;
    }
    .blogs-flex .image,
    .blogs-flex .content{
      flex: 0 100% !important;
    }
    .events-map h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .register_success_container {
        width: 95vw;
        /* margin-bottom: 25px; */
    }
    .success-title h4 {
        font-size: 25px;
    }
    header .header-bottom #site-navigation #primary-menu-list li {
        padding: 15px 8px;
    }
  	.login-popup-overlay.active .popup-content{
  		width: 90%;
	    left: 5%;
  	}
    .em .em-pagination .page-numbers {
        font-size: 20px!important;
    }
    .em .em-pagination .page-numbers.current, .em .em-pagination .page-numbers:hover {
        font-size: 20px !important;
    }
    .contact-form .contact-flex .form .inner-form .form-data input{
      margin-bottom: 10px;
    }
    .contact-form .contact-flex .form .inner-form .form-data .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
        display: inline;
    }
    .contact-form .contact-flex .form .inner-form{
      border-radius: 25px;
    }
    .contact-form {
        padding: 60px 0px;
    }
    .contact-form .contact-flex .content{
      flex: 0 100%;
      margin-bottom: 30px;
      text-align: center;
    }
     .contact-form .contact-flex .form{
      flex: 0 100%;
     }
    .container.container-newsletter {
        padding: 0;
        margin: 0;
    }
    .footer-newsletter {
      padding: 55px 15px;
      margin: 55px 0px 0px 0px;
    }
    .footer-newsletter .text br {
        display: block;
    }
    .footer-newsletter .input input[type="email"] {
        width: 160px;
        padding: 10px;
        font-size: 15px;
    }
    .footer-newsletter .input input[type="submit"] {
      padding: 10px 20px;
      font-size: 15px;
      }
    .footer-newsletter:before{
        width: 400px;
        height: 135px;
    }
    .aim-section .outer .left-content img, 
    .about-section .outer .right-content img,
    .feature-section .outer .right-content img{
      width: 55%;
    }
    .aim-section .outer,
    .about-section .outer,
    .feature-section .outer .left-content h3,
    .feature-section .outer .left-content > p {
        text-align: center;
    }
    .about-section .outer,
    .feature-section .outer {
        flex-flow: wrap-reverse;
        align-content: center;
    }
    .about-main-image .row img{
        height: 340px;
        object-fit: cover;
    }
    .single-event-page .em-view-container .em-event-bookings .map .em.em-location-map-container {
        height: 360px !important;
    }
      .em-events-search .em-search-main.em-search-main-bar {
          width: 420px !important;
      }
      .em-events-search .em-search-main.em-search-main-bar .em-search-submit.input .em-search-submit {
          padding: 0px 30px !important;
          height: 40px !important;
      }
      .single-event-page .em-view-container .em-item-header .event-single-right h1 {
          line-height: 22px !important;
          margin-bottom: 10px !important;
      }
      #custom_breadcrumbs{
          height: auto;
          padding: 25px 0px;
      }
      #custom_breadcrumbs li{
          padding: 0px 10px;
      }
      #custom_breadcrumbs li a,
      #custom_breadcrumbs li h2{
          font-size: 14px;
      }
      .single-event-page .em-view-container{
          padding: 20px;
      }
      .single-event-page .em-view-container .event-single-left .em-item-image img{
          padding: 0 !important;
      }
      .em.em-item.em-item-single.size-medium .em-item-header .em-item-image{
          margin-bottom: 0;
      }
      .single-event-page .em-view-container .em-item-header .event-single-left,
      .single-event-page .em-view-container .em-item-header .event-single-right,
      .about-section .outer .left-content,
      .about-section .outer .right-content,
      .aim-section .outer .left-content,
      .aim-section .outer .right-content,
      .feature-section .outer .left-content,
      .feature-section .outer .right-content{
          flex: 0 100%;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p{
          align-items: center;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address p svg{
          width: 18px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-actions.input .em-item-read-more{
          font-size: 16px;
          padding: 5px 18px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .events-info .em-item-meta-line.em-event-status svg {
          width: 14px;
          margin-right: 10px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-title a,
      .events-map h3,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .em-item-title a, .single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail h1 a, .single-event-page .em-view-container .em-event-content h3, .single-event-page .em-view-container .em-event-bookings h3 ,.about-main-image .row .content h3, .about-section .outer .left-content h3, .aim-section .outer .right-content h3, .feature-section .outer .left-content h3{
          font-size: 20px !important;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box{
          flex-wrap: wrap;
          padding: 15px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image,
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info{
          flex: 0 100%;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info{
          padding-top: 10px;
      }
      .em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-image .contact-details{
          display: none;
      }
      .footer .row .footer-social-links .social-icons li{
          margin-right: 0px;
      }
      .social-icons a{
  	    width: 27px !important;
	    height: 27px !important;
      }
      .footer .row .footer-social-links .social-icons li i {
          font-size: 20px;
      }
      .deals .right-counter .counter-flex .counter-box p{
          font-size: 21px;
      }
      .deals .right-counter .counter-flex .counter-box p img{
          padding-right: 10px;
      }
      section,
      .footer {
          padding: 25px 0px;
      }
      .services .row:last-child .title{
          margin-top: 30px;
          margin-bottom: 30px;
      }
      .services .button-bg {
          margin: 25px auto 0px auto;
      }
      .counter .counter-inner{
          margin: 0;
      }
      .login-button-transparent i {
          font-size: 15px;
      }
      br{
          display: none;
      }
      .solution .right-content .right-inner-content,
      .hero-section .outer .hero-content .inner-content, .information-section .left-content .left-inner-content, .deals .left-content .left-inner-content {
          padding: 0px 15px 0px 15px;
      }
      #toTop{
          width: 60px;
          height: 60px;
      }
      #toTop i{
         line-height: 63px; 
      }
      .header-top-center .search_bar.active{
          display: block !important;
          position: absolute;
          top: 101px;
          width: 100%;
          left: 0;
      }
      header .header-top .header-top-center .search_bar{
          display: none;
      }
      header .header-top .header-top-right{
          display: flex;
          justify-content: end;
          align-items: center;
      }
      header .header-top .header-top-right .search-icon i{
          font-size: 25px;
          padding-right: 15px;
          color: var(--green-color);
      }
      header .header-top .header-top-right .search-icon {
          display: block;
      }
      header .header-bottom .header-bottom-center .login-button-transparent {
          display: block;
          margin: 30px auto;
          padding: 10px 40px;
      }
      .login-button-transparent a{
          color: var(--white-color);
      }
      .login-button-transparent{
          border-color: var(--white-color);
      }
      header .header-bottom .header-bottom-right .login-button-transparent {
          display: none;
      }
      .nav-close-btn:before {
          position: absolute;
          top: 0;
          right: -88px;
          font-size: 20px;
          display: block;
          padding: 17px 23px;
          content: 'X';
          color: #fff;
          font-weight: 600;
      }
      .nav-close-btn {
          position: absolute;
          top: 0;
          right: 90px;
      }
      header .header-bottom .main-nav.active .business-type {
          float: none;
          margin: auto;
          width: 160px;
      }
      .business-type button{
        flex: 0 100%;
      }
      header .header-bottom .header-bottom-center .business-type {
          display: flex;
          height: 38px;
      }
      header .header-bottom #site-navigation #primary-menu-list li a{
          color: var(--white-color);
      }
      .header-top-right .business-type {
          display: none;
      }
      .business-type button.user.active:before{
          background: var(--green-color)
      }
      header .header-bottom .main-nav{
          position: fixed;
          right: -767px;
          transition: .5s;
          background: var(--primarycolor);
          padding: 50px 0px;
          height: 100%;
          top: 0;
          z-index: 99;
          width: 100%;
      }
      header .header-bottom .main-nav #primary-menu-list {
          display: block !important;
          text-align: center;
      }
      header .header-bottom .main-nav.active{
          right: 0;
      }
      header .header-top .header-top-right .toggle{
          position: relative;
          width: 35px;
          height: 15px;
          cursor: pointer;
          border: 1px solid var(--primarycolor);
          padding: 10px 0px;
          border-radius: 5px;
          z-index: 9;
          display: block;
          float: right;
      }
      header .header-top .header-top-right .toggle span {
          background: var(--primarycolor);
          width: 20px;
          height: 1px;
          position: absolute;
          left: 8px;
      }
      header .header-top .header-top-right .toggle span:first-child{
          top: 12px;
      }
      header .header-top .header-top-right .toggle span:nth-child(2){
          top: 18px;
      }
      header .header-top .header-top-right .toggle span:last-child{
          top: 24px;
      }
      .deals .outer {
          justify-content: center;
      }
      .deals .right-counter{
          border-right: 2px solid var(--primarycolor);
      }
      .deals .right-counter{
          flex: 0 66%;
      }
      .deals .left-content {
          flex: 0 100%;
          text-align: center;
          margin-bottom: 45px;
      }
      .deals .right-counter{
          padding: 15px;
      }
      .deals .right-counter .counter-flex{
          flex-wrap: wrap;
      }
      .deals .right-counter .counter-flex .counter-box{
          flex: 0 100%;
          margin-bottom: 25px;
      }
      .deals .right-counter .counter-flex .counter-box:last-child{
          margin-bottom: 0;
      }
      .outer{
          flex-wrap: wrap;
      }
      .hero-section .outer .hero-content,
      .hero-section .outer .hero-image,
      .solution .left-image,
      .solution .right-content {
          flex: 0 100%;
      }
      .solution .right-content{
          text-align: center;
      }
      .information-section .left-content{
          text-align: center;
          flex: 0 100%;
      }
      .information-section .right-image{
          display: none;
      }
      .hero-section .outer {
          flex-direction: column-reverse;
      }
      .hero-section .outer .hero-content {
          padding: 30px 0px;
          text-align: center;
      }
      .counter .counter-inner{
          flex-wrap: wrap;
      }
      .counter .counter-inner li {
          flex: 0 100%;
          margin-bottom: 10px;
      }
      .services{
          margin-top: 0px;
      }
      .services:before{
          display: none;
      }
      .services .box-flex{
          flex-wrap: wrap;
      }
      .services .box-flex .single-box{
          flex: 0 100%;
          margin-bottom: 15px;
      }
      .services .counter-flex .counter-box{
          flex: 0 20%;
          padding: 10px;
      }
      .below-banner-section:before{
          height: 290px;
          background-repeat: no-repeat;
          background-size: 30%;
          background-position: bottom left;
      }
      .below-banner-section:after{
          height: 210px;
          background-repeat: no-repeat;
          right: 0;
          background-size: 30%;
          background-position: right;
      }
      /* jaskirat */
      header .header-bottom #site-navigation #primary-menu-list li:hover ul.sub-menu{
        position: initial;
      }
      span.hero-el-img:after{
        display: none;
      }
      .hero-section .outer .hero-content h1{
        margin-bottom: 0px;
    }
      /*  */
  }
  @media screen and (max-width:600px){
      .footer .row .footer-menu .menu{
          margin-bottom: 0;
      }
      .footer .row .footer-social-links h3{
          margin-top: 0;
          padding-top: 20px;
      }
      .footer .row .footer-links{
          order: 4;
      }
      .footer .row .footer-social-links{
          order: 3;
      }
      .footer .row .footer-logo .widget_media_image:after{
          display: none;
      }
      .footer .row .footer-logo .widget_media_image {
          border-bottom: 1px solid #fff;
      }
      .footer .row{
          flex-wrap: wrap;
          justify-content: center;
      }
      .footer .row .footer-logo,
      .footer .row .footer-menu,
      .footer .row .footer-links,
      .footer .row .footer-social-links{
          flex: 0 100%;
          text-align: center;
      }
      .footer .row .footer-logo{
          justify-content: center;
      }
      .footer .row .footer-logo img{
          padding-right: 0px;
          width: 235px;
      }
      .services .counter-flex .counter-box:last-child{
          margin: 0;
      }
      .services .counter-flex{
          flex-wrap: wrap;
          justify-content: center;
      }
      .services .counter-flex .counter-box {
          padding: 30px 10px;
          flex: 0 46%;
          margin-bottom: 15px;
          height: 130px;
      }
      .footer .row .footer-menu .menu li, .footer .row .footer-links .menu li{
          line-height: 40px;
      }
      .footer .row .footer-logo .widget_media_image:after {
          height: 182px;
          top: 20px;
      }
      .footer .row .footer-social-links .social-icons {
          margin-bottom: 0;
      }
      .footer .row .footer-social-links .social-icons li{
          margin-right: 20px;
      }
      .footer .row .footer-social-links .social-icons li i{
          font-size: 35px;
      }
      .footer .row .footer-social-links .social-icons li:last-child {
          margin: 0;
      }
  }
  @media screen and (max-width:480px){
    .single-post .blog-section .blogs-flex .blogs-inner .image img,
    .page .blog-section .blogs-flex .blogs-inner .image img {
        height: 240px;
    }
    .success-title h4 {
        font-size: 20px;
    }
  	.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form{
  		width: 85%;
  	}
    .em-events-search .em-search-main.em-search-main-bar .em-search-geo.em-search-field .em-search-geo.pac-target-input,
    .em.em-search.size-small .em-search-main-bar>.em-search-field:first-child input{
      padding-left: 20px !important;
    }
    .footer-newsletter:before {
        width: 270px;
        height: 90px;
    }
    .footer-newsletter .input input[type="email"] {
      width: 150px;
    }
    .footer-newsletter .input input[type="submit"] {
      padding: 10px 15px;
    }
  	.single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where,
  	.em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address {
	    position: relative;
	}
	.single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where svg,
	.em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address svg {
	    position: absolute;
	    top: -3px;
	}
	.single-event-page .em-view-container .em-item-header .event-single-right .event-single-right-detail .em-event-where span.location,
	.em-list.em-events-list .em-item.event_list_item_format.section-event-box .em-item-info .address span {
	    padding-left: 23px;
	}
      .em-events-search .em-search-main.em-search-main-bar {
          width: 281px !important;
      }
      .em-events-search .em-search-main.em-search-main-bar .em-search-submit.input .em-search-submit {
          padding: 0px 15px !important;
          height: 38px !important;
          font-size: 15px !important;
      }
      header .header-top .header-top-left img {
          width: 190px;
      }
      .header-top-center .search_bar.active{
          top: 91px;
      }
  }

  .blogs-flex .blogs-inner{
    display: flex;
    justify-content: space-between;
    padding: 40px;
  }
  .blogs-flex .image{
    flex: 0 30%;
  }
  .blogs-flex .image img{
    width: 100%;
  }
  .blogs-flex .content{
    flex: 0 66%;
  }
  .blogs-flex .content a{
    background: transparent;
    border: 1px solid var(--primarycolor);
    padding: 16px 40px;
    border-radius: 50px;
    cursor: pointer;
    color: var(--primarycolor);
    text-decoration: none;
    outline: 0;
    transition: .5s;
    display: inline-block;
  }
  /*Sign in page design start*/
  .error {
        color: #F75252;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 10px;
    background: #FFE2E2;
    padding: 16px 38px;
    position: relative;
}
.error:before {
    content: "";
    background-image: url(/wp-content/themes/ealingfood/assets/images/alert-triangle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    top: 16px;
    height: 20px;
    width: 20px;
}
.popup-content .fa-xmark {
    right: 30px !important;
    top: 10px;
}
.formback i,
.back-to-login i{
    position: relative;
    height: 24px;
    width: 24px;
    margin-right: 17px;
    vertical-align: middle;
}
.back-to-login i:before, 
.formback i:before{
    background-image: url(/wp-content/themes/ealingfood/assets/images/chevron-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    position: absolute;
    font-size: 0;
  
}

.get_new_password {
    display: block;
    width: 100%;
    border-radius: 64px;
    background: #309565;
    padding: 10px 32px;
    border: unset;
    margin-top: 25px;
    font-size: 24px;
    font-style: normal;
    color: #fff;
}
.forgot-password-screen .back-to-login, .formback {
    font-family: 'raleway-regular';
    font-size: 18.42px;
    font-style: normal;
    font-weight: 300;
    color: #fff;
    margin-top: 25px;
    display: block;
    text-align: center;
    text-decoration: none;
    background: transparent;
    border: none;
    width: 100%;
}
.customer-name {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    position: relative;
    margin-right: 90px;
    color: #2F654B;
}
.customer-name:before {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    background-image: url(/wp-content/themes/ealingfood/assets/images/user.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-color: #2F654B;
    border-radius: 50%;
    padding: 10px;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    background-position: 8px 6px;
}
.cus-drop {
    display: flex;
}
.customer-menu {
    display: none;
    position: absolute;
    border-radius: 6px;
    border: 1px solid #2F654B;
    background: #FFF;
    width: 223px;
    right: 0;
    top: 55px;
}

.customer-name:after {
    content: "";
    width: 37px;
    height: 27px;
    position: absolute;
    background-image: url(/wp-content/themes/ealingfood/assets/images/chevron-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    right: -90px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease;
}
.customer-menu ul {
    padding: 16px 0;
    margin: 0;
}
.customer-menu li {
    list-style-type: none;
    padding-left: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid #2F654B;
    padding-top: 14px
}
.customer-menu li:last-child {
    border: none;
}
.customer-menu a {
    text-decoration: none;
    color: #0B0C0C;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    
}
.customer-menu a.logout {
    color: #BF554C;
}
.cus-drop:hover .customer-name:after {
    transform: rotate(180deg);
    top: 30%;
}
.cus-drop:hover .customer-menu {
    display: block;
}

.customer-menu a.logout:after {
    content: "";
    width: 37px;
    height: 27px;
    position: absolute;
    background-image: url(/wp-content/themes/ealingfood/assets/images/logoutcurve.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
}
  /*end*/


  /* Amit css *  for register page 26-sep-2023/ */
  a.loginformset {
    /* width: 13%; */
    text-align: center;
    text-decoration: none;
    color: var(--primarycolor);
}

a.button-transparent.success-btn.loginformset:hover {
    background: var(--primarycolor);
    color: #fff;
}

/*jaskeet css*/
.register-next-btn{
    text-decoration: none;
}
.register-next-btn button{
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 3px;
}

/* login surplus users css 4-oct-2023 */

.practitioner-login{
    padding: 40px 0;
}
.practitioner-login .container {
    max-width: 1715px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.practitioner-login .practitioner-login-left {
    flex: 0 55%;
}
.practitioner-login .practitioner-login-left h1 {
    font-size: 60px;
    margin: 20px 0 30px;
    line-height: 70px;
}
.practitioner-login .practitioner-login-left h2 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 24px !important;
    line-height: 38px;
    font-family: 'raleway-regular';
}
.practitioner-login .practitioner-login-left p {
    line-height: 30px;
}
.practitioner-login .practitioner-login-right {
    flex: 0 40%;
}
.practitioner-login .practitioner-login-right img {
    width: 100%;
}
.practitioner-login .practitioner-login-right p {
    text-align: center;
    color: #a1a1a1;
}
.practitioner-login .practitioner-login-left ul {
    display: flex;
    padding: 0;
    list-style: none;
    margin-top: 30px;
}

.practitioner-login .practitioner-login-left ul li:first-child button {
    /* padding: 15px 40px !important; */
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #2F654B !important;
    /* border-bottom-left-radius: 30px !important; */
    margin-right: 20px;
    /* border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; */
    background:#2F654B;
    color: #fff;
    width: 259px;
    cursor: pointer;
    padding: 24px;
    border-radius:31px;
}
.practitioner-login .practitioner-login-left ul li:last-child button {
    /* padding: 15px 40px !important; */
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #2F654B !important;
    /* border-bottom-left-radius: 30px !important; */
    margin-right: 20px;
    /* border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; */
    background: 0 0;
    color: #2F654B;
    width: 259px;
    cursor: pointer;
    padding: 24px;
    border-radius:31px;
    
}

@media only screen and (max-width: 992px) {
    body p, body li {
        font-size: 15px;
    }
    .practitioner-login .practitioner-login-left ul li:first-child button, .practitioner-login .practitioner-login-left ul li:last-child button {
        font-size: 15px !important;
    }
   
  }
@media only screen and (max-width: 767px) {
    
    .practitioner-login .practitioner-login-left, .practitioner-login .practitioner-login-right {
        flex: 0 100%;
    }
    .practitioner-login .practitioner-login-left h1 {
        font-size: 34px !important;
        line-height: 40px;
    }
    .practitioner-login .practitioner-login-left h2 {
        font-size: 18px !important;
        line-height: 30px;
    }
    .practitioner-login .practitioner-login-left p {
        font-size: 15px;
        line-height: 24px;
    }
    .practitioner-login .practitioner-login-left ul li:first-child button, .practitioner-login .practitioner-login-left ul li:last-child button {
        width: auto;
    }
  }
/*Partner Slider Design*/
section.partners {
    padding-bottom: 100px;
}
.slide-content h2 {
    margin-bottom: 80px;
}
.hm-banner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 100px;
    max-width: 1715px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}

/* Add event manager class css  */
.em-event-bookings {
    display: flex;
    justify-content: space-between;
}
.em-event-bookings .map {
    flex: 0 48%;
    width: 50%;
}
.em-event-bookings #em-event-booking-form {
    flex: 0 48%;
}
@media only screen and (min-width: 992px) {
    #em-event-booking-form .login-popup-overlay.active .register_success_container{
            width: 40vw;
    }
}

/* surplus btn design */
a.surplusebtn {
    background: #f75252;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 20px;
    cursor: pointer;
    font-weight:500;
}
.page-template-events .em-event-book-now.button {
    background: #309565;
    border-radius: 64px;
    color: #fff;
    font-size: 22px;
    margin-bottom: 28px;
    font-family: 'raleway-regular';
    margin-top: 0;
    padding: 16px 32px;
    line-height: normal;
    font-weight: 400;
    margin-right: 15px;
    text-decoration: none;
}
.em-booking-form-payment .em-booking-buttons {
    text-align: center;
 }
 #em-event-booking-form .login-popup-overlay.active .popup-content {
    background: transparent;
}
#em-event-booking-form .login-popup-overlay.active .register_success_container .success-btn {
    height: auto !important;
    font-size: 20px !important;
    font-family: 'raleway-regular';
    text-transform: capitalize !important;
    border: 2px solid #2F654B !important;
    border-bottom-left-radius: 30px !important;
    background: #2F654B !important;
    color: #fff !important;
    width: 230px;
    cursor: pointer;
    padding: 15px;
    border-radius: 31px;
    text-decoration: none;
}

#em-event-booking-form .login-popup-overlay.active .register_success_container .success_desc p{
        max-width: 400px;
        line-height: 24px !important;
}

@media only screen and (max-width: 991px) {
    
    .bg-img {
        display: flex !important;
        justify-content: center;
    }
    .em-event-bookings {
    flex-direction: column;
    gap: 25px;
  }
  .page-template-events .em-event-book-now.button {
      padding: 13px 20px;
      font-size: 16px;
      top: -1px;
      position: relative;
  }
  .em-event-bookings .map{ width: 100%; }
}
@media only screen and (max-width: 767px) {
    .hm-banner {
        justify-content: center;
    }
    .practitioner-login-right {
        margin-top: 40px;
    }
    .slick-slide .bg-img img {
        max-width: 120px;
    }
    .page-template-events .em-event-book-now.button {
      font-size: 16px;
      padding: 7px 10px;
  }
   #em-event-booking-form .login-popup-overlay.active .register_success_container{
    width: 90vw;
    padding-left: 20px;
    padding-right: 20px;

}
  
}

.em.pixelbones .button.input#book_now_text, .em-booking-form-payment .em-booking-buttons input#em-booking-submit {
    background: #309565 !important;
    border-radius: 64px !important;
    color: #fff !important;
    font-size: 22px!important;
    text-transform: capitalize !important;
    margin-bottom: 28px !important;
    font-family: 'raleway-regular';
    margin-top: 0 !important;
    padding: 10px 32px !important;
    line-height: normal !important;
    height: auto !important;
    font-weight: 400 !important;
    
}
.em-booking-form-payment .em-booking-buttons input#em-booking-submit{
 margin-bottom: 0px !important;
     min-width: 250px;
    
}
/* booking error display */
.em-booking-message.em-booking-message-error {
    padding: 21px;
    color: red;
    background: beige;
}
