.sticky-nav {
    max-width: 100%
}

.our_location_header {
    height: 460px;
}

.our_location_header img {
    object-fit: cover;
}
.search_location {
    margin: 50px 0px 0px 0px; 
}
.search_city {
    margin: 0px 0px 50px 0px; 
}
.office_locations_p {
    color: #939292;
}

.office_locations_p span img {
    width: 20px;
    height: 20px;
}

/* SCROLLBAR */
.my_cities ::-webkit-scrollbar {
  width: 10px;
}
.my_cities ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.my_cities ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #5faa46, #ff6a00);
  border-radius: 10px;
}
.my_cities ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #5faa46, #ff914d);
}
* {
  scrollbar-width: thin;
  scrollbar-color: #5faa46 #f1f1f1;
}
/* SCROLLBAR */

/* MY CITY */
.my_city {
    padding: 20px;
    margin-bottom: 40px;
    gap: 20px;
    border-radius: 20px;
    background-color: #F5F5F5;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.my_city .my_city_detail {
    width: 64%;
}
.my_city .my_city_map {
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.my_city .my_city_map iframe {
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    width: 100%;
    height: 302px;
    border: 1.5px solid #D4CFCF !important;
}
.my_city .my_city_top_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    gap: 10px;
    padding: 13px 20px;
    margin-bottom: 20px;
    background: 
    linear-gradient(111.25deg, rgba(232, 14, 113, 0.3) 0%, rgba(167, 173, 118, 0.3) 33.17%, rgba(193, 132, 124, 0.3) 58.17%, rgba(245, 49, 138, 0.3) 100%),
    url("../images-new/location-main/top-bar-lines.webp");
    background-size: cover;
    background-position: 100% 55%;
    background-repeat: no-repeat;
    height: 83px;
}
.my_city .my_city_btn button {
    border: 2px solid #E80E71;
    padding: 7px 10px;
    background-color: transparent;
    border-radius: 100px;
    color: #E80E71;
    width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease-in-out;
}
.my_city .my_city_btn button:hover {
    transform: scale(1.05);
}
.my_city .my_city_top_bar a.my_city_btn img {
    width: 15px;
    height: 15px;
}
.my_city .my_city_review .stars {
    display: flex;
    gap: 2px;
    margin-top: -5px;
}
.my_city .my_city_review .stars .star {
    width: 16px;
    height: 16px;
}
.my_city .my_city_products {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.my_city .my_city_contacts {
    margin-bottom: 30px;
}
.my_city .my_city_products .products,
.my_city .my_city_contacts .contacts {
    display: flex;
    align-items: center;
    gap: 20px;
}
.my_city .my_city_products .product {
    display: flex;
    padding: 8px 10px;
    gap: 6px;
    border-radius: 50px;
    background-color: #fff;
    height: 32px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    transition: all ease-in-out 0.3s;
}
.my_city .my_city_products .product:hover {
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.my_city .my_city_products .product img {
    width: 16px;
    height: 13px;
}
.my_city .my_city_contacts .product img {
    width: 14px;
    height: 14px;
}
.my_city .my_city_quote_links a button {
    border: 2px solid #E80E71;
    padding: 5.5px 4px;
    background-color: transparent;
    border-radius: 100px;
    color: #E80E71;
    width: 170px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease-in-out;
}
.my_city .my_city_quote_links a button:hover {
    transform: scale(1.05);
}
.my_city .my_city_quote_links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-right: 18px; */
}
.my_city .my_city_quote_links .links {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 32%;
    justify-content: flex-end;
}
.my_city .my_city_quote_links_dynamic .links {
    width: 80%;
    justify-content: flex-end;
}
.my_city .my_city_quote_links .first_line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 55%;
}
.my_city .my_city_quote_links_dynamic .first_line {
    width: 50%;
}
.my_city .my_city_quote_links_dynamic .second_line {
    width: 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.my_city .my_city_quote_links_dynamic .second_line .details_link {
    width: 20%;
}
.my_city .my_city_quote_links a {
    display: flex;
    align-items: center;
    gap: 4px;
}
.my_city .my_city_quote_links .links a img {
    width: 18px;
    height: 18px;
}
.my_city .my_city_quote_links a p {
    line-height: 16px;
}
.my_city .serving {
    margin-bottom: 20px;
}
.my_city .serving p {
    margin-bottom: 8px;
}
.my_city .serving .zip_code {
    border: 2px solid #CDCBCB;
    background-color: #fff;
    border-radius: 8px;
    height: 30px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px auto;
}
.serving .swiper-button-next:after,
.serving .swiper-button-prev:after {
    display: none;
}
.swiper {
    width: 90%;
}
.slide_arrows {
    position: relative;
    top: -19px;
}
.slide_arrows .left_slide {
    left: 0px;
    width: 11px;
}
.slide_arrows .right_slide {
    right: 0px;
    width: 11px;
}
.search_row {
    display: flex;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
    flex-direction: column;
    width: 840px;
    margin: 0px auto;
    margin-bottom: 40px;
}
.filter_boxes {
    width: 950px;
    margin: 0px auto;
    margin-bottom: 40px;
}
.search_row .my_form .search_bar {
    border: 2px solid #A6A6A6;
    height: 60px;
    width: 100%;
    border-radius: 8px;
    padding: 10px 20px;
}
.search_row .my_form button {
    height: 60px;
    width: 20%;
    border-radius: 8px;
    padding: 10px 20px;
    background-color: #E80E71;
    color: #fff;
    border: 0px;
    outline: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search_bar::placeholder {
  color: #A5A4A4;
  font-size: 18px;
  font-weight: 500;
  font-family: satoshi !important;
}
.search_row .my_form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.search_row .my_search_bar {
    position: relative;
    width: 80%;
}
.search_row .my_search_bar img {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}
/* MY CITY */

.office_locations_p span img {
    margin-top: -6px;
}
.my_city .my_city_review .stars .star img {
    margin-top: -3px;
}
.static-zips .zip-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.static-zips .zip_code {
    padding: 8px 12px;
    margin: 4px 0px !important;
    border-radius: 4px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
}
.static-zips + .slide_arrows {
    display: none;
}
#loader {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: none;
}
#loader .spin-loader {
  width: 60px;
  height: 60px;
  margin: 0px auto;
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.search_location_column {
    width: fit-content;
    margin: 0px auto;
}

.my_iframe {
  display: block;
  width: 100%;
  margin-top: 20px;
}

.filter_boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.filter_boxes .filter_box {
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid #948F8F;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
    color: #948F8F;
    user-select: none;
}

.filter_boxes .filter_box:hover {
    border: 1px solid #E80E71;
    background-color: #E80E71;
    color: #fff;
}

.boxes_heading {
    width: 140px;
    line-height: 18px;
}

.my_city .my_city_top_bar .my_city_name {
    margin-right: 10px;
}

@media (min-width:1600px) {

}

@media (max-width:1366px) {

}

@media (max-width:1249px) {
.my_city .my_city_products {
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
}
.my_city .my_city_products .products {
    gap: 8px;
    flex-wrap: wrap;
}
.my_city .my_city_contacts .contacts {
    gap: 8px;
    flex-wrap: wrap;
}
.my_city .my_city_products .product {
    padding: 6px 8px;
    gap: 4px;
}
.my_city .my_city_products .product img {
    width: 13px;
    height: 13px;
}
.my_city .my_city_detail {
    width: 60%;
}
.my_city .my_city_map {
    width: 40%;
    height: -webkit-fill-available;
}
.my_city .my_city_map iframe {
    height: 100%;
}
}

@media (max-width:1199px) {
.my_city {
    flex-direction: column;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    height: 892px;
    /* height: fit-content; */
}
.my_city .my_city_detail {
    width: 100%;
}
.my_city .my_city_map {
    width: 100%;
}
.my_city .my_city_quote_links {
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 30px;
}
.my_city .my_city_top_bar {
    height: 130px;
}
.my_city .my_city_map iframe {
    height: 302px;
}
/* .my_cities {
    height: 820px;
    padding: 0px;
} */
.my_city .my_city_top_bar .my_city_name {
    margin-right: 0px;
}
    .my_city .my_city_quote_links .links {
        margin-left: auto;
        width: 100%;
        justify-content: flex-end;
    }
    .my_city .my_city_quote_links .second_line .links {
        justify-content: flex-start;
    }
    .my_city .my_city_quote_links .first_line {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .my_city .my_city_quote_links .second_line {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .my_city .my_city_quote_links .detail_icon {
        width: 14px;
        height: 14px;
    }
}

@media (max-width:992px) {
.search_row {
    width: 660px;
}
.filter_boxes {
    width: 660px;
}
.my_city {
    height: 886px;
    /* height: fit-content; */
}
}

@media (max-width:767px) {
    .our_location_header {
        height: 200px;
    }
    /* .office_locations {
        margin: 30px 0px 60px 0px;
    } */
    .search_location {
        margin: 24px 0px 0px 0px; 
    }
    .search_city {
        margin: 0px 0px 40px 0px; 
    }
    .my_city .my_city_top_bar {
        /* display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column; */
        padding: 8px 10px;
        height: 100px;
    }
    .my_city .my_city_top_bar .my_city_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .my_city_name {
        text-align: center;
    }
    .my_city .my_city_quote_links {
        row-gap: 15px;
        column-gap: 20px;
        width: 100%;
    }
    .my_city {
        padding: 15px;
        gap: 15px;
        border-radius: 15px;
        width: 370px;
        height: 882px;
        /* height: fit-content; */
    }
    .slide_arrows .left_slide {
        left: 0px;
    }
    .slide_arrows .right_slide {
        right: 0px;
    }
    .my_city .my_city_btn button {
        width: 130px;
    }
    .my_city .my_city_quote_links a button {
        width: 130px;
    }
    .search_row .my_form {
        width: 100%;
    }
    .search_row .my_search_bar {
        width: 70%;
    }
    .search_row .my_form button {
        width: 30%;
        height: 50px;
        padding: 10px 12px;
    }
    .search_row .my_form .search_bar {
        width: 100%;
        height: 50px;
        padding: 10px 12px;
    }
    .search_row .my_search_bar img {
        width: 24px;
        height: 24px;
    }
    .search_row {
        gap: 3px;
        width: 380px;
    }
    .filter_boxes {
        width: 380px;
    }
    .my_iframe {
        width: 380px;
        /* width: 85%; */
        margin-right: auto;
        margin-left: auto;
    }
    .search_bar::placeholder {
        font-size: 12px;
    }
    .boxes_heading {
        width: auto;
    }
    .my_cities .error_line {
        width: 85%;
        margin: 0px auto;
    }
    .my_city_review {
        height: 22px;
    }
    .my_city .my_city_quote_links_dynamic .second_line .details_link {
        margin-right: 12px;
    }
}

@media (max-width:375px) {
    .my_city {
        width: 330px;
        height: 919px;
        /* height: fit-content; */
    }
    .my_city .my_city_btn button {
        border: 1px solid #E80E71;
        padding: 5px 0px;
        gap: 4px;
        width: 110px;
    }
    .my_city .my_city_quote_links a button {
        border: 1px solid #E80E71;
        padding: 5px 0px;
        width: 130px;
    }
    .my_city .my_city_quote_links {
        column-gap: 15px;
    }
    .my_city .my_city_quote_links .links a img {
        width: 14px;
        height: 14px;
    }
    .search_row {
        width: 340px;
    }
    .filter_boxes {
        width: 340px;
    }
    .my_iframe {
        width: 340px;
    }
    .my_city .my_city_review .stars {
        gap: 1px;
        margin-top: 0px;
    }
}

@media (max-width:340px) {
    .my_city {
        width: 270px;
        height: 897px;
        /* height: fit-content; */
    }
    .my_city .my_city_btn button {
        padding: 4px 0px;
        width: 110px;
        font-size: 11px !important;
    }
    .my_city .my_city_quote_links a button {
        padding: 4px 0px;
        width: 100px;
        font-size: 11px !important;
    }
    .my_city .my_city_products .products {
        gap: 6px;
    }
    .my_city .my_city_contacts .contacts {
        gap: 6px;
    }
    .my_city .my_city_top_bar {
        margin-bottom: 10px;
    }
    .my_city .serving {
        margin-bottom: 10px;
    }
    .my_city .my_city_products {
        margin-bottom: 10px;
    }
    .search_row {
        width: 300px;
    }
    .filter_boxes {
        width: 300px;
    }
}



@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1224px
    }
}



@media (min-width:576px) {

    .search_city .container,
    .search_city .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .search_city .container,
    .search_city .container-md,
    .search_city .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .search_city .container,
    .search_city .container-lg,
    .search_city .container-md,
    .search_city .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .search_city .container,
    .search_city .container-lg,
    .search_city .container-md,
    .search_city .container-sm,
    .search_city .container-xl {
        max-width: 1170px
    }
}

@media (min-width:1250px) {

    .search_city .container,
    .search_city .container-lg,
    .search_city .container-md,
    .search_city .container-sm,
    .search_city .container-xl,
    .search_city .container-xxl {
        max-width: 1220px
    }
}