body{
    background-color: #f7f7fb !important;
}
.sidebar-col-3{
    background-color: white;
    /* padding: 0px 12px 0px 12px; */
    border: 1px solid #e0e5f3;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 0 40px 0 rgba(234,238,249,.5);
}
.sidebar-col-4{
    background-color: white;
    border: 1px solid #e0e5f3;
    border-radius: 5px;
    box-shadow: 0 0 40px 0 rgba(234,238,249,.5);
}
.bl-detail-page-sidebar-col-4-head{
    border: 2px solid #198754;
    border-bottom: 0;
    padding: 5px 12px;
    border-radius: 2px;
}
.bl-detail-page-sidebar-col-4-head-category{
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #198754;
    text-align:center;
}
.bl-detail-page-sidebar-col-4-head-viewed-by{
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #198754;
}
/* .bl-detail-page-sidebar-col-4-head-viewed-by:before{

} */
.sidebar-col-4-body{
    padding: 0px 12px 10px 12px;
}
.right-section-col-9,.right-section-col-8{
    background-color: white;
    padding: 8px;
    border: 1px solid #e0e5f3;
    border-radius: 5px;
    box-shadow: 0 0 40px 0 rgba(234,238,249,.5);
}
.sidebar-col-3-heading-section{
    background:#1ba368;
    border: 1px 1px 0px 1px solid #e0e5f3;
    border-radius: 5px 5px 0px 0px;
}
.sidebar-col-3-heading-section:hover .sidebar-col-3-control-arrow{
    transform: scale(1.3) rotate(180deg);
}
.sidebar-col-3-control-heading{
    color:white;
    padding: 14px 7px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 19px;
    margin:0px;
}
.sidebar-col-3-control-arrow{
    color:white;
    padding: 14px 7px 14px 7px;
    margin:0px
}
.sidebar-col-3-control-arrow::after{
    content: "\f160";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.page-heading-sec-01-cat-text-top, .bl-detail-page-name-text{
    background:none;
    margin: 20px 0px 0px 0px;
    padding-bottom: 0px;
    background:none;
    margin: 20px 0px 0px 0px;
    padding-bottom: 0px;
    font-family: 'Quicksand', sans-serif;
    color: white;
    font-weight: 700;
    font-size: 25px;
    display: inline-block;
    
}
/* .homeimage:before{
    background: linear-gradient(to top, rgba(0, 0, 0, 0.76) 14%, rgba(0, 0, 0, 0.35) 66%);
} */
/* SIDEBAR MENU STARTS*/

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.sidebar li{ position: relative; }

	.sidebar li .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:0px;
		min-width: 320px;
	}

	[dir=rtl] .sidebar li .submenu{ 
		right:100%; left:auto;
	}

	.sidebar li:hover{ background: var(--bs-light); }
	.sidebar li:hover > .submenu{ display: block; }

}	
/* ============ desktop view .end// ============ */


/* ============ small devices ============ */
@media (max-width: 991px) {

	.sidebar .submenu, .sidebar .dropdown-menu-custom{
		position: static!important;
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
	}

}	
/* ============ small devices .end// ============ */


.sidebar .nav-link-custom {
    font-weight: 500;
    color: var(--bs-dark);
}
.sidebar .nav-link-custom:hover {
    /* background: var(--bs-light);
    color: var(--bs-primary); */
    background-color: #1ba368;
    color: white;
}
.nav-link-custom {
    display: block;
    padding: 10px 6px;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    border-bottom: 1px solid #dee2e6;
    font-family: 'Poppins', sans-serif;
    max-height: 40px;
    overflow: hidden;
    font-size: 15px;
}
.dropdown-menu-custom {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0rem 0px !important;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
/* SIDEBAR MENU ENDS*/

/* BREADCRUMB MENU STARTS*/
.breadcrumb {
    list-style: none;
    padding: 10px 10px !important;
    margin-bottom: 0.5rem !important;
    background-color: white;
    border: 1px solid #e0e5f3;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 0 40px 0 rgba(234,238,249,.5);
    padding: 10px 10px;
    /* margin: 5px 0px; */
    border: 1px solid #ccc;
}
.breadcrumb li, .breadcrumb li a {
    font-size: 14px;
    /* font-family: 'Open Sans', sans-serif; */
    color:black;
    text-decoration:none;
    font-weight: 600;
}
/* BREADCRUMB MENU ENDS*/

/* Headline Section Starts*/
.headline-section {
	text-align: center;
    /* background-color: rgba(255,255,255,.18) !important; */
}
#text {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Quicksand', sans-serif;
    color: white;
    font-weight: 700;
    font-size: 35px;
}
#cursor {
	display: inline-block;
	vertical-align: middle;
	width: 3px;
	height: 50px;
	background-color: orange;
	animation: blink .75s step-end infinite;
}
@keyframes blink {
	from, to { 
		background-color: transparent 
	}
	50% { 
		background-color: #198754; 
	}
}
/* Headline Section ENDS*/

/* General SearchBar Section Starts*/


/* General SearchBar Section Ends*/

.bg-white-transparent {
    /* background-color: rgba(255,255,255,.18) !important; */
  }
  .search-background {
    /* background: rgba(255,255,255,.15);
    background-color: rgba(255, 255, 255, 0.15); */
    /* background:red; */
    border-radius: 4px;
  }
  .general-search{
      padding: 20px 0px;
      /* background-color: #20a46b; */
      margin: 150px 36px 0px 62px;
      border-radius: 10px;
      /* background-color: rgba(255,255,255,.18) !important; */
  }
  .searchbar-serach-btn{
      background: #198754;
      color:white;
  }
  .selectize-input{
      line-height:2.5;
  }
  .form-control.selectize-control {
      border-radius: 7px;
      line-height: 0.4;
  }
  .col-lg-logo{
      flex: 0 0 auto;
      width: 22%;
  }
  .col-lg-category{
      flex: 0 0 auto;
      width: 22%;
  }
  .col-lg-city{
      flex: 0 0 auto;
      width: 17%;
  }
  .col-lg-service{
      flex: 0 0 auto;
      width: 29%;
  }
  .col-lg-search{
      flex: 0 0 auto;
      width: 10%;
  }
  
  @media (max-width: 1200px) {
       .col-lg-logo {
          text-align:center;
          width: 100%;
      }
      .col-lg-category, .col-lg-city, .col-lg-service, .col-lg-search,.searchbar-serach-btn {
          width: 100%;
      }
      .col-sm-8half {
          width: 70.83333333%;
      }
  }


.list_view:before{
    content: "\f03a";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.grid_view:before{
    content: "\f00a";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}

.list_view, .grid_view{
    padding: 12px 18px !important;
}
.btn-active{
    background-color: #198754 !important;
    color:white !important;
}



.cateory-with-BL-cards-general-header{
    padding:10px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 8px;
}
.breadcrumb-custom-2{
    padding: 4px 0px !important;
    border-radius: 0px 0px 5px 5px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;  
    margin-bottom: 0px;
}
.breadcrumb-custom-2, .breadcrumb-custom-2 a {
    font-size: 16px;
    color:black;
    text-decoration:none;
    font-weight: 600;
    color:white;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    /* color: black !important; */
    color:white !important;;
    content: var(--bs-breadcrumb-divider, "/");
  }
.test-btn{
    background: #198754;
    border: none;
    color: white;
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 3px 6px;
}
.most-viewed-BIcon:before{
    content: "\f201";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.city_image{
    position: relative;
}
.city_image_text{
    position: absolute;
    left: 15px;
    bottom: 0px;
    color:white;
    font-family: 'Quicksand', sans-serif;
    font-size: 22px;
    font-weight: 600;
}
.city_listing_count{
    display: block;
    font-size: 16px;
}
/* .city_link_col3:before{
    content: "\e52e";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
} */
.over_View_card{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
    text-align: center;
    background: white;
    padding: 10px;
}
.over_View_card_header{
    font-family: 'Quicksand', sans-serif;
    color: black;
    font-weight: 600;
    font-size: 23px;
    padding: 5px;
    margin-bottom: 0px;
    display: inline-block;
   
}
.over_View_card_description{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 0px;
    line-height: 20px;
    opacity: 0.9;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}
.view_details_btn{
    border: 2px solid;
    background-color: white;
    color: black;
    padding: 10px 83px;
    font-size: 15px;
    cursor: pointer;
    border-color: #198754;
    color: black;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
}
.view_details_btn::after{
    padding-left: 5px;
    content: "\f0a9";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.view_details_btn:hover {
    background-color: #04AA6D;
    color: white;
  }
.view_details_btn_li{
    margin: 15px 0px 18px 0px;
    text-align:center;
}
.detail_page_sidebar_image{
    height:100px;
}
.detail_page_sidebar_image{
    height: 250px;
    text-align: center;
}
.detail-page-BN-header02{
    font-family: 'Quicksand', sans-serif;
    color: black;
    font-weight: 700;
    margin-top: 0px;
    font-size: 18px;
    display: block;
    text-align: center;
}
.detail-page-owner-name, .detail-page-contact-no, .detail-page-email, .detail-page-website-url,.detail-page-member-since,.detail-page-social-share,.detail-page-location,.detail-page-address{
    font-family: 'Quicksand', sans-serif;
    color: black;
    font-weight: 400;
    margin-top: 0px;
    font-size: 17px;
    display: block;
    border-bottom: 1px solid #f0f3f9;
    padding: 8px 0px;
}
.detail-page-social-share > a{
    background: #198754;
    color: white;
    border-radius: 2px;
    padding: 5px 7px;
}
.detail-page-address-r, .detail-page-location-r{
    font-family: 'Quicksand', sans-serif;
    color: black;
    font-weight: 400;
    margin-top: 0px;
    font-size: 17px;
    display: block;
    padding: 5px 10px;
    margin-bottom: 0px;
}
.detail-page-social-share:before{
    padding-right: 5px;
    content: "\f14d";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.detail-page-address-r:before{
    padding-right: 5px;
    content: "\f2bb";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.detail-page-location-r:before{
    padding-right: 5px;
    content: "\f3c5";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.detail-page-owner-name:before{
    
    padding-right: 5px;
    content: "\f234";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.detail-page-contact-no:before{
    
    padding-right: 5px;
    content: "\f2b9";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.detail-page-owner-name:before{
    
    padding-right: 5px;
    content: "\f0e0";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.detail-page-email:before{
    
    padding-right: 5px;
    content: "\f234";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.detail-page-member-since:before{
    
    padding-right: 5px;
    content: "\f109";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}
.detail-page-website-url:before{
    
    padding-right: 5px;
    content: "\f0ac";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}

.breadcrumb-custom-detail-page{
    padding: 4px 10px !important;
    border-radius: 0px 0px 5px 5px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;  
    margin-bottom: 0px;
}
.breadcrumb-custom-detail-page, .breadcrumb-custom-detail-page a {
    font-size: 14px;
    color:black;
    text-decoration:none;
    font-weight: 400;
    color:white;
}
.breadcrumb-custom-detail-page > .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: black !important;
    content: var(--bs-breadcrumb-divider, "/");
}
.detail-page-bl-tab-content{
    border: 1px solid #e0e5f3;
    border-top: none;
    padding: 10px;
}

.subcat-with-childcat-cards{
    background-color: white;
    border-radius: 5px;
    border: 2px solid #f0f3f9;
    padding: 10px;
}
.subcat-with-childcat-cards-subcat-text{
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
    text-decoration: none;
    color:black;
}
.subcat-with-childcat-cards-subcat-text:hover{
    color:#198754;
}
.subcat-with-childcat-cards-childcat-text{
    font-family: 'Quicksand', sans-serif;
    text-decoration: none;
    color:black;
}
.subcat-with-childcat-cards-childcat-text:hover{
    color:#198754;
}
.category-text-detail-page{
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
}
.subCategory-text-detail-page{
    font-size: 15px;
    font-family: 'Quicksand', sans-serif;
}
.childCategory-text-detail-page{
    font-size: 14px;
    font-family: 'Quicksand', sans-serif;
}
.view-more-categories-link{
    text-align: center;
    padding: 5px 0px;
    
}
.view-more-categories-link > a{
    color:black;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}
.view-more-categories-link > a:hover{
    color:#198754;
}
.sidebar-col-9-section-heading {
    color: black;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 19px;
    margin: 7px 0px;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    line-height: 50px;
  }
.dropdown-subCat-name-list > a{
    color:black !important;
    display: block;
    text-decoration:none;
}
.dropdown-subCat-name-list > a:before{
    
    padding-left: 2px;
    content: "\2e";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
}
.carousel-control-btn{
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: #198754;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
}
.carousel-control-btn:hover{
    color:white;
}

.form-control:focus{
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}
.searchable:focus{
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}
.city-listing-card{
    background-color: white;
    border-radius: 5px;
    border: 2px solid #f0f3f9;
    padding: 10px;
}

.city-listing-card-city-text{
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    height: 20px;
    overflow: hidden;
}
.city-listing-card-city-text a{
    text-decoration: none;
    color:black;
}
.city-listing-card-city-text a:hover{
    color:#198754;
}
.city-listing-card-listing-count-text{
    font-size: 15px;
    font-family: 'Quicksand', sans-serif;
}
.Copyright-area{
    padding: 15px 0px;
    background: #198754;
    text-align: center;
    color: white;
}
.Copyright-area-link{
    color:white;
    text-decoration: none;
}
.Copyright-area-link:hover{
    color: white;
    cursor: pointer;
}
.footer-Browse-links, .footer-get-to-know-us-links{
    display: block;
    text-decoration: none;
    color: black;
    /* opacity: 0.5; */
    padding-bottom: 5px;
    /* font-family: 'Poppins', sans-serif; */
    
}
.footer-Browse-links:hover, .footer-get-to-know-us-links:hover{
    color:#198754;
    cursor: pointer;
    opacity: 1;
}
.index-page-featured-b-show-more-btn{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;user-select: none;
    border: 0px solid transparent;padding: .25rem 1rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 15px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: white;
    background-color: #1ba368;
    border-color: white;
    font-family: 'Poppins', sans-serif;
}
#search-category-featured-busnesses > option {
    font-size:16px;
    font-family: 'Poppins', sans-serif;
}
#search-category-featured-busnesses{
    border: none;
    height: 42px;
    background: transparent;
    opacity: 0.5;
}

.over_View_card_city:after{
    content: "\f64f";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 22px;
}
.over_View_card_Business_Listings:after{
    content: "\f07c";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 25px;
    padding-left: 4px;
}
.over_View_card_category_count:after{
    content: "\f044";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 25px;
    padding-left: 4px;
}
.footer-social-links > a{
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    border: 0.125rem solid transparent;
    padding: 0;
    text-decoration: none;
    text-align: center;
    color: #fefefe;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.8em;
    border-radius: 1.6875rem;
    transition: all 0.5s ease;
    background: #198754;
    margin-right: 0.5rem !important;
}
.footer-social-links > a:hover{
    cursor:pointer;
    color:white;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform 1s ease-in;
}
.footer-social-links > a > i {
    line-height: 1.8 !important;
}
.city_link_col3_index_page:before{
    content: "\f64f";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    
}
.general-search-btn:before{
    content: "\f002";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    padding-right: 5px;
}

.background-circle-index-overview {
    background: #f3f0f9;
    border-radius: 50%;
    color: black;
    display: inline-block;
    height: 65px;
    width: 65px;
  }
  
  .background-circle-index-overview span {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 18px;
  }


  .general-search{
    /* padding: 15px 0px; */
    padding: 15px 12px 15px 0px;
    margin: 150px 0px 0px 0px !important;
    border-radius: 5px;
    background-color: rgba(255,255,255,.18) !important;
}
.searchbar-serach-btn{
    background: #198754 !important;
    color:white !important;
}

.search{
position: relative;
box-shadow: 0 0 40px rgba(51, 51, 51, .1); 
}
.search input{
    height: 54px;
}
.search input:focus{
    box-shadow: none;
    border: 2px solid blue;
}
.search .fa-search{
    position: absolute;
    top: 20px;
    left: 16px;
}
.search button{
    position: absolute;
    top: 3px;
    right: 2px;
    height: 49px;
    width: 90px;
    background: #198754;
    color:white;
}

.no-result-desc-text{
    padding-left: 7px;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}
.no-record-found-text{
    color: red;
    padding: 14px 7px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin: 0px;
}
#searchCategory, #searchCity{
    text-decoration: underline;
    font-size: 19px;
}

.page-heading-sec-01{
    min-height:40vh; 
    background-image: url('/public/images/banner2.jpg');
    background-size: cover;
}
/* NAVBAR */

.navbar  {
    background-color: white;
    border: none;
    color: #000;
    }
    
    .navbar .navbar-nav li > a{
      color: white !important;
      font-family: 'Poppins', sans-serif;
      font-size: 16px;
    }
    
    .navbar .navbar-brand {
    font-size: 60px;
    color: blue !important;
    } 
    .nav-item-custom-design{
        /* border-radius: 5px;
        border: 0.05px dotted white; */
    }
    .navbar .navbar-brand {
      font-size: 18px;
      color: white !important;
    }
    .navbar-light .navbar-toggler {
      color: rgba(0,0,0,.55);
      border-color: white;
    }
    .navbar-toggler:focus {
      text-decoration: none;
      outline: 0;
      box-shadow: 0 0 0 0;
    }
    .navbar-categories-dropdown-custom{
    z-index: 1000;
    display: none;
    /* min-width: 10rem; */
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    /* background-color: #198754; */
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .2rem;
    width: 92%;
    margin: 0px 52px;
    color:black;
    background:#f7f7fb;
    
    }
    .dropdown-item:focus, .navbar-categories-dropdown-custom .dropdown-item:hover {
      color: #1e2125;
      background-color: #198754;
      border-bottom: 1px solid #f0f3f9;
    }
    
    .dropdown.has-megamenu{
    position:static;
    }
    .dropdown-cat-name{
        color:black;
        text-decoration:none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
    }
    .dropdown:hover>.dropdown-menu {
      display: block;
      left: 0px;
    }
    
    .dropdown>.dropdown-toggle:active {
        pointer-events: none;
    }
/* NAVBAR ENDS */

.call-us-modal-bl-name{
    font-family: 'Quicksand', sans-serif;
    color: #2a2b33;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
}
.call-us-modal-heading{
    margin-bottom: 0;
    line-height: 1.5;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 18px;
}
.call-us-modal-guidelines{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: black;
}
.call-us-modal-custom-font{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: black;
}
.city_listing_count_img{
    border-radius: 5px;
    min-height: 220px;
    max-height: 220px;
    width:100%;
}
.index-page-search-bar{
    min-height:70vh; 
    background: url('/images/search-bg-banner.jpg') no-repeat;
    background-size: cover;
}
/* MEDIA QUERY FOR RESONSIVENESS */
@media only screen and (min-width: 320px) {
    
  }

  @media only screen and (max-width: 576px) {
    /* .index-page-search-bar{
        min-height:28vh; 
        background: url('/images/search-bg-banner.jpg') no-repeat;
        background-size: cover;
    } */
    /* .general-search{
        margin:0px !important;
        background-color: transparent !important;
    } */
  }
  @media only screen and (max-width: 768px) {
    .general-search{
        margin:0px !important;
        background-color: transparent !important;
    }
    .index-page-search-bar{
        min-height:28vh; 
        background: url('/images/search-bg-banner.jpg') no-repeat;
        background-size: cover;
    }
    
  }