* {
    outline: 0
}

::placeholder {
    color: #495057 !important;
    opacity: 1 !important
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background-color: #000 !important
}

.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background-color: red !important
}

.alignment {
    vertical-align: top
}

body,
html {
    color: #505050;
    font-family: 't-star_proregular', sans-serif;
    font-size: calc(12px + (13 - 12) * ((100vw - 300px)/ (1200 - 300)));
    height: 100%;
    line-height: 1.8;
    margin: 0;
    padding: 0
}

.anchordeco {
    text-decoration: none !important
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.upperCase {
    text-transform: uppercase
}

.lowerCase {
    text-transform: lowercase
}

.facebook-icon {
    color: #fff;
    font-size: 2em
}

.twitter-icon {
    color: #fff;
    font-size: 2em
}

.facebook-li:hover {
    background-color: #3b5998;
    color: #fff;
    cursor: pointer
}

.twitter-li:hover {
    background-color: #00acee;
    color: #fff;
    cursor: pointer
}

.facebook-li:hover .facebook-icon {
    color: #fff
}

.twitter-li:hover .twitter-icon {
    color: #fff
}

.call-icon {
    color: #055da7;
    font-size: 1.5em;
    vertical-align: middle
}

.call-icon:hover {
    color: #770c50
}

.call-link a {
    text-decoration: none;
    color: #055da7
}

.call-link a:hover {
    color: #770c50
}

.call-link {
    padding-top: 5px
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.font-22 {
    font-size: 22px !important
}

.textbold {
    font-weight: 700 !important
}

.required {
    color: red
}

.pb-40 {
    padding-bottom: 50px
}

.textColor {
    color: #000
}

.width-100 {
    width: 100%
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px !important
}

.font-13 {
    font-size: 13px
}

.min-width-200 {
    min-width: 200px
}

.color-black {
    color: #000
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.textColor1 {
    color: #505050 !important
}

.textColor2 {
    color: #055da7 !important
}

.textColor3 {
    color: #fff !important
}

.textColor4 {
    color: red !important
}

.button-1 {
    background-color: #6f6f6f;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    padding: 4px !important;
    border-color: #6f6f6f !important;
    border: 1px solid
}

.button-1:hover {
    background-color: #838282;
    color: #fff
}

.button-2 {
    background-color: #000;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    border-radius: 0;
    padding: 4px !important;
    border-color: #000 !important;
    border: 1px solid
}

.button-2:hover {
    background-color: rgba(0, 0, 0, .829);
    color: #fff
}

.button-3 {
    background-color: #fde900;
    color: #000
}

.button-3:hover {
    background-color: #055da7 !important;
    color: #fff
}

.button-4 {
    background-color: #f01b21;
    color: #fff;
    border-radius: 0;
    padding: 4px !important;
    border-color: #f01b21 !important;
    border: 1px solid;
    text-transform: uppercase
}

.button-4:hover {
    background-color: #f01b22cc !important;
    color: #fff
}

.btnline-1 {
    border: 1px solid #055da7;
    color: #030000;
    text-transform: uppercase;
    border-radius: 0;
    padding: 4px !important
}

.btnline-2 {
    border: 2px solid red;
    border-radius: 10px;
    color: #030000;
    text-transform: uppercase;
    background-color: #fff;
    padding: 1px 10px !important;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer
}

.btnline-2:hover {
    background-color: #f01b22cc;
    color: #fff
}

.btnline-3 {
    border: 1px solid #2c2d2e;
    border-radius: 0;
    color: #030000;
    text-transform: uppercase;
    border-radius: 0;
    padding: 4px !important
}

.btnline-3:hover {
    background-color: #2c2d2e !important;
    color: #fff !important
}

.btnline-dark {
    border: 1px solid #6f6f6f;
    color: #6f6f6f;
    text-transform: uppercase;
    border-radius: 0;
    padding: 4px !important
}

.btnline-dark:hover {
    background-color: #6f6f6f;
    color: #fff;
    text-transform: uppercase
}

.bgcolor-1 {
    background-color: #3d2c16
}

.bgcolor-2 {
    background-color: #fbfbfb
}

.bgcolor-3 {
    background-color: #000 !important
}

.bgcolor-4 {
    background-color: #f01b21 !important
}

.bgcolor-5 {
    background-color: #065ba7 !important
}

.bgcolor-6 {
    background-color: #f2f2f2
}

.btn:focus {
    outline: 0;
    box-shadow: none
}

.pb-90 {
    padding-bottom: 171px
}

.padding-mng {
    padding-left: 5px
}

.bdr-btm-grey {
    border-bottom: 1px solid #cfccce
}

.bdr-right-2 {
    border-right: 2px solid #cfccce
}

.bdr-top-grey {
    border-top: 1px solid #cfccce
}

.v-middle {
    vertical-align: middle
}

.v-top {
    vertical-align: top
}

@media (min-width:200px) and (max-width:446px) {
    .pb-90 {
        padding-bottom: 275px
    }
}

@media (min-width:447px) and (max-width:575px) {
    .pb-90 {
        padding-bottom: 200px
    }
}

@media (max-width:446px) {
    button {
        min-height: 48px !important;
        margin-top: 5px !important;
        font-size: 14px !important
    }
    #map button,
    #map-store button,
    #mapcontact button {
        min-height: min-content !important;
        margin-top: auto !important
    }
}

.store-name {
    color: #f01b21 !important;
    font-weight: 400;
    text-transform: capitalize;
    vertical-align: top;
    font-size: 15px;
    font-family: 't-star_proregular';
    font-weight: 700
}

.address-icon {
    background-image: url(../../images/add-icon.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    width: 19px;
    margin-top: 5px
}

.default-address-card .branch-cards:hover .address-icon {
    background-image: url(../../images/add-icon-t.jpeg);
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    width: 19px
}

.address-text span {
    display: block
}

.address-text {
    font-size: 13px
}

.store-locator {
    font-size: 13px;
    margin: 0;
    padding: 0
}

.store-locator ul {
    list-style: none;
    padding-left: 0
}

.store-locator ul li {
    display: inline-block
}

.store-locator ul li a {
    color: #505050;
    text-decoration: none
}

.store-locator ul li a:hover {
    color: #333
}

.store-locator li ul {
    padding: 5px;
    text-transform: capitalize
}

.store-locator li ul li:first-child {
    width: 24px;
    float: left;
    margin: 0;
    padding: 0;
    color: #505050
}

.store-locator li ul li:nth-child(2) {
    width: 87%;
    float: left;
    margin: 0;
    padding: 0
}

@media (max-width:768px) {
    .phone_no {
        display: none
    }
    .store-locator li ul li:first-child {
        width: 24px !important
    }
    .store-locator li ul li:nth-child(2) {
        width: 85% !important
    }
}

.phnumber a:hover {
    color: #0d284c !important;
    text-decoration: underline
}

.branchAddress-button {
    border-radius: 0;
    font-size: 11px;
    padding: 2px 11px;
    text-transform: uppercase;
    margin-bottom: .5rem !important
}

.border-and-color {
    border-bottom: solid 7px #98c93c !important;
    color: #065ba7 !important
}

.gap-15 {
    padding: 7.5px 0
}

.gap-25 {
    padding: 12.5px 0
}

.gap-35 {
    padding: 17.5px 0
}

.main_heading h1 {
    font-size: 21px;
    font-weight: 400;
    padding-bottom: 5px;
    padding-left: 20px;
    border-bottom: 1px solid #505050;
    margin: 0;
    color: #333
}

.main_heading h3 {
    font-size: 21px;
    font-weight: 400;
    padding-bottom: 5px;
    padding-left: 20px;
    border-bottom: 1px solid #505050;
    margin: 0;
    color: #333
}

.main-content-section {
    min-height: 500px
}

@media (min-width:768px) and (max-width:992px) {
    .main-content-section {
        min-height: 913px
    }
}

.service-type-home {
    color: #505050 !important;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    margin-right: 38px
}

.service-type-home li {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 0;
    padding: 5px 10px
}

.service-type-home li:first-child {
    border-right: 1px solid #ccc
}

.service-type-home li h3 {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: #505050 !important
}

.service-type-sec {
    padding: 5px 0;
    list-style: none;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7
}

.service-type-sec li {
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.service-type-sec.half li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.service-type-sec.single li {
    width: 100%;
    display: inline-flex;
    vertical-align: top;
    text-align: left
}

.service-type-sec.single li div {
    width: min-content;
    text-align: center
}

.service-type-sec li h3 {
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    padding-top: 3px;
    color: red !important;
    text-transform: uppercase;
    border: none !important
}

.call-center-div {
    padding-top: 16px;
    padding-left: 48px;
    position: relative;
    min-height: 97px
}

.call-center-div .phone-call-icon {
    position: absolute;
    left: 0;
    top: 16px;
    max-height: 77px
}

.opennow-status {
    background-color: red;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 3px 5px
}

@media (min-width:992px) {
    .index-banner img {
        min-height: 318px
    }
}

.gm-ui-hover-effect {
    width: 35px !important;
    height: 35px !important;
    box-shadow: 0 0 4px -1px #000 !important;
    border-radius: 50%;
    top: 3px !important;
    right: 3px !important
}

.gm-ui-hover-effect img {
    pointer-events: none !important;
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    margin: 1px 1px !important
}

#mapcontact h5,
.mapinfo-window h5 {
    padding-right: 27px;
    font-size: 16px
}

.hcard_buttons a:first-child {
    display: none
}

.phone_no {
    display: table-row
}

@media (max-width:768px) {
    .phone_no {
        display: none
    }
    .hcard_buttons a:first-child {
        display: inline-block
    }
}

@media(min-width:450px) {
    .gm-style-iw {
        max-height: max-content !important
    }
    .gm-style-iw-d {
        max-height: max-content !important
    }
}

.top-most-header {
    background-color: #000;
    padding: 17px
}

.heading-top-1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 0
}

.heading-top-2 {
    font-size: 19px;
    margin-bottom: 0
}

.heading-top-2 a {
    text-decoration: underline;
    color: #fff
}

@media (max-width:576px) {
    .heading-top-1 {
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 0
    }
    .heading-top-2 {
        font-size: 16px;
        margin-bottom: 0
    }
}

button.navbar-toggler.toggle-button {
    outline: 0
}

.navbar {
    padding: 1.2rem 1rem;
    font-family: ''t-star_proregular'', sans-serif
}

.navbar2 {
    background-color: red
}

.navbar1 .navigation-list .nav-link {
    color: #000
}

.navbar1 .navigation-list.active {
    color: #fff !important;
    background-color: red !important
}

.navbar1 .navigation-list:hover {
    color: #fff !important;
    background-color: #000 !important
}

.navbar1 .navigation-list.active a {
    color: #fff !important
}

.navbar-light .navbar-nav .navigation-list.active a {
    color: #fff
}

.navbar-light .navbar-nav .navigation-list:focus a,
.navbar-light .navbar-nav .navigation-list:hover a {
    color: #fff
}

.header-section .navbar-expand-lg .navbar-nav .nav-link {
    padding: .1rem 1.5rem .1rem 1.5rem !important;
    font-size: 15px
}

.header-section {
    background-color: #f8f9fa
}

@media (max-width:992px) {
    .desktop-social {
        display: none
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        background-color: #d3d3d3
    }
}

@media (min-width:993px) {
    .toggle-social {
        display: none
    }
}

.brand-logo {
    width: 149px;
    height: 55.35px
}

.brand-logo .navbar-brand {
    width: 149px;
    height: 55.35px
}

.navbar-brand img {
    width: 100%;
    height: 100%
}

@media (max-width:992px) {
    .brand-logo {
        width: 149px;
        height: 55.35px
    }
    .brand-logo .navbar-brand {
        width: 149px;
        height: 55.35px
    }
    .navbar-toggler {
        min-height: auto !important;
        margin-top: 0 !important
    }
}

#navbarNavAltMarkup .social-media .navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.brand-icon {
    background-color: #009195 !important;
    border-radius: 3px;
    color: #fff !important;
    font-size: 1.75em !important;
    margin-top: 2px
}

.social-media li {
    margin-left: 6px
}

.social-media ul li {
    display: inline-block;
    width: 29px;
    height: 29px;
    padding: 7px;
    border-radius: 16px;
    background-color: #2d2b2e;
    font-size: 7px
}

.navigation-list a {
    padding-right: 2%
}

@media (min-width:1024px) and (max-width:1400px) {
    .navigation-list a {
        padding-right: 2%
    }
}

@media (min-width:1366px) and (min-height:1024px) {
    .navigation-list a {
        padding-right: 1%
    }
}

@media (max-width:992px) {
    .brand-logo {
        margin-left: 0
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        background-color: #000;
        color: #fff
    }
    .navbar2 {
        display: none
    }
}

@media (min-width:992px) {
    .header-section .navbar-expand-lg .navbar-nav .nav-link {
        padding: 2.3rem 1.5rem 2.3rem 1.5rem !important;
        font-size: 15px
    }
    .navbar.navbar-expand-lg {
        padding: 0 1rem
    }
}

.customer-number {
    font-size: 15px
}

.navbar2.navbar-light .navbar-nav .nav-link.active {
    color: #065ba7
}

.navbar2.navbar-light .navbar-nav .nav-link:focus,
.navbar2.navbar-light .navbar-nav .nav-link:hover {
    color: #065ba7
}

.mobile-no-head {
    color: #505050;
    font-size: 14px;
    font-family: 't-star_proregular', sans-serif
}

.mobile-no-head .mobile-no-head-text {
    color: red;
    text-decoration: none
}

.mobile-no-head .mobile-no-head-text:hover {
    color: #000;
    text-decoration: none
}

.nearby-dealer-head {
    padding-left: 10px
}

.nearby-dealer-head-text {
    color: #505050
}

.nearby-marker-span {
    display: inline-flex;
    width: 25px;
    height: 25px;
    background-color: #505050;
    color: #fff;
    justify-content: center;
    align-items: center;
    margin-left: 3px;
    border-radius: 50%
}

.index-navbar-padding {
    padding: 1.2rem 1.5rem !important
}

.nearby-dealer-head.mobile-sm li {
    width: min-content;
    display: inline-block;
    white-space: nowrap
}

.nearby-dealer-head.mobile-sm li:first-child {
    width: min-content;
    display: inline-block;
    white-space: nowrap
}

.search-carousel-sec {
    padding: 30px 0
}

.search-sec .card {
    border-radius: 0
}

.search-sec .card-header {
    border-radius: 0;
    background-color: #f2f2f2;
    padding: .5rem 1.25rem .5rem
}

.search-sec .card-header h1 {
    margin: 0;
    font-size: 22px;
    color: #f21922
}

.search-sec .card-body {
    padding: .5rem 1.25rem
}

.search-sec .card-body h4 {
    margin: 0;
    font-size: 16px;
    color: #555
}

.search-sec .card-body .search-head-form {
    padding-top: 10px
}

.search-sec .card-body .search-head-form .form-group {
    margin-bottom: .7rem
}

.search-sec .card-body .search-head-form label {
    margin-bottom: 0;
    color: #505050
}

.search-sec .card-body .search-head-form .custom-select {
    height: calc(1.8rem + 2px);
    border-radius: 0;
    border: 1px solid #ddd;
    padding: .1rem 1.75rem .375rem .75rem
}

.btn-search-loc {
    background-color: #505050;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: .27rem .75rem
}

.safety-measure-section {
    background-color: #fff601;
    padding: 13px 0;
    border-top: 2px dashed #000;
    border-bottom: 2px dashed #000
}

.safety-measure-section .heading-covid {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    padding-left: 14px;
    color: #000;
    transition: all .5s ease-in-out
}

.safety-measure-section ul {
    list-style: none;
    text-align: center;
    line-height: 1.2
}

.safety-measure-section ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.3rem
}

.safety-measure-section ul li ul li {
    display: block;
    padding: 0;
    width: 100%;
    text-align: center
}

.safety-measure-section ul li ul li:first-child span {
    border: 1px solid #030303;
    border-radius: 50%;
    overflow: hidden;
    width: 64px;
    height: 64px;
    display: inline-block;
    padding: 8px;
    background-color: #fff
}

.safety-measure-section ul li ul li img {
    width: 46px;
    height: 46px;
    transition: all .5s ease-in-out
}

.safety-measure-section ul li ul li:last-child {
    font-family: 't-star_proregular', sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    padding: 2px 0 0 0;
    text-transform: uppercase;
    transition: all .5s ease-in-out
}

@media(max-width:1311px) {
    .main-safety-container .safety-child-1,
    .main-safety-container .safety-child-2 {
        display: flex;
        justify-content: center
    }
    .main-safety-container .safety-child-1 {
        text-align: center;
        padding-bottom: 20px
    }
}

@media (min-width:700px) and (max-width:895px) {
    .safety-measure-section ul>li>ul {
        max-width: 87px
    }
}

@media(max-width:767px) {
    .main-safety-container .safety-child-1 {
        text-align: center;
        padding-bottom: 0
    }
}

@media(min-width:1312px) {
    .main-safety-container {
        display: flex;
        justify-content: center
    }
    .main-safety-container .safety-child-1,
    .main-safety-container .safety-child-2 {
        display: inline-flex;
        align-items: center
    }
    .main-safety-container .safety-child-1 {
        max-width: 425px
    }
}

@media(max-width:699px) {
    .safety-measure-section ul>li:last-child {
        padding-top: 20px
    }
}

@media(max-width:699px) {
    .safety-measure-section ul>li:nth-child(4) {
        padding-top: 20px
    }
}

@media(max-width:690px) {
    .safety-measure-section {
        padding: 5px 0
    }
    .safety-measure-section ul>li {
        padding-top: 4px;
        width: 19%
    }
    .safety-measure-section ul li ul li:first-child span {
        width: 44px;
        height: 44px
    }
    .safety-measure-section ul li ul li img {
        width: 27px;
        height: 27px
    }
    .safety-measure-section ul li ul li:last-child {
        font-size: 11px
    }
    .safety-measure-section ul>li:nth-child(4) {
        padding-top: 3px
    }
    .safety-measure-section ul>li:last-child {
        padding-top: 3px
    }
    .safety-measure-section .heading-covid {
        font-size: 15px;
        padding-left: 0
    }
}

@media(max-width:492px) {
    .safety-measure-section .heading-covid {
        font-size: 12px
    }
    .safety-measure-section ul li {
        padding: 0 .3rem
    }
    .safety-measure-section ul li ul li:last-child {
        font-size: 8px
    }
}

.nav-view-section ul {
    text-align: right
}

.nav-view-section ul li a {
    background-color: transparent;
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    vertical-align: text-bottom;
    margin-right: 1.5rem
}

.nav-view-section ul li:last-child a {
    margin-right: 0
}

.nav-view-section ul li a.active {
    color: red
}

.nav-view-section ul li a:hover {
    color: red
}

.search-section {
    background-color: #fff
}

.search-form {
    font-size: 12px !important
}

.search-field {
    height: calc(1.9rem + 2px);
    border-radius: 0;
    border: 1px solid #ddd;
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 13px
}

.areaSearch-button {
    text-align: center;
    border-radius: 3px;
    font-weight: 400;
    background-color: #505050;
    color: #fff;
    text-transform: capitalize;
    min-height: min-content !important;
    margin-top: 0 !important
}

.areaSearch-button:hover {
    background-color: #505050d7;
    color: #fff
}

.searchButton {
    border-radius: 0;
    border: 1px solid #ddd
}

.search_or {
    text-align: right
}

.search-label {
    font-size: 14px;
    color: #000
}

.map {
    height: 100%;
    width: 100%;
    min-height: 258px
}

.map-section {
    padding-top: 3em;
    height: 75vh
}

@media (min-width:577px) and (max-width:768px) {
    .map {
        height: 100%;
        width: 100%
    }
    .map-section {
        padding-top: 3em;
        height: 45vh
    }
}

@media (max-width:991px) {
    .option-list {
        margin-bottom: 15px
    }
}

@media (max-width:576px) {
    .map {
        height: 100%;
        width: 100%
    }
    .map-section {
        padding-top: 3em;
        height: 44vh
    }
}

.branch-cards h4 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #0d2550
}

.branch-cards {
    border: none;
    border-radius: 0
}

.branch-cards ul,
.branch-cards ul li ul {
    width: 100%;
    float: left
}

#autocomplete {
    font-size: 13px !important
}

.default-view-map .map-section {
    padding-top: 3em;
    margin-bottom: 3em;
    height: 100%
}

.default-view-address {
    overflow-y: auto;
    overflow-x: hidden;
    height: 700px;
    background-color: #efefef
}

.default-view-address .branch-cards {
    background-color: #fff
}

.nearby_store_list .store-list-container {
    border: 1px solid #065ba7;
    padding: 20px 15px;
    background-color: #fff;
    font-size: 14px;
    border-radius: 3px
}

.nearby_store_list .store-list-container .store-and-address {
    list-style: none
}

.nearby_store_list .store-list-container ul>li {
    display: inline-block
}

.nearby_store_list .store-and-address li:first-child h3 {
    padding-right: 15px;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: .5px
}

.nearby_store_list ul li:last-child ul {
    position: relative;
    list-style: none
}

.nearby_store_list ul li:last-child ul li:first-child {
    position: absolute;
    display: none
}

.nearby_store_list ul li:nth-child(2) ul li:first-child {
    position: absolute;
    display: none
}

.nearby_store_list ul li:last-child ul li:last-child {
    word-wrap: break-word
}

.nearby_store_list ul li:last-child ul li:nth-child(2) {
    word-wrap: break-word
}

@media (max-width:991px) {
    .nearby_store_list .store-list-container ul>li {
        display: block
    }
    .nearby_store_list ul li:last-child ul {
        padding-top: 5px
    }
    .nearby_store_list ul li:last-child ul li:first-child {
        display: inline-block
    }
    .nearby_store_list ul li:nth-child(2) ul li:first-child {
        display: inline-block
    }
    .nearby_store_list ul li:nth-child(2) ul li:last-child {
        word-wrap: break-word;
        padding-left: 25px
    }
    .nearby_store_list ul li:last-child ul li:last-child {
        word-wrap: break-word;
        padding-left: 25px
    }
}

.store-list-button {
    flex: auto
}

.address-map-section-heading {
    color: #fff;
    font-size: 18px;
    margin: 0;
    font-weight: 600
}

.address-map-section .card {
    border-radius: 0
}

.default-address-card {
    overflow: hidden;
    max-height: 835px;
    overflow-y: auto;
    overflow-x: hidden
}

.default-address-card .branch-cards {
    cursor: pointer
}

.default-address-card>.card:hover {
    background-color: #f5f5f5
}

.address-map-section .card .card-header {
    padding: .75rem 1.5rem;
    border-radius: 0
}

.pagination {
    margin-bottom: 5px;
    flex-wrap: wrap
}

.pagination li {
    margin-bottom: 5px
}

.page-numeral {
    border-radius: 3px !important;
    font-size: 13px;
    margin: 0 5px;
    display: inline-flex;
    text-align: center;
    height: 24px;
    width: 24px;
    line-height: 1.5;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: #f7f7f7;
    border: 1px solid #d6d6d6;
    color: #505050;
    box-shadow: 00 1px 0 0 rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .18)
}

.page-numeral.active {
    background-color: #616161;
    color: #fff
}

.page-numeral:hover {
    color: #fff;
    background-color: #616161;
    text-decoration: none
}

.pagination-link {
    border-radius: 3px !important;
    font-size: 12px;
    margin: 0 5px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: inline-flex;
    height: 24px;
    width: 28px;
    background: #f7f7f7;
    border: 1px solid #d6d6d6;
    color: #505050;
    box-shadow: 00 1px 0 0 rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .18)
}

@media (min-width:992px) and (max-width:1200px) {
    .pagination-link {
        font-size: 12px
    }
}

.pagination-link:hover {
    color: #fff;
    background-color: #616161;
    text-decoration: none
}

.footer {
    clear: both;
   
   padding-top: 20px;
    color: #fff;
    line-height: 1.6
}

.footer .end-tags{
    padding: 10px 0;
    background: #232323;
    font-size: 13px;
}

.footer .cpr-btm{
 
    background: #232323;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   
}


.footer-content {
    padding-top: 5px;
    font-size: 15px
}

.footer a {
    color: #d4d7dd;
    text-decoration: none;
    opacity: 1;
    cursor: pointer
}

.footer a:hover {
    color: #fff;
    opacity: .7
}

.footer-list {
    padding-left: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #c7c7c7
}

.footer-list li {
    display: inline;
    list-style: none;
    color: #c7c7c7
}

.copyright {
    font-size: 14px;
    padding: 1% 0;
    color: #fff
}

.footer div h2 {
    line-height: 1.5
}

@media (max-width:850px) {
    .social-media {
        margin-top: 0 !important
    }
    .footer {
        padding: 1rem 0 !important
    }
}

@media (max-width:768px) {
    .social-media {
        margin-top: 0 !important
    }
    .footer {
        padding: 1rem 0 !important
    }
    .copyright {
        float: none !important;
        display: block !important;
        font-size: 10px
    }
}

@media (max-width:576px) {
    .copyright {
        font-size: 11px;
        float: none !important
    }
}

.footer_city_state {
    padding: 30px 0;
    background-color: #fff;
    border-bottom: 1px solid #fff
}

.footer .footer_state_url h3,
.footer_city_state a {
    color: #000;
    font-size: 15px;
}

.footer_city_state a span {
    padding: 0 6px;
}

.footer .footer_city_state a:hover{
    color: #000 !important;
    text-decoration: underline !important;
}

.footer .footer_state_url .city_state_name_add {
    display: block;
    clear: both
}



.footer h3 {
    margin: 0;
    font-size: 14px
}


.footer-bg-color {
    background-color: #f2f2f2;
}


.footer-inspection-guide h3 {
    font-size: 18px;
  font-weight: 600;
    text-transform: uppercase;
    color: #000;
   margin-bottom: 8px;
}

.footer-inspection-guide ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.footer-inspection-guide ul li {
    color: #787878;
    font-size: 15px;
}

.footer-third {
    background: #232323f2;
}

.footer-third .footer-title h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
}

.footer-third .footer-title ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.footer-third ul span.straight {
    display: none;
}


.footer-third .footer-title ul li a {
    color: #fff;
    text-decoration: none;
}