.hero-container {width: 100%;  height: 300px;}
.hero-title { left: 50%; top: 85px; transform: translate(-50%, -50%);}
.hero-title h5 {color: #ffffff;  text-align: center; font-size:1.4rem; text-shadow: 1px 1px 0px #000;}
.search-section { width: 55%; left: 50%; top: 255px; transform: translate(-50%, -50%); min-width: 600px; height: auto; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); background: #FFF;}
.search-section .search-container {padding: 1.5rem 2rem !important;}
.search-section .search-container .search-title{font-size: 1rem; font-weight: 700; padding-left: 4px}
.search-container .btn-orange {width: 150px; font-size: 1.1rem;}
.search-container .input-group {margin-top: 17px; column-gap: 20px;}
.search-container .form-control {padding: 12px 15px; font-size: 16px; font-weight: 500;}
.advanced-search-text{ display: block; text-align: end; margin-top: 15px; font-weight: 600; font-size: 0.9rem;}
.advanced-search-text:hover{color:#37b0ff;}
.featured-section .title {font-size: 1.6rem; padding-left: 9px;}
.featured-section .card {aspect-ratio: 1/0.6;}
.featured-section .col-md-3 {padding: 5px 10px;}
.ml-0{ margin-left: 0px;}
.mr-0{margin-right: 0px;} 
.pl-5{padding-left: 5px;} 
.pr-5{padding-right: 5px; }
.card-link{text-decoration: none;}
.featured-section .card .card-title {color: #050296; font-size: 0.9rem; font-weight: 600;margin-bottom: 1em; height: 38px; overflow: hidden;letter-spacing: 0.5px;}
.featured-section .card .card-title:hover{color:#37b0ff;}
.card .card-location-title {font-size: 0.9rem; color: #333333d6;font-weight: 500;letter-spacing: 0.5px;}
.card-price-title {margin-top: 33px; color: #333;font-size: 0.9rem; font-weight: 600;}
.popular-category-container .card ,.popular-location-container .card,.sell-franchise-container .card { aspect-ratio: 1/0.8; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;  margin-bottom: 20px; border-radius: 5px;}
.bg-cover {width:100%; height:100%; border-radius: 5px;background: rgba(0, 0, 0, .5); transition: all 0.3s ease;}
.bg-cover:hover{background: rgba(0, 0, 0, .7);}
.bg-cover .title { font-weight: 700; font-size: 16px; position: relative; top: 0; color: #fff; text-align: left; text-shadow: 0 1px 4px rgba(0, 0, 0, .5); padding-top: 10px ;padding-left: 10px ;}
.bg-cover .des{font-style: normal; font-weight: 400; color: #91c4f4; top: 0 ; text-align: left; padding-left: 10px ; font-size: 11px ;}
.category-link-conainer, .location-link-conainer,.sell-guide-link-conainer {padding-right: 7px; text-align: end;}
a.category-link, a.location-link,a.sell-guide-link  {font-weight: 700;font-size: 1rem; display: block;  text-decoration: auto;}
.col-md-50{width: 50%;}
.resale-container{width: 70%;  margin: auto; background: #fff7eb; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.resale-container .title{font-size: 1.7rem; margin-left: 20px; display: inline;}
.resale-container .btn-orange{margin-left: 20px; margin-top: 15px;}
.resale-container img{width: 100%; height: 100%;}
.sell-franchise-container { margin: auto;}
.sell-franchise-container .card { aspect-ratio: 1/0.7;}
.sell-franchise-container .col-md-w-4 { width: 30%;}
/* home search bar */
.pb-10px{padding-bottom:10px;}
.eg-container { background: #fff; padding: 1rem; height: auto;  z-index: 999;  border: 1px solid #eee; border-top: none; width: 79.4% ;left: 0;  top: 45px ; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1) !important; border: 1px solid #dedede !important;  border-top: 0px !important}
a.cancel-search { position: absolute; right: 108px; top: 14px; color: #3681c8;}
.cancel-search span { font-size: 20px;}
.ple-pc { padding: 10px 20px;}
.eg-container .title { font-size: 0.78rem; padding-left: 14px; color: #222;}
.eg-container .text-black { font-size: 0.9rem; font-weight: 600; color: #222;}
.eg-container .text-secondary {font-size: 0.9rem;color: #333333d6;}
.card-link2 { text-decoration: none;}
.card-link2 .title {font-size: 1.3rem;font-weight: 700; min-height: 84px; margin-top: 15px;}
.sell-franchise-container .card-link2 .title:hover{color: #37b0ff;}
.card-link2 p{font-size: 1rem; font-weight: 100; margin-top: 5px; color: #777;}
.suggestion-container {  background: #fff; max-height: 400px; z-index: 999; border: 1px solid #eee; border-top: none; width: 84%;  left: 0; top: 45px; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1); border: 1px solid #dedede; border-top: 0px; overflow: auto;}
.suggestion-item { font-size: 1rem; border-bottom: 1px solid #dddddd63; padding: 8px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;cursor: pointer; color: #333; font-weight: 400;}
.suggestion-container .suggestion-item:hover{ background-color: #3681c8; color: #fff;} 
.suggestion-item:last-child{ border-bottom: none;}
.hero-section .hero-container {  background: #192939;}
.search-container .input-group { margin-top: 17px; column-gap: 20px;}
.border-btm1 { border-bottom: 1px solid #eef2ff;}
.responsive_scroller1 .card {max-height: 120px;}
.text1_5em { font-size: 1.5em !important;}
.franchise-linkr .info { padding-right: 120px; font-size: 1rem; margin-bottom: 0; line-height: 1.5;}
.franchise-linkr .back-info { position: absolute;bottom: 0px;  color: #999; font-size: 0.7em; padding-right: 120px; border-left: 3px solid #bbb; padding-left: 10px;}
.franchise_collage { background-size: cover !important; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);  border-radius: 10px;  display: block; width: 100%; min-height: 400px;  background: #ddd; animation: animatedBackground 20s linear infinite; -moz-animation: animatedBackground 20s linear infinite;  -webkit-animation: animatedBackground 20s linear infinite;  -ms-animation: animatedBackground 20s linear infinite;  -o-animation: animatedBackground 20s linear infinite;}
.col-md-12 { min-width: 100%; }
.btn-selector, .findmymatchselectorgroup { background: #eeeeee; color: #222e60;; font-weight: bold; border: 1px solid #ddd;}
.btn-selector:hover { background: #004ba1; color: #fff; font-weight:bold; }
.selectedbluebtn { background: #004ba1 !important; color: #fff !important; }
.width-250 { min-width: 250px;}
.width-150-60 { display:inline-block; width: 150px; min-height: 60px;}
.p-2_1 { padding: 2rem; }
.bg-grey-bg2 { background: #eee;; border-radius: 6px; }
.font-aaa { color: #AAA; }
.font-000 { color: #000; }
.hidepc { display: none !important; }
.text1_25_5em { font-size: 1.5em !important;}
.selector_progressbar { max-width: 20%; background: #004ba1; border-radius: 8px; text-align: right; color: #FFF; padding-right: 10px; line-height: 16px; font-size: 12px; font-weight: normal; letter-spacing: 1px; }
.text12 { font-size: 12px; }
.row1colsml [class*='col-'] { flex: 0 0 100% !important; max-width: 100% !important; }
.row3colsml [class*='col-'] { flex: 0 0 33.33% !important; max-width: 33.33% !important; }
.p-0 { padding: 0px !important; }
.findmymatch_div2 { margin: 50px 30px 10px 30px; }
@keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -300px 0; } }
@-moz-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -300px 0; } }
@-webkit-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -300px 0; } }
@-ms-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -300px 0; } }
@-o-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -300px 0; } }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img{ display: none; }
.slick-slide.dragging img{ pointer-events: none; }
.slick-initialized .slick-slide{ display: block; }
.slick-loading .slick-slide{ visibility: hidden; }
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-arrow, .slick-dots { display: none !important; }
.show-768{display: none !important;}
.enquiry-form-container {width: 58%;  margin: auto; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; padding: 18px;}
.enquiry-form-container  .form-control{width: 91%; border-radius: 2px;}
.enquiry-form-container  .btn{ width: 100%; border-radius: 2px;}
.booking-note{font-size: 12px; text-align: center; color:red;}
.enquiry-form-container  .error{color:red; font-size: 12px;}
.enquiry-form-container  .error-border{border: 1px solid red;}
@media (max-width: 768px) { .hero-title{  width: 100%;  } .search-section {  min-width: 100% ; } .search-section .search-container {   padding: 1rem !important;  }  .ple-pc { padding: 0px 3px; } .row.rowsrchpop{ display: inline; } .eg-container {  width: 72%; } .featured-section .card .card-title{ font-size: 0.8rem; } .card .card-location-title {  font-size: 0.8rem; } .show-768{  display: block !important; } .hide-768{  display: none !important;  }.enquiry-form-container { width: 81%;  padding: 15px;  position: relative; bottom: 35px; } .modal_html{ height: 750px !important; }}
@media (max-width: 575.98px) { .hero-section .hero-container {  background: none;  } .hero-title h5 {  font-size: 1.25em;  color: #000; text-shadow: none; } .row2colsml [class*='col-'] {  flex: 0 0 50% ; max-width: 50% ;  } [class*="col-"] {   padding-right: 5px ;    padding-left: 5px ; } .card .card-location-title { width: 100px; text-overflow: ellipsis; overflow: hidden;text-wrap: nowrap; } .hidemobile { display: none ;  }  .franchise_collage_section .row [class*='col-'] { flex: 0 0 100% !important;  max-width: 100% !important; } .franchise-linkr .back-info {  position: relative !important; margin-top: 50px; color: #999;  font-size: 12px; padding-right: 0px; } .modalboxpopup { width: 100% !important; }.sell-franchise-container a h4 { font-size: 1em !important; }  .sell-franchise-container a p { font-size: 1em; color: #777 !important; } .width-150-60 {  width: 100px;}}