@font-face {
  font-family: 'Goldplay';
  src: url('../fonts/GoldplayAlt-Light.woff2') format('woff2'), url('../fonts/GoldplayAlt-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Goldplay';
  src: url('../fonts/Goldplay-Regular.woff2') format('woff2'), url('../fonts/Goldplay-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Goldplay';
  src: url('../fonts/Goldplay-SemiBold.woff2') format('woff2'), url('../fonts/Goldplay-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Goldplay';
  src: url('../fonts/Goldplay-Black.woff2') format('woff2'), url('../fonts/Goldplay-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Goldplay';
  src: url('../fonts/Goldplay-Medium.woff2') format('woff2'), url('../fonts/Goldplay-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Goldplay';
  src: url('../fonts/Goldplay-Bold.woff2') format('woff2'), url('../fonts/Goldplay-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
:root {
--black: #231F20;
--secondary-black: #231F20;
--o2b-purple: #47088B;
--o2b-green:#66C700;
--blue-primary: #1c2d69;
--blue-dark: #192656;
--green: #42947b;
--gray: #e1e1e1;
--white: #fff;
--bold: 700;
--normal: 400;
--medium: 500;
--semi-bold: 600;
--h6-color: #999;
--base-font-size: 16px;
--base-small-font: 14px;
--secondary-font-color: #232323;
--h1--font: 72px;
--h1-line-height: 60px;
--h2--font: 70px;
--h2-line-height: 44px;
--h3--font: 30px;
--h3-line-height: 28px;
--h4--font: 22px;
--h4-line-height: 22px;
--h5--font: 16px;
--h5-line-height: 20px;
--h6--font: 14px;
--h6-line-height: 20px;
--page-center-width: 1440px;
--btn-border-radius: 8px;
}
html,
body {
margin: 0px;
padding: 0px;
width: 100%;
min-height: 100%;
overflow-x: hidden;
}
body {
font-size: var(--base-font-size);
font-style: normal;
font-weight: var(--normal);
line-height: 20px;
color: var(--black);
background: #fff;
overflow: hidden;
font-family: 'Goldplay';
}
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
a,
li,
span,
strong,
article,
em,
input,
select,
section {
    font-family: 'Goldplay', 'arial'
}
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
figure {
  display: flex;
  margin: 0px;
  padding: 0;
}
a,
a:link,
a:visited {
outline: none;
text-decoration: none;
-moz-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
}
img {
border: none;
margin: 0px;
max-width: 100%;
}
h1 {
font-family: 'Goldplay';
font-size: var(--h1--font);
font-style: normal;
font-weight: var(--normal);
line-height: var(--h1-line-height);
padding: 0;
margin: 0;
color: var(--black);
}
h2 {
  font-family: 'Goldplay';
font-size: var(--h2--font);
font-style: normal;
font-weight: var(--normal);
line-height: var(--h2-line-height);
padding: 0;
margin: 0;
color: var(--black);
}
h3 {
  font-family: 'Goldplay';
font-size: var(--h3--font);
font-style: normal;
font-weight: var(--normal);
line-height: var(--h3-line-height);
padding: 0;
margin: 0;
color: var(--black);
}
h4 {
  font-family: 'Goldplay';
font-size: var(--h4--font);
font-style: normal;
font-weight: var(--normal);
line-height: var(--h4-line-height);
padding: 0;
margin: 0;
color: var(--blue-primary);
}
h5 {
  font-family: 'Goldplay';
font-style: normal;
font-size: var(--h5--font);
line-height: var(--h5-line-height);
padding: 0;
margin: 0;
color: var(--black);
}
h6 {
  font-family: 'Goldplay';
font-style: normal;
font-weight: var(--semi-bold);
letter-spacing: 1.92px;
text-transform: uppercase;
color: var(--green);
padding: 0;
margin: 0;
font-size: 16px;
line-height: 19px;
}
ul,li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-links h4 {
  font-weight: 700;
}
#container {
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
.map-main-wrapper{
  padding-top: 114px;
}
.locations-list-wrapper {
  text-align: center;
  margin: 60px 0 0;
}
.locations-center {
  max-width: 79vw;
  margin: 0 auto;
}
.common-wrapper {
  position: relative;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.common-wrapper h2, .main-footer h2 {
  font-size: 72px;
  line-height: 80px;
  font-family: 'Goldplay';
  font-weight: 900;
  text-align: center;
}
.purple {
  color: #47088b !important;
}
.content-center {
  width: 100%;
  margin: 0 auto;
}
.accordion-wrapper-met {
  position: relative;
}
.accordion-wrapper-met {
  max-width: 72vw;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: 0 20px;
}
.rel {
  position: relative;
}
.accordian-item {
  min-height: 5vw;
  padding: 0 5vw 0 3vw;
  margin-bottom: 2.9vw;
  border-radius: 2vw;
  font-size: 1.36vw;
  line-height: 1.38vw;
  display: flex;
  position: relative;
  align-items: center;
  color: #47088b;
  background-color: #e5e5e5;
  z-index: 1;
}
.accordion-wrapper-met .accordian-item:after {
  content: "";
  position: absolute;
  transition: all .2s ease;
}
.accdn-title:after, .accdn-title1:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 58px;
  width: 24px;
  height: 24px;
  background: url(//o2bkids.com/wp-content/themes/O2B/css/../images/iconDownArrow.png) no-repeat center center;
  background-size: 24px;
  margin: auto;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
body .accordian-content.accdn-content1 {
  transition: .5s ease;
  background-color: transparent;
}
.accordion-wrapper-met .accordian-content {
  margin-top: -4.7vw;
  margin-bottom: 2.7vw;
  /* padding-bottom: .6vw; */
  flex-wrap: wrap;
  background: #fff;
  text-align: left;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .2);
  overflow: hidden;
  height: 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}
.accordion-wrapper-met ul {
  list-style: disc !important;
  margin: 0;
}
.accordion-wrapper-met .accordian-content article, .accordion-wrapper-met .accordian-content p, .accordion-wrapper-met .accordian-content li {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}
body .accordian-content.accdn-content1.selected {
  background-color: #fff;
}
body .accordian-content.accdn-content1 {
  transition: background-color .5s ease;
}
.accdn-title.selected:after, .accdn-title1.selected:after {
  transform: rotate(180deg);
}
.select-location-section .locations-center {
  padding: 90px 20px;
  min-height: 772px;
  max-width: 1210px;
  width: 100%;
  box-sizing: content-box;
}
.header-height-padding {
  /* padding-top: 5.8vw; */
  padding-top: 114px;
}
.select-location-section {
  transition: 0.6s ease-in-out;
}
.accordion-wrapper-met.loc-slt-wrap {
  margin-top: 90px;
  max-width: 1200px;
  padding: 0;
}
.rel {
  position: relative;
}
.select-location-section ul li.active {
  background-color: #47088b;
  color: #fff;
  width: 114px;
  text-align: center;
  border-radius: 22px;
  padding: 5px;
}
.accordion-wrapper-met {
  max-width: 72vw;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: 0 20px;
}
.accordion-flex-wrapper {
  display: flex;
  gap: 30px;
}
.loc-slt-wrap {
  flex-wrap: wrap;
}
.loc-slt-wrap .accordian-item {
  padding: 23px 26px 23px 26px !important;
  max-width: 380px;
  height: 68px;
  min-height: unset;
  border-radius: 25px;
  margin-bottom: 0px;
}
.loc-slt-wrap.accordion-wrapper-met .accordian-content {
  margin-bottom: 0px !important;
  margin-top: -34px !important;
  max-width: 380px;
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15) !important;
}
.accordion-wrapper-met {
  position: relative;
  margin: 0 auto;
  z-index: 3;
}
.loc-slt-wrap .accordian-item:after {
  right: 30px !important;
  width: 18px !important;
  height: 10px !important;
  background: url(../images/downarrow-black.svg) no-repeat center center !important;
  background-size: 18px !important;
}
ul.accord-list {
  padding: 42px 21px 10px 24px;
  text-align: left;
}
.accord-list li {
  display: block;
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
  padding: 0px !important;
  list-style-type: none;
}
.accord-list li a {
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  color: #8f8f8f;
}
.accord-list li a span {
  font-weight: 600;
  color: black;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.loc-searchbar {
  position: relative;
  width: 100%;
  height: 52px;
  margin: 0 auto;
}
.select-region-pg .loc-searchbar {
  max-width: 335px;
}
.loc-searchbar input {
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; 
  padding: 16px 39px 16px 16px;
}
.loc-searchbar input::placeholder {
  color: #7C7C7C;
}
.loc-searchbar button {
  width: 17px;
  height: 18px;
  position: absolute;
  right: 16px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  outline: 0;
  border: none;
  background: none;
}
.loc-searchbar a {
  width: 17px;
  height: 18px;
  position: absolute;
  right: 16px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.loc-slt-wrap .accord-wrap {
  min-height: 70px;
  cursor: pointer;
}
.select-location-section .locations-list-wrapper {
  margin: 0 !important;
  padding: 20px 0;
  border-bottom: 1px solid #c5c5c57d;
}
.select-location-section h2 {
  font-size: 70px;
}
.loc-slt-wrap .accord-wrap h4 {
  font-weight: 700;
  color: #47088B;
}
/* MEMORIAL PLANNING STYLES STARTS HERE */
.page-center {
  max-width: var(--page-center-width);
  width: 100%;
  margin: 0 auto;
}
/* header start */
.purple-bold {
  color: #47088B;
  font-weight: 700;
}
.purple {
  color: #47088B;
}
.btn-gray {
  font-size: var(--base-small-font);
  padding: 10px 12px;
  font-weight: var(--bold);
  color: var(--black);
  border-radius: var(--btn-border-radius);
  background-color: var(--gray);
  text-wrap: nowrap;
}
.location-btn {
  padding-left: 38px;
  background-image: url(../images/location-min.svg);
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 20px;
}
.btn-green {
  font-size: var(--base-small-font);
  padding: 11px 12px;
  font-weight: var(--semi-bold);
  color: var(--white);
  border-radius: 16px;
  background-color: var(--o2b-green);
  text-wrap: nowrap;
  cursor: pointer;
}
.drop-down a {
  background-image: url(../images/caret-min.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 2px) 50%;
  background-size: 16px;
}
/* loader */
.loader {
  width: 100%;
  height: 5px;
  background: linear-gradient(
      90deg,
      transparent 33%,
      var(--o2b-purple) 50%,
      transparent 66%
    )
    transparent;
  background-size: 300% 100%;
  animation: l1 1.5s infinite cubic-bezier(0.45, 0, 0.55, 1);
}
@keyframes l1 {
  0% {
    background-position: right;
  }
}
/* map extras starts */
.current-location input {
  color: var(--o2b-purple);
  padding-left: 48px;
  background-image: url(../images/crosshairs-sharp-light.svg);
  background-repeat: no-repeat;
  background-position: 16px 50%;
  pointer-events: none;
}
/* map-section start */
.map-section {
display: flex;
position: relative;
z-index: 0;
}
.map-section-left {
/* max-width: 510px; */
width: 33.33%;
min-height: 800px;
display: flex;
flex-direction: column;
position: relative;
height: 90vh;
/* min-height: 867px; */
}
.map-section-right {
/* max-width: 930px; */
width: 66.66%;
position: relative;
height: 90vh;
min-height: 800px;
/* min-height: 867px; */
}
.current-location-btn{
  font-weight: var(--medium);
position: absolute;
right: 55px;
bottom: 40px;
transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
display: flex;
gap: 8px;
align-items: center;
padding: 8px 12px;
border-radius: 41px;
 background: var(--white);
 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); 
 color: var(--o2b-purple);
 cursor: pointer;
}
.current-location-btn.location-active{
background: var(--o2b-purple);
color: var(--white);
}
.current-location-btn img{
width: 24px;
height: 24px;
object-fit: contain;
filter: brightness(0) saturate(100%) invert(17%) sepia(30%) saturate(5769%) hue-rotate(258deg) brightness(84%) contrast(124%);
}
.current-location-btn.location-active img{
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(53deg) brightness(109%) contrast(109%);
}
.search-container {
display: flex;
align-items: center;
padding: 22px 16px 22px 22px;
gap: 20px;
position: relative;
}
.search-container::after {
content: "";
background: #d8d8d8;
width: 100vw;
height: 1px;
position: absolute;
bottom: 0;
right: 0;
}
.search-inline {
position: relative;
max-width: 349px;
width: 100%;
}
.filter-section {
min-width: 90px;
max-width: 108px;
}
.search-inline input {
padding: 16px 46px 16px 18px;
color: #212123;
border-radius: 6px;
border: 1px solid #c8cbd3;
width: 100%;
font-size: 16px;
}
.search-inline button,.search-inline a {
width: 24px;
height: 24px;
position: absolute;
right: 16px;
top: 50%;
bottom: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.filter-section a {
font-size: var(--base-small-font);
font-weight: var(--medium);
display: flex;
cursor: pointer;
justify-content: center;
text-decoration: underline;
}
.filter-section a.open-filter-trigger {
  font-size: 14px !important;
  font-weight: 500 !important;
  gap: 0 !important;
}
.filter-section-new a {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
text-decoration: underline;
}
.filter-right {
display: flex;
gap: 30px;
align-items: center;
}
.filter-right a {
display: flex;
cursor: pointer;
}
.filter-section img {
max-width: 18px;
width: 100%;
margin-right: 8px;
}
.custom-checkbox img {
margin-right: 16px;
max-width: 32px;
}
.filter-section a span{
margin-left: 4px;
}
.search-location h3 {
margin-bottom: 16px;
}
.search-location .active-geo {
  display: inline-flex;
  width: fit-content;
  margin: 0 auto;
  cursor: pointer;
  text-decoration: underline;
}
.but-location-close {
  cursor: pointer;
}
.search-location p {
color: #231F20;
max-width: 329px;
width: 100%;
margin: 0 auto;
margin-bottom: 36px;
}
.search-location a {
font-weight: var(--bold) !important;
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
font-size: 16px;
}
.search-location a img {
width: 16px;
height: 18px;
object-fit: contain;
}
.search-location {
padding: 22px;
text-align: center;
justify-content: center;
display: flex;
flex-direction: column;
height: 100%;
}
.search-location .btn-green-outline {
text-decoration: none;
width: 100%;
margin: 0 auto;
margin-top: 50px;
max-width: 252px;
font-weight: var(--bold) !important;
min-height: 55px;
}
.btn-green-outline {
border-radius: 12px;
padding: 13px;
color: var(--white);
text-wrap: nowrap;
background-color: var(--o2b-green);
cursor: pointer;
}
.search-results p{
padding-right: 24px;
}
strong {
font-weight: 700;
}
.custom-dropdown {
position: relative;
display: inline-block;
transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
background: #fff;
min-width: calc(100% - 25px);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
border-radius: 16px;
}
.dropdown-toggle {
padding: 15px 20px;
cursor: pointer;
display: flex;
background: #fff;
border: none;
align-items: center;
justify-content: center;
color: #212123;
font-size: 16px;
font-weight: 700;
line-height: 21px;
width: 100%;
border-radius: 16px;
position: relative;
z-index: 2;
}
.dropdown-toggle::after {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-image: url(../images/drop-down.svg);
background-size: 24px;
position: absolute;
right: 20px;
transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.dropdown-menu {
  position: absolute;
  top: 50%;  
  left: 0;
width: 100%;
padding: 26px 0;
transition: all .3s cubic-bezier(.37,0,.63,1);
background: #fff;
border-radius: 16px;
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .15);
-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .15);
z-index: 1;
display: none;
}
.custom-dropdown.dropdown-active .dropdown-menu{
  display: block;
}
.dropdown-menu a {
font-weight: var(--normal);
font-size: var(--base-font-size);
}
.custom-dropdown.dropdown-active .dropdown-toggle::after {
rotate: 180deg;
}
.dropdown-menu .dropdown-item {
padding: 11px;
display: block;
text-decoration: none;
text-align: center;
color: #212123;
font-size: 16px;
font-weight: 400;
line-height: 21px;
}
.dropdown-menu .dropdown-item:hover {
background-color: rgba(71, 8, 139, 0.10);
font-weight: var(--bold);
color: var(--o2b-purple);
cursor: pointer;
}
.custom-dropdown {
margin-top: 24px;
}
.search-result-list {
margin: 24px 0;
}
.search-results {
padding: 22px 0 0 25px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--o2b-purple) rgba(71, 8, 139, 0.10);
/* height: calc(80vh - 98px); */
height: 100%;
min-height: 306px;
}
.search-results::-webkit-scrollbar {
width: 8px;
}
.search-results::-webkit-scrollbar-thumb {
background-color: var(--o2b-purple);
}
.search-results::-webkit-scrollbar-track {
background-color: rgba(71, 8, 139, 0.10);
}
.btn-group {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.btn-group a {
display: block;
}
.list-title {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
margin-bottom: 8px;
}
.search-result-list p {
margin-bottom: 16px;
color: #212123;
max-width: 462px;
width: 100%;
font-size: 16px;
font-weight: var(--medium);
line-height: 21px;
}
.list-item {
margin-right: 25px;
padding: 8px 0;
border-top: 1px solid #ded5c6;
transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1);
}
.list-item:first-child {
padding-top: 0px;
border-top: none;
}
.list-item.list-active .map-details-view {
display: block !important;
}
.item-wrap {
padding: 18px 20px 16px 20px;
}
.list-item.list-active .item-wrap {
border-radius: 16px;
border: 2px solid var(--o2b-purple);
}
.map-details-view a {
display: flex;
margin-top: 20px;
justify-content: center;
align-items: center;
gap: 5px;
}
.map-details-view a img {
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
  hue-rotate(89deg) brightness(104%) contrast(101%);
max-width: 20px;
}
.map-btn {
display: flex;
padding: 6px 10px;
justify-content: center;
align-items: center;
font-size: 13px;
font-weight: var(--semi-bold);
line-height: 14px;
color: var(--o2b-purple);
border-radius: 8px;
background: #EDEDED;
transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.list-title-right {
color: #231F20;
font-size: 14px;
font-weight: var(--medium);
line-height: 21px;
white-space: nowrap;
}
.map-section-right figure {
position: relative;
}
.map-section-right .map-marker {
position: absolute;
left: 50%;
top: 50%;
}
.map-section-right .map-marker img {
width: 35px;
height: 35px;
cursor: pointer;
}
.list-item:hover {
cursor: pointer;
}
.map-marker.active img {
width: 35px;
height: 35px;
object-fit: contain;
}
.filter-active.map-locatiom-filter .search-container::after {
opacity: 0;
transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.filter-section-new {
background: #fff;
z-index: 5;
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.filter-title {
display: flex;
gap: 15px;
justify-content: space-between;
align-items: center;
padding: 18px 22px;
}
.filter-title img {
width: 13px;
height: 13px;
object-fit: contain;
}
.close-filter-trigger {
position: relative;
}
.filter-title h5 {
display: flex;
align-items: center;
gap: 16px;
font-size: 18px;
font-weight: var(--bold);
line-height: 22px;
}
.custom-checkbox {
display: flex;
align-items: center;
position: relative;
}
.custom-checkbox input[type="checkbox"] {
display: none;
}
.custom-checkbox label {
  font-size: 16px;
  font-weight: var(--medium);
display: flex;
align-items: center;
cursor: pointer;
padding: 21px 24px;
border-bottom: 1px solid #f2ede5;
width: 100%;
user-select: none;
padding-right: 48px;
transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.custom-checkbox label:hover{
background: #f4f4f4;
}
.custom-checkbox input[type="checkbox"] + label::after {
content: "";
display: block;
position: absolute;
background-image: url(../images/check-regular.svg);
background-size: 17px;
background-repeat: no-repeat;
opacity: 0;
width: 16px;
height: 17px;
right: 23px;
}
.custom-checkbox input[type="checkbox"]:checked + label{
background:rgba(71, 8, 139, 0.10);
border-bottom: 1px solid#F2EDE5;
}
.custom-checkbox input[type="checkbox"]:checked + label:hover{
background-color: none;
}
.custom-checkbox input[type="checkbox"]:checked + label::after {
animation-duration: .3s;
animation-fill-mode: forwards;
animation-name:blink_twice;
animation-timing-function: cubic-bezier(.32,2.32,.61,.27);
opacity: 1;
}
@keyframes blink_twice {
0% {
  transform: scale(0);
}
100% {
  transform: scale(1);
}
}
.custom-checkbox input[type="checkbox"]:checked + label {
  color: var(--o2b-purple);
font-weight: var(--bold);
}
.filter-wrapper {
/* height: calc(80vh - 177px); */
max-height: calc(100vh - 270px);
min-height: 229px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--o2b-purple) rgba(71, 8, 139, 0.10);
/* max-height: 725px; */
}
.filter-wrapper::-webkit-scrollbar {
width: 8px;
}
.filter-wrapper::-webkit-scrollbar-thumb {
background-color: var(--o2b-purple);
}
.filter-wrapper::-webkit-scrollbar-track {
background-color:  rgba(71, 8, 139, 0.10);
}
.filter-section {
position: relative;
}
.filter-fixed-btn {
width: 100%;
padding: 20px 24px;
background: #fff;
position: relative;
}
.filter-fixed-btn::before {
content: "";
position: absolute;
background: #fff;
right: 0;
width: 100vw;
height: 100%;
bottom: 0;
z-index: -1;
border-top: 1px solid #f2ede5;
}
.filter-fixed-btn a {
max-width: 252px;
margin: 0 auto;
height: 55px;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
text-decoration: none;
width: 100%;
font-size: 16px;
line-height: 20px;
padding: 12px 16px;
font-weight: var(--bold);
border-radius: 12px;
}
.filter-wrapper-title {
padding: 10px 24px;
background: linear-gradient(90deg, #47088B 0%, #9811C2 100%);
}
.filter-wrapper-title h5 {
color: var(--white);
font-weight: var(--bold);
}
.open-filter-trigger {
display: flex;
background: none;
padding: 10px 8px;
transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1);
border-radius: 8px; 
}
.open-filter-trigger span{
display: none;
}
/* .open-filter-trigger.filter-button-active{
background: #F2EDE5;
} */
.open-filter-trigger.filter-button-active span{
display: block;
}
.no-location-found {
text-align: center;
padding: 15px;
max-width: 390px;
width: 100%;
margin: 0 auto;
max-height: calc(40vh);
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.no-location-found h3 {
font-weight: var(--bold);
color: var(--o2b-purple);
margin-bottom: 16px;
}
.no-location-found p {
margin-bottom: 16px;
color: #686868;
}
.locations-by-state .map-section-left {
max-width: 100%;
height: auto;
min-height: unset;
}
.locations-by-state {
display: block;
}
.locations-by-state .search-container::after {
width: 100%;
}
.locations-by-state .search-container {
justify-content: center;
}
.location-finder {
text-align: center;
padding: 90px 20px 100px;
}
.location-list-wrapper {
background: #f7f7f7;
}
.location-finder h2 {
margin-bottom: 39px;
}
.location-title-flex {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.location-list-wrapper .page-center {
max-width: 1221px;
}
.sort-filter {
display: flex;
border-radius: 10px;
border: 1px solid #c8cbd3;
background: #fff;
padding: 10px 32.5px;
color: #9c9da2;
font-size: 16px;
font-weight: 400;
line-height: 21px;
align-items: center;
}
.sort-filter::after {
content: "";
display: inline-block;
margin-left: 5px;
width: 24px;
height: 24px;
background-image: url(../images/drop-down.svg);
background-size: 24px;
}
.location-list {
margin-top: 64px;
display: flex;
gap: 19px;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
.location-list .column-list {
max-width: 381px;
width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
}
.slide-action {
border-radius: 24px;
background: #fff;
}
.slide-toggle {
padding: 24px;
color: var(--o2b-purple);
font-size: var(--h4--font);
font-weight: var(--semi-bold);
display: flex;
align-items: center;
position: relative;
width: 100%;
cursor: pointer;
border: none;
background: #E5E5E5;
border-radius: 24px;
}
.slide-toggle::after {
content: "";
display: inline-block;
margin-left: 5px;
width: 24px;
height: 24px;
background-image: url(../images/drop-down.svg);
background-size: 24px;
position: absolute;
right: 24px;
transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.slide-open .slide-toggle::after {
transform: rotate(-180deg);
}
.slide-menu {
border: none;
background: transparent;
padding: 20px 25px;
border-top: none;
text-align: left;
padding-top: 0;
}
.slide-menu h5 {
font-weight: var(--semi-bold);
font-size: 16px;
line-height: 19px;
margin-bottom: 10px;
}
.slide-menu p {
margin-bottom: 20px;
font-size: 16px;
line-height: normal;
}
.list-item:last-child {
border-bottom: none;
}
.slide-toggle span {
margin-left: 8px;
padding: 4px 8px;
display: flex;
height: 22px;
justify-content: center;
align-items: center;
color: #3a3c40;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
background: #e2e3e9;
border-radius: 8px;
}
.list-title-left h4 {
color: var(--o2b-purple);
font-weight: 700;
line-height: 22px;
}
.list-title-left h5 {
font-size: var(--h4--font);
color: var(--o2b-purple);
font-weight: 700;
line-height: 22px;
}
.current-location .search-inline input {
color: var(--green);
padding-left: 48px;
background-image: url(../images/current-location.svg);
background-repeat: no-repeat;
background-position: 16px 50%;
pointer-events: none;
}
.slide-menu h5 a {
font-size: inherit;
font-weight: inherit;
color: inherit;
line-height: inherit;
}
.search-not-found h4 {
margin-bottom: 8px;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.search-not-found{
height: auto;
margin-top: 28px;
}
.search-not-found .btn-green-outline{
margin-top: 20px;
font-size: 14px;
max-width: 192px;
padding: 10px 16px;
background-position: calc(100% - 16px) 50%;
background-size: 20px;
text-align: center;
}
.filter-active .search-container{
display: none;
}
/* map-section end */
/* SEARCH RESULT LIST PAGE SYTLE STARTS */
.location-list-main-wrap {
  padding: 114px 20px 100px;
  margin: auto;
  width: 100%;
}
.loc-grid-item {
  max-width: 381px;
  width: 100%;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
  border-radius: 24px;
  flex-basis: calc(32% - 7px);
  overflow: hidden;
}
.loc-grid-img {
  width: 100%;
  height: 176px;
}
.loc-grid-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.loc-grid-content {
padding: 20px 24px;
}
.loc-grid-wrap {
  display: flex;
  justify-content: center;
}
.location-title-v1 {
  text-align: center;
  padding: 153px 0 90px;
}
.location-title-v1 h2 {
  color: var(--o2b-purple);
  font-weight: var(--bold);
  line-height: var(--h2-line-height);
  text-align: center;
}
.loc-grid-inner-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1210px;
  width: 100%;
}
.location-list-items .item-wrap p:nth-of-type(1) {
  margin-bottom: 0px;
}
.location-address {
  margin-bottom: 10px;
}
.location-title-left h2 {
  color: var(--o2b-purple);
  font-weight: var(--bold);
  text-align: center;
}
.slide-action .slide-menu p {
  font-size: var(16px);
}
.slide-action .slide-menu p span {
  color: #7C7C7C;
}
.list-title h4 a {
  font-size: var(--h4--font);
  font-weight: 700;
  line-height: var(--h4-line-height);
  color: var(--o2b-purple);
  text-decoration: none;
}
.search-location.search-locate-mob {
  padding: 0;
}
.search-location.search-locate-mob h3 {
  display: none;
}
.search-location.search-locate-mob .active-geo {
  display: none;
}
.locations-center .location-title-mob {
  display: none;
}
.acc-title-mob {
  display: none;
}
.map-main-wrapper .loader {
  position: fixed !important;
  z-index: 500 !important;
  top: 114px !important;
  left: 0 !important;
}
.location-clear{
  text-transform: capitalize;
}
.map-section.page-center {
  max-width: 100%;
}

/* Mobile Landing Page style */

.map-section-right.mob-region-select {
  display: none;
}
/* .search-container.mob-search-container {
  display: none;
} */

/* .map-section .search-location.mob-landing-top>:not(.mob-search-container) {
  display: none;
} */
.map-section .search-location.mob-landing-top h3,
.map-section .search-location.mob-landing-top .active-geo {
  display: none;
}
.search-location.mob-landing-top {
  display: contents;
}
.map-main-wrapper.select-region-pg .search-results {
  display: none;
}
.map-main-wrapper.select-region-pg .loc-searchbar {
  max-width: 385px;
}
.search-result-list .item-wrap  {
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}
.search-result-list .item-wrap:hover  {
  background: rgba(71, 8, 139, 0.10);
}
.search-result-list .item-wrap:hover .map-btn {
  background-color: #fff;
}
.location-list .accord-wrap::after,.location-list .accord-wrap::before{
   display: none !important;
}
.main-footer {
    padding-top: 5.5vw !important; 
}

/* RESPONSIVE CSS STARTS HERE */
@media only screen and (min-width: 1919px) {
  .loc-slt-wrap.accordion-wrapper-met .accordian-content {
    margin-top: -34px !important;
  }

}
@media only screen and (max-width: 1919px) {
    .map-main-wrapper {
      padding-top: 5.8vw;
  }
  .location-list-main-wrap {
    padding: 5.8vw 20px 5.211vw;
  }
.select-location-section .locations-center {
  min-height: 60vh;
}
.header-height-padding {
  padding-top: 6vw;
}
.map-main-wrapper .loader {
  top: 5.8vw !important;
}
}
@media only screen and (max-width: 1800px) {
  .map-section-left,.map-section-right {
    min-height: 45.156vw;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
  .map-section-left, .map-section-right {
    height: 50vh;
}
}
@media only screen and (min-width: 800px) and (max-width: 1500px) {
  :root {
    --h1--font: 4.8vw;
    --h1-line-height: 4vw;
    --h2--font: 4.667vw;
    --h2-line-height: 2.933vw;
    --h3--font: 2vw;
    --h3-line-height: 1.867vw;
    --h4--font: 1.467vw;
    --h4-line-height: 1.467vw;
    --h5--font: 16px;
    --h5-line-height: 20px;
    --h6--font: 14px;
    --h6-line-height: 20px;
    --page-center-width: 100vw;
  }
.location-list .column-list {
    max-width: 30%;
    gap: 1.2667vw;
  }
  .loc-grid-item {
    border-radius: 1.6vw;
    flex-basis: calc(32% - 11px);
}
.select-location-section .locations-center {
  padding: 6vw 20px;
  max-width: 82vw;
}
.accordion-wrapper-met.loc-slt-wrap {
  max-width: 82vw;
}
.location-title-v1 {
  padding: 7.973vw 0 4.69vw;
}
}
@media only screen and (max-width: 1200px) {
  :root {
  --h4--font: 18px;
  --h4-line-height: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .location-list .column-list {
    max-width: 28%;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1500px) {
  .search-container {
    padding: 1.333vw 1.333vw 1.333vw 1.333vw;
    gap: 1.333vw;
}
}

@media only screen and (min-width: 1000px) {
/* state select section desktop show */
.select-region-pg .map-section {
  display: flex;
  flex-direction: column;
}
.select-region-pg .map-section-right {
  display: none;
}
.select-region-pg .map-section-right.mob-region-select {
  display: block;
  min-height: 40vw;
}
.select-region-pg .map-section-right,
.select-region-pg .map-section-left {
  width: 100%;
  min-height: auto;
  height: auto;
}
.select-region-pg .map-section-left .filter-section,
.select-region-pg .map-section-left .search-location.dsktop-view {
  display: none;
}
.select-region-pg .map-section-right .locations-center {
  /* padding: 6vw 20px; */
  padding: 4.688vw 20px;
  max-width: 82vw;
}

}

@media only screen and (max-width: 1000px) {
  :root {
    --page-center-width: 100%;
  }
  .select-location-section h2 {
    font-size: 45px !important;
}
.filter-active.map-locatiom-filter .filter-section-new {
  position: fixed !important;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
}
.filter-active.map-locatiom-filter .search-location{
display: none;
}
.map-section {
flex-direction: column-reverse;
}
.map-section-left,
.map-section-right {
  width: 100%;
}
.search-location {
margin-top: 0;
padding: 48px 20px;
}
.search-location h3 {
font-size: 26px;
line-height: 31px;
}
.search-location p {
max-width: 100%;
margin-bottom: 24px;
}
.search-container {
transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1);
position: fixed;
top: 60px;
background: #fff;
z-index: 1;
width: 100%;
justify-content: center;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
padding: 12px 20px;
}
.map-main-wrapper .search-container {
  top: 5.8vw ;
}
.search-location .btn-outline {
margin-top: 36px;
}
.sticky .search-container {
top: 74px;
}
.search-results {
padding: 32px 20px;
border-radius: 16px 16px 0px 0px;
box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.25);
z-index: 1;
position: relative;
top: -11px;
background: #fff;
}
.search-results p,
.search-results .custom-dropdown {
padding-right: 0;
min-width: 100%;
}
.search-inline {
max-width: 230px;
}
.filter-section img {
width: 20px;
height: 20px;
object-fit: contain;
}
.custom-dropdown {
margin-top: 20px;
}
.list-item {
padding: 8px 16px 8px;
margin-right: 0;
}
.search-result-list {
margin-top: 20px;
}
.filter-section-new a {
font-size: 16px;
line-height: 20px;
}
.filter-title h5 {
font-size: 20px;
line-height: 25px;
}
.filter-title {
padding: 23px 20px;
}
.filter-wrapper-title {
padding: 10px 20px;
}
.custom-checkbox label {
padding: 16px 20px;
}
/* .custom-checkbox input[type="checkbox"]:checked + label::after {
background-position: calc(100% - 15px) center;
} */
.filter-title img {
width: 20px;
height: 18px;
padding: 0px;
}
.filter-fixed-btn {
padding: 16px 20px;
}
.no-location-found {
padding: 24px 20px 48px;
margin: 0;
text-align: left;
max-width: 100%;
}
.location-finder {
padding: 48px 20px;
text-align: left;
}
.location-finder h2 {
margin-bottom: 24px;
}
.sort-filter {
width: 311px;
margin: inherit;
}
.location-list {
margin-top: 44px;
flex-direction: column;
gap: 0;
}
.location-list .slide-action {
max-width: 100%;
padding-bottom: 0px;
margin-bottom: 0px;
background: transparent;
border: none;
border-radius: 0;
border-bottom: 1px solid #d2d2d2;
width: 100%;
}
.loc-slt-wrap.accordion-wrapper-met .accordian-content {
  max-width: 100%;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-bottom: 0;
}
.loc-slt-wrap .accord-wrap .accord-list {
  padding: 10px 0;
}
.loc-slt-wrap .accordian-item {
  padding: 20px 0px !important;
background-color: transparent;
max-width: 100%;
width: 100%;
}
.loc-slt-wrap .accordian-item:after {
  right: 0px !important;
}
.slide-toggle {
padding: 0;
border: none;
background: transparent;
font-size: 16px;
line-height: 20px;
}
.location-list .column-list {
gap: 0;
}
.slide-toggle span {
margin-left: 6px;
border-radius: 15px;
background: #e4e4e4;
padding: 4px 8px;
font-size: 14px;
line-height: 20px;
color: #7a7a7a;
font-weight: 500;
}
.slide-menu {
padding: 20px 0 0;
border: none;
background: transparent;
}
.slide-toggle::after {
border: none;
background-image: url(../images/downarrow-black.svg);
width: 22px;
height: 22px;
background-size: 22px;
right: 0;
}
.slide-open .slide-toggle::after {
background-image: url(../images/minus.svg);
width: 22px;
height: 22px;
background-size: 22px;
}
.location-list .column-list {
max-width: 100%;
}
.map-main-wrapper .map-section-right {
  margin-top: 76px;
}
.map-main-wrapper .page-center {
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.search-location a img.but-location-close {
  cursor: pointer;
    width: 11px;
    height: 11px;
    vertical-align: middle;
}
.select-location-section .locations-center {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 20px;
}
.search-location.search-locate-mob h3 {
  display: block;
  margin-bottom: 28px;
  font-size: 45px;
  line-height: 45px;
}
.search-location.search-locate-mob {
  min-height: 330px;
}
.search-location.search-locate-mob .active-geo {
  display: block;
  margin-top: 40px;
}
.select-location-section .locations-list-wrapper {
  margin: 0 !important;
  padding: 0px;
  border-bottom: none;
  background-image: url(../images/search-locate-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}
.accordion-wrapper-met.loc-slt-wrap {
  margin-top: 20px;
}
.locations-center h4.location-title-mob {
  display: block;
  font-size: 26px;
  line-height: 31px;
  color: var(--o2b-purple);
  font-weight: 700;
  max-width: 82vw;
  margin: auto;
}
.locations-center h2.main-title-size {
  display: none;
}
.item-wrap {
  padding: 18px 16px;
}
.list-item {
  padding: 8px 0px 8px;
}
.filter-fixed-btn a {
  max-width: 243px;
  height: 46px;
}
.accord-wrap .accord-list li a {
  font-size: 16px;
  line-height: 16px;
  padding: 10px 0;
  z-index: 1;
  position: relative;
}
.acc-title-web {
  display: none;
}
.acc-title-mob {
  display: block;
}
.acc-title-mob span {
  border-radius: 50%;
  background-color: rgba(71, 8, 139, 0.10);
  min-width: 26px;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  font-size: 14px;
}
.search-location a img {
  width: 14px;
  height: 17px;
  vertical-align: top;
  margin-right: 3px;
}
.loc-slt-wrap .accordian-item:before {
  content: "";
  right: 9px;
  height: 20px;
  width: 2px;
  background: var(--secondary-black);
  left: auto;
  position: absolute;
  cursor: pointer;
}
.loc-slt-wrap .accordian-item.selected:before {
  display: none;
}
.loc-slt-wrap .accordian-item:after {
  right: 0px !important;
  width: 20px !important;
  height: 2px !important;
  background-color: var(--secondary-black) !important;
  background-image: none !important;
  padding: 0;
  cursor: pointer;
}
.search-location .btn-green-outline {
  min-height: 46px;
  }

/* Mobile Landing Page Starts */
.mob-landing-pg .map-section-right {
  display: none;
}
.mob-landing-pg .map-section-left {
  background-image: url(//o2bkids.com/wp-content/themes/O2B/css/../images/search-locate-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
}
.mob-landing-pg .map-section-right.mob-region-select {
  display: block;
  height: auto !important;
  margin: 0;
}
.mob-landing-pg .locations-center {
  max-width: 100%;
  margin: 0 auto;
  padding: 40px;
}
.mob-landing-pg .map-section {
  flex-direction: column;
}
.mob-landing-pg .search-container {
  display: none;
}
.mob-landing-pg .search-container.mob-search-container {
  display: block;
  position: initial;
  background: none;
  box-shadow: none;
  padding: 12px 0px 40px;
}
.mob-landing-pg .search-location p.search-txt,
.mob-landing-pg .search-location .btn-green-outline {
  display: none;
}
.mob-landing-pg .search-location {
  padding: 50px 0px 55px;
}
.search-location.dsktop-view {
  display: none;
}
/* .search-location.mob-landing-top {
  display: block;
  display: contents;
} */
/* .map-section .search-location.mob-landing-top>:not(.mob-search-container) {
  display: block;
} */
.mob-landing-pg .map-section .search-location.mob-landing-top h3,
.mob-landing-pg .map-section .search-location.mob-landing-top .active-geo {
  display: block;
}

.loc-searchbar {
  max-width: 335px;
}
.mob-landing-pg .map-section-left .filter-section {
  display: none;
}
.map-main-wrapper.mob-landing-pg .search-results {
  display: none !important;
}
.search-location h3 {
  font-size: 45px;
  line-height: 45px;
}

}
@media only screen and (max-width: 900px) {
  .main-footer {
    padding-top: 50px !important; 
}

  .locations-center h4.location-title-mob {
    max-width: 100%;
    margin: 0;
}
.select-location-section .common-wrapper {
  padding: 0px !important;
  }
.mob-landing-pg .search-location.mob-landing-top {
  display: block;
}

}
@media only screen and (min-width: 1000px) and (max-height: 783px) {
  .map-section-right,.map-section-left{
     min-height: 380px;
  }
  /* .filter-wrapper{
      height: calc(74vh - 177px);
  } */
  }
  @media only screen and (min-width: 1000px) and (max-height: 590px) {
  .map-section-right,.map-section-left{
      min-height: 200px;
  }
  .filter-wrapper {
      /* height: calc(69vh - 177px); */
      min-height: 137px;
    }
  }
  @media only screen and (min-width: 1000px) and (max-height: 447px) {
  .filter-wrapper {
      min-height: 76px;
      /* height: calc(63vh - 176px); */
    }
  }
@media only screen and (max-width: 800px) {
  :root {
    --h1--font: 48px;
    --h1-line-height: 48px;
    --h2--font: 45px;
    --h2-line-height: 45px;
    --page-center-width: 96vw;
  }
  .loc-grid-item {
    border-radius: 1.6vw;
    flex-basis: calc(48% - 11px);
}
.location-title-v1 {
  text-align: center;
  padding: 40px 0 45px;
  margin-top: 48px;
}
.location-list-main-wrap {
  padding: 60px 0px;
}
.loc-grid-item {
  border-radius: 1.6vw;
  flex-basis: calc(49% - 9px);
}
.sub-menu, .sub-menu ul {
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.location-address {
  margin-bottom: 14px;
}
.loc-grid-inner-wrap {
  gap: 3.75vw;
}
.map-main-wrapper .search-container {
  top: 60px !important;
}
.header-height-padding {
  padding-top: 60px;
}
.page-center {
padding: 0 20px;
}
.loc-grid-content {
  padding: 20px;
}
.map-main-wrapper {
  padding-top: 60px;
}
.map-section-right {
  height: 310px;
}
 .map-section-left {
  min-height: auto;
  height: auto;
}
.map-main-wrapper .loader {
  top: 60px !important;
}
.single-locations .location-profile.landing-hero-full{
margin-top: 60px;
}
}
@media only screen and (max-width: 600px) {
  .loc-grid-inner-wrap {
    justify-content: center;
}
  .loc-grid-item {
      border-radius: 12px;
      flex-basis: 100%;
  }
  .loc-grid-inner-wrap {
    gap: 25px;
}
.mob-landing-pg .locations-center {
  padding: 40px 20px;
}

  .loc-searchbar a {
    right: 6px;
  }

  .loc-searchbar input {
    padding-right: 35px;
  }

  .search-container {
    padding: 12px 15px;
  }

  .search-container {
    gap: 0px;
  }

}
.search-not-found h4{
  color: var(--o2b-purple);
}