@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1) translate(-50%, -50%)
    }

    50% {
        transform: scale(1.1, 1.1) translate(-50%, -50%)
    }

    100% {
        transform: scale(1, 1) translate(-50%, -50%)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(40, 125, 130, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(40, 125, 130, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(40, 125, 130, 0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(40, 125, 130, .4);
        box-shadow: 0 0 0 0 rgba(40, 125, 130, .4)
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(40, 125, 130, 0);
        box-shadow: 0 0 0 10px rgba(40, 125, 130, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(40, 125, 130, 0);
        box-shadow: 0 0 0 0 rgba(40, 125, 130, 0)
    }
}

@keyframes typing {

    0.0000%,
    27.3488% {
        content: ""
    }

    1.1395%,
    26.2093% {
        content: "S"
    }

    2.2791%,
    25.0698% {
        content: "Su"
    }

    3.4186%,
    23.9302% {
        content: "Sui"
    }

    4.5581%,
    22.7907% {
        content: "Suit"
    }

    5.6977%,
    21.6512% {
        content: "Suite"
    }

    6.8372%,
    20.5116% {
        content: "SuiteF"
    }

    7.9767%,
    19.3721% {
        content: "SuiteFi"
    }

    9.1163%,
    18.2326% {
        content: "SuiteFin"
    }

    10.2558%,
    17.0930% {
        content: "SuiteFind"
    }

    11.2558%,
    16.0930% {
        content: "SuiteFinde"
    }

    12.2558%,
    15.0930% {
        content: "SuiteFinder."
    }
}

@keyframes blink {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@media (prefers-reduced-motion) {
    .typewriter_loader span::after {
        animation: none
    }

    @keyframes sequencePopup {

        0%,
        100% {
            content: "SuiteFinder."
        }
    }

    .typewriter_loader span::before {
        content: "SuiteFinder.";
        animation: sequencePopup 12s linear infinite;
        font-weight: 200
    }
}

.typewriter_loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 200
}

.typewriter_loader img {
    width: 50px;
    height: 50px;
    object-fit: contain
}

.typewriter_loader span {
    color: #287D82;
    font-family: 'Outfit', sans-serif;
    font-weight: 200;
    font-size: 30px;
    padding-left: 5px
}

.typewriter_loader span::before {
    content: "";
    animation: typing 8s infinite
}

.typewriter_loader span::after {
    content: "";
    border-right: 1px solid #D0B762;
    animation: blink 0.5s linear infinite
}

h2.widgettitle {
    display: none
}

html {
    scroll-behavior: smooth
}

body {
    font-size: 18px;
    color: #444444 !important
}

ul li {
    margin: 0;
    padding: 0
}

ul {
    padding: 0;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    text-indent: 1px
}

select::-ms-expand {
    display: none
}

p {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px
}

a {
    outline: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
    color: #132953
}

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

select:focus,
input:focus,
button:focus,
a:focus {
    outline: none;
    box-shadow: none !important
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px
}

button:focus {
    border: 0;
    outline: none
}

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

:-ms-input-placeholder {
    color: #adbdc8 !important
}

::-ms-input-placeholder {
    color: #adbdc8 !important
}

h3 {
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 20px;
    font-family: 'DM Serif Display', serif;
    color: #444;
    font-size: 35px
}

p {
    color: #444
}

h1,
h2,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'DM Serif Display', serif;
    color: #444
}

body a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

p,
a {
    font-family: 'Outfit', sans-serif
}

body button {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.container {
    max-width: 1170px
}

.container-fluid {
    max-width: 1600px
}

section {
    padding: 50px 0
}

nav {
    background-color: transparent !important;
    box-shadow: none;
    height: auto !important
}

header .navbar-nav .nav-link {
    font-size: 24px;
    line-height: 32px;
    color: #444;
    font-weight: 400;
    padding: 10px 15px !important
}

section.hero_sec.bg_black {
    padding: 100px 0
}

body.page-template-prof-tempate .heading_cms,
body.page-template-location-pro .heading_cms,
body.page-template-prof-tempate .login_date,
body.page-template-location-pro .login_date,
div#v-pills-account .prof_radio_wrp_row,
div#v-pills-account .prof_radio_wrp_label {
    display: none
}

body.logged-in .nav_pin_loc_wrp.logout {
    display: none
}

.page .entry-title {
    display: none
}

.blog_banner .inner_banner_info h3 {
    margin: 0
}

header>nav.navbar {
    padding: 20px
}

header .navbar-nav li.nav-item.active .nav-link {
    color: #c1ae63
}

header .navbar-nav .nav-link:hover {
    color: #c1ae63
}

nav.-content {
    position: relative
}

.lightHeader {
    transition: ease-in 0.5s
}

.lightHeader {
    background-color: #fff !important
}

.lightHeader .navbar-nav .nav-link {
    font-size: 20px
}

.main-nav.lightHeader {
    background-color: #fff;
    box-shadow: 0 2px 11px 9px rgb(191 167 167 / 8%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 2px 100px
}

.lightHeader .navbar-brand img {
    width: 80%
}

.main-nav.lightHeader .navbar-toggler {
    height: 70px
}

.main-nav.lightHeader .navbar-nav .nav-link {
    color: #444
}

.main-nav.lightHeader .navbar-nav .nav-link:hover {
    color: #c1ae63
}

.lightHeader .button a,
.lightHeader .button a span {
    background-color: #444;
    color: #444
}

.lightHeader .button a:before {
    border-color: #444
}

.navbar-brand img {
    transition: all 0.3s ease-in-out
}

div#navbarSupportedContent {
    justify-content: space-between
}

.header_announcement {
    background-color: #287D82;
    padding: 10px 0;
    text-align: center;

}

.header_announcement a {
    text-align: center;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 0;
    color: #fff;

}

.header_announcement a .loc-header {
    color: #d0b762;
    text-decoration: underline;
    font-weight: 900;
}

.header_announcement a:hover {
    /* color: #d0b762;
    opacity: .8; */
    text-decoration: underline;
}

.title_head {
    margin-bottom: 20px
}

.title_head h3 {
    font-weight: 400;
    font-size: 35px;
    line-height: 48px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    position: relative
}

.title_head h3::after {
    background-image: url(../images/Line-mark2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 82px;
    height: 12px
}

.featured_location {
    padding-bottom: 100px
}

.featured_location li a {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #444
}

.featured_location li a:hover {
    color: #287d82
}

.you_are .col-lg-12 {
    background-color: #F7EDD5;
    padding: 100px
}

.social_icon {
    margin: 10px 0
}

.social_icon li {
    display: inline-block;
    margin-right: 10px
}

.social_icon li a {
    border: 1px solid #FFF;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in 0.5s
}

.social_icon li a:hover {
    background-color: #fff;
    color: #c1ae63
}

.you_are p {
    font-size: 18px;
    line-height: 35px;
    max-width: 800px;
    margin: auto
}

.you_are a {
    background: #287D82;
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 360px;
    height: 60px;
    margin: auto;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    transition: ease-in 0.5s
}

.you_are a:hover {
    background-color: transparent;
    border: 1px solid #287D82;
    color: #287D82
}

.about_text li {
    padding: 15px 0;
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #CBCBCB;
    font-family: 'Outfit', sans-serif
}

.about_text li:last-child {
    border-bottom: 0
}

.icon_box a {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 18px;
    color: #444;
    transition: ease-in 0.5s
}

.icon_box a:hover {
    transition: ease-in 0.5s;
    color: #287D82
}

.icon_box a:hover img {
    transition: ease-in 0.5s
}

.icon_box {
    border-radius: 25px;
    display: flex;
    align-items: baseline;
    text-align: center;
    flex-wrap: wrap;
    position: relative;
    padding: 0;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    background: #BAD2D3
}

.icons {
    height: 96px;
    width: 96px;
    background-color: #F7EDD5;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.icon_box h3 {
    font-size: 32px
}

.icon_box a {
    display: block;
    width: 100%
}

.bottom_head h2 {
    font-weight: 600;
    font-size: 32px;
    color: #fff
}

.banner_sec {
    padding-top: 0
}

.banner_sec h1 {
    font-weight: 400;
    font-size: 62px;
    line-height: 69px;
    max-width: 500px;
    margin-bottom: 20px;
    padding-top: 100px
}

.banner_slider .slick-prev.slick-arrow {
    z-index: 9;
    right: 100px
}

.banner_slider .slick-arrow {
    position: absolute;
    font-size: 0;
    padding: 0;
    border: none;
    margin: auto;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 35px;
    background-color: #ffffff29;
    right: 10px
}

.banner_slider .slick-prev.slick-arrow:before {
    background: url(../images/arrow-l.png) no-repeat;
    background-position: center;
    background-size: contain;
    content: ''
}

.banner_slider,
.banner_slider .slick-slide {
    width: 600px;
    height: 646px
}

.vjs-poster {
    background-size: cover
}

.banner_slider .slick-slide img {
    display: block;
    height: 667px;
    object-fit: fill
}

.banner_slider button:before {
    height: 40px;
    width: 15px;
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0;
    z-index: 9;
    cursor: pointer
}

.slick-dots button {
    display: block;
    border: none;
    border-radius: 50px;
    background-color: #fff;
    font-size: 0;
    border: 1px solid #979797;
    width: 6px;
    height: 6px;
    padding: 0
}

 .slick-dots li {
    margin-bottom: 8px
} 

ul.slick-dots {
    right: -10%;
    position: absolute;
    bottom: 50%
}

.slick-dots li.slick-active button {
    border: 2px solid #444
}

.banner_slider .slick-next.slick-arrow:before {
    background: url(../images/arrow-r.png) no-repeat;
    background-position: center;
    background-size: contain
}

.video-js {
    width: 100%;
    height: 229px
}

.video-js .vjs-big-play-button {
    line-height: 60px !important;
    height: 60px !important;
    width: 60px !important;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    margin: auto;
    right: 0 !important;
    border-radius: 50px !important;
    background-color: #ffffff30 !important;
    transition: all .4s;
    border-color: transparent !important
}

.banner_sec a {
    width: 360px;
    height: 60px;
    left: 160px;
    top: 601px;
    border: 1px solid #D0B762;
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #287D82;
    font-size: 18px;
    margin-bottom: 30px
}

input.form-control {
    border: 1px solid #FFF;
    border-radius: 70px;
    background-color: transparent;
    height: 60px;
    padding-left: 20px;
    position: relative
}

.footer-text .input-group {
    margin: 20px 0 40px;
    width: 90%
}

.bottom_head input {
    background-color: #fff
}

.bottom_head input.form-control {
    height: 37px
}

.inner_banner {
    background-color: #287D82;
    padding: 10px 0
}

.inner_banner h2 {
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-size: 32px
}

.btn_logo {
    display: flex;
    align-items: center;
    justify-content: end
}

.btn_logo a {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    transition: ease-in 0.5s
}

.btn_logo a:hover {
    color: #c1ae63
}

.btn_logo a:hover svg {
    transition: ease-in 0.5s
}

.btn_logo a:hover svg path {
    stroke: #fff
}

.btn_logo a svg {
    margin-left: 10px;
    transition: ease-in 0.5s
}

.logo_div {
    margin-left: 20px
}

.brand_sec {
    padding: 100px 0
}

.brand_sec img {
    margin-bottom: 30px
}

.location_box {
    border: 1px solid #BAD2D3;
    border-radius: 25px;
    display: flex;
    align-items: inherit;
    justify-content: space-between;
    margin: 15px 0;
    background-color: #fff;
    gap: 15px
}

.location_box .details {
    width: calc(100% - 215px);
    padding: 15px 10px
}

.location_box .details h3 {
    font-size: 24px;
    margin: 10px 0;
    line-height: 25px
}

.location_box .details p {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 15px
}

.innerpage_featured {
    padding: 100px 0
}

.location_box:hover .details p {
    color: #000;
    transition: ease-in 0.3s
}

select {
    background-image: url(../images/drop.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    border: none !important;
    padding: 0px !important;
    width: 130px;
    background-size: 8%;
    font-size: 18px;
    display: inline-block !important;
    background-color: transparent !important;
    height: auto;
    color: #444
}

.york_city h4 {
    padding-bottom: 20px;
    border-bottom: 1px solid #BAD2D3;
    font-weight: 400;
    font-size: 35px;
    line-height: 48px;
    margin-bottom: 30px
}

.york_city a {
    color: #287D82;
    font-size: 18px;
    transition: ease-in 0.5s;
    /* margin: 20px 0; */
    display: block
}

.york_city a:hover {
    color: #c1ae63
}

.york_city a:hover svg {
    margin-left: 15px;
    transition: ease-in 0.5s
}

.york_city a svg {
    margin-left: 10px
}

.banner_inner {
    padding: 50px 0
}

.side_brand h5 {
    background: #287d82;
    padding: 25px;
    border-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
    color: #fff
}

.map_div iframe {
    width: 100%;
    height: 370px;
    border: 1px solid #BAD2D3;
    border-radius: 15px;
    margin-bottom: 20px
}

.side_brand {
    border: 1px solid #BAD2D3;
    border-radius: 15px
}

.side_brand .lead_brand_list {
    border-radius: 8px;
    background-color: #F2F2F2;
    margin: 15px;
    padding: 15px;
    color: #444;
    transition: ease-in 0.5s;
    font-size: 18px;
    font-weight: 600;
    position: relative
}

.side_brand .lead_brand_list .image_lead_brand {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
    padding: 0
}

.side_brand .lead_brand_list .brand_name_lead {
    -webkit-box-flex: 0;
    -ms-flex: unset;
    flex: unset;
    max-width: 100%;
    width: calc(100% - 80px)
}

.side_brand img {
    width: 100px;
    height: 47px;
    object-fit: contain
}

.city_listing {
    padding: 20px 0
}

.icons_sec {
    background-color: #F2F2F2;
    padding: 100px 0
}

.inner_banner_info {
    width: 550px;
    height: 230px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px
}

.blog_banner .inner_banner_info {
    width: 550px;
    height: auto;
    background-color: #fff;
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 36px;
    opacity: .8
}

.blog_sub_title {
    margin-top: 10px
}

.steps_pagination .mdl-stepper-step {
    width: 25%
}

.steper_form h1 {
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 20px
}

.stepper {
    padding-top: 20px;
    /* max-width: 800px; */
    margin: auto;
    width: 100%;
}
.mx_form800{
    max-width: 800px;
    width: 100%;
}

.stepper label {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    /* color: #287d82; */
    /* margin-bottom: 10px */
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}

.select2-container--default .select2-results__option[aria-disabled=true]{
    pointer-events: none;
}

select.custom-select.mobile {
    border: 1px solid #BAD2D3 !important;
    height: 50px;
    border-radius: 110px;
    padding-left: 20px !important;
    margin-bottom: 20px;
    font-size: 16px
}

select.custom-select.mobile+.select2-container .select2-selection--single {
    border: 1px solid #BAD2D3 !important;
    height: 50px;
    padding-left: 20px !important;
    font-size: 16px;
    position: relative
}

.select2-container .select2-dropdown {
    border-color: #BAD2D3 !important
}

select.custom-select.mobile+.select2-container .select2-selection--single .select2-selection__rendered {
    height: 100%;
    display: flex;
    align-items: center
}

select.custom-select.mobile+.select2-container .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #287D82 !important
}

select.custom-select.mobile+.select2-container .select2-selection--single .select2-selection__clear {
    left: 7px;
    top: 46%;
    transform: translateY(-50%);
    z-index: 3;
    position: absolute;
    font-size: 20px;
    color: red
}

.stepper input {
    border: 1px solid #BAD2D3 !important;
    height: 50px;
    border-radius: 25px;
    font-size: 16px;
    padding: 0 20px !important;
    box-sizing: border-box
}

.phone_number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-direction:column;
}

.phone_number input {
    width: 170%;
    margin-bottom: 0
}

.phone_number input::-webkit-outer-spin-button,
.phone_number input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.phone_number input[type=number] {
    -moz-appearance: textfield
}

.steps_pagination {
    display: flex;
    width: 100%;
    margin: 0 auto
}

.steps_pagination .mdl-stepper-step {
    display: inline-block;
    position: relative;
    padding: 0;
    cursor: pointer
}

.steps_pagination .mdl-stepper-step:active {
    border-radius: 15% / 75%
}

.steps_pagination .mdl-stepper-step:first-child:active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.steps_pagination .mdl-stepper-step:last-child:active {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}


.steps_pagination .mdl-stepper-step:first-child .mdl-stepper-bar-left,
.steps_pagination .mdl-stepper-step:last-child .mdl-stepper-bar-right {
    display: none;
}
#stepper5 .mdl-stepper-bar-right.rd.remove-bg-line{
    display: none;
}


.steps_pagination .mdl-stepper-step .mdl-stepper-circle {
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    color: #287D82;
    width: 30px;
    height: 30px;
    left: 873px;
    top: 413px;
    background: #FFF;
    border: 1px solid #F7EDD5;
    display: flex;
    justify-content: center;
    align-items: center
}

.steps_pagination .mdl-stepper-step.active-step .mdl-stepper-circle {
    background: #fff;
    color: #287D82
}

.steps_pagination .mdl-stepper-step.active-step.step-done .mdl-stepper-circle {
    background-color: #287d82;
    color: #fff;
    border-color: transparent
}

.steps_pagination .mdl-stepper-step.step-done .mdl-stepper-circle:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c"
}

.steps_pagination .mdl-stepper-step.step-done .mdl-stepper-circle span {
    display: none
}

.steps_pagination .mdl-stepper-step .mdl-stepper-title {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #287d82;
    font-weight: 600
}

.steps_pagination .mdl-stepper-step .mdl-stepper-title,
.steps_pagination .mdl-stepper-step .mdl-stepper-optional {
    text-align: center;
    color: #287d82;
    font-weight: 500;
}

.steps_pagination .mdl-stepper-step.active-step .mdl-stepper-title {
    font-weight: 500;
    color: #287d82;
}

.steps_pagination .mdl-stepper-step.active-step.step-done .mdl-stepper-title,
.steps_pagination .mdl-stepper-step.active-step.editable-step .mdl-stepper-title {
    font-weight: 500
}

.steps_pagination .mdl-stepper-step .mdl-stepper-optional {
    font-size: 12px
}

.steps_pagination .mdl-stepper-step.active-step .mdl-stepper-optional {
    color: rgba(0, 0, 0, .54)
}

.steps_pagination .mdl-stepper-step .mdl-stepper-bar-left,
.steps_pagination .mdl-stepper-step .mdl-stepper-bar-right {
    position: absolute;
    top: 15px;
    height: 1px;
    border-top: 6px solid #F7EDD5
}

.mdl-stepper-step.active-step.step-done .mdl-stepper-bar-right {
    display: none
}

.mdl-stepper-step.active-step.step-done .mdl-stepper-bar-right.rd {
    position: absolute;
    top: 15px;
    height: 6px;
    background-color: #287d82;
    border: none;
    display: block
}

.steps_pagination .mdl-stepper-step .mdl-stepper-bar-right {
    right: 0;
    margin-left: 0;
    z-index: -1;
    width: 100%;
    left: 0;
}

#stepper1 .mdl-stepper-bar-right.rd {
    left: 50%;
}

.steps_pagination .mdl-stepper-step .mdl-stepper-bar-left {
    left: 0;
    right: 50%;
    margin-right: 0;
    z-index: -1
}

.check_icon {
    display: block;
    position: relative;
    padding-left: 8px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.check_icon input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 2px solid #444;
}

.check_icon input:checked~.checkmark {
    background-color: #2196F3;
    border-color: transparent
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.check_icon input:checked~.checkmark:after {
    display: block
}

.check_icon .checkmark:after {
    left: 5px;
    top: 0;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btns_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px
}

.cstm_conti_btn {
    background-color: #287d82;
    color: #fff !important;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    padding: 5px 30px;
    transition: ease-in 0.5s;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 16px;
    margin-left: auto
}

.cstm_conti_btn:hover,
.cstm_conti_btn:focus {
    background-color: transparent;
    color: #287d82 !important;
    border-color: #287d82;
    border: 1px solid
}

.cstm_conti_btn .fa-solid {
    position: relative;
    transition: all 0.3s ease;
    top: 1px
}

.cstm_conti_btn .fa-angle-left {
    left: -10px
}

.cstm_conti_btn:hover .fa-angle-left {
    left: -15px
}

.cstm_conti_btn .fa-angle-right {
    right: -10px
}

.cstm_conti_btn:hover .fa-angle-right {
    right: -15px
}

.select_brand_wrp {
    position: relative
}

.email_valid_err.valid_err{
    bottom: -20px;
}
.phone_number input{
    width: 100%;
}
.valid_err {
    color: red;
    font-size: 12px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    position: absolute;
    bottom: -35px;
    left: 0;
    padding-left: 5px
}

#valid_err_otp {
    color: red;
    font-size: 12px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    text-align: center
}

input.valid_border_err {
    border-color: red !important
}

select.custom-select.valid_border_err {
    border-color: red !important
}

div#membership_div span {
    color: #D0B762;
    font-size: 16px;
    font-style: italic;
    font-weight: 500
}

.step_1_err {
    left: 20px;
    padding-left: 0;
    bottom: -19px;
}

.step_4_err {
    padding-left: 0;
    right: 0;
    left: auto
}

.cfrm_match_pass .step_5_err {
    position: unset;
    color: red
}

.step_5_err {
    bottom: -5px
}

.lbl_chk_wrp.profile_chk_wrp {
    margin-top: 20px;
    margin-bottom: 20px
}

.lbl_chk_wrp {
    display: flex;
    margin-top: 30px;
    padding: 0 12px;
    position: relative
}

.lbl_chk_wrp .check_wrp {
    position: relative;
    max-width: 20px;
    width: 100%;
    height: 20px;
    top: auto;
}

.lbl_chk_wrp .check_wrp input {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    visibility: visible;
    opacity: 0;
    cursor: pointer;

}

.lbl_chk_wrp .check_wrp input:checked~.checkmark {
    background-color: #287d82;
}

.lbl_chk_wrp .check_wrp .checkmark {
    top: 2px;
    height: 17px;
    width: 17px;
    border-color: #287d82;
    position: relative;
    display: block;
    z-index: -1;
}

.lbl_chk_wrp .check_wrp .checkmark::after {
    content: '\f00c';
    font-family: 'FontAwesome';
    position: absolute;
    top: -3px;
    left: 50%;
    border: 0;
    transform: translateX(-50%);
    display: none;
    font-size: 14px;
    color: #fff
}

.lbl_chk_wrp .check_wrp input:checked~.checkmark::after {
    display: block
}



.cstm_verify_email_box {
    position: relative;
    margin-bottom: 30px
}

.cstm_verify_email_box input {
    margin-bottom: 0
}

.cstm_form_row {
    position: relative
}

.brand_not_found {
    margin-top: 20px;
    padding-left: 20px
}

.brand_not_found a {
    text-decoration: underline
}

.cstm_pass_fld_row {
    position: relative
}

.pass_guidance_msg_row {
    position: absolute;
    bottom: -21px;
    left: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap
}
.pass_guidance_msg_row.pass_regbrand{
    bottom: -7px;
}
.phone_number span.valid_err.btm-pd{
    bottom: -20px;
}
.col-md-12.form-group .form-row span.valid_err.btm-pd{
    bottom: -18px;
    left: 7px;
}
.col-lg-4.form-group.cc_expiration_month_wrp span.valid_err.pd_bottom,
.col-lg-4.form-group.cc_expiration_year_wrp span.valid_err.pd_bottom,
.col-lg-4.form-group.cc_cvv_wrp span.valid_err.pd_bottom{
    bottom: 0;
}

div#register_brand_errormessage{
    bottom: -20px;
}

.pass_guidance_msg_row span {
    padding-right: 10px;
    color: #bdbdbd;
}

.pass_guidance_msg_row span.green_check {
    color: green
}

.cfrm_match_pass {
    bottom: -7px
}

.email_verified_wrp {
    max-width: 50%;
    margin: 30px auto;
    text-align: center
}

.email_verified_wrp svg {
    max-width: 50%
}

/* Email popup */
.email_popup {
    display: none;
}

.email_popup .cstm_dropshadow {
    display: block;
}

.email_popup.show_popup {
    display: block;
    position: relative;
}

.email_pop_content {
    background-color: #fff;
    padding: 15px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    max-width: 750px;
    border-radius: 5px;
    max-height: 400px;
    height: auto;
}

.email_pop_body {
    display: flex;
    justify-content: space-between;
}

.email_col {
    width: 100%;
}

.email_col_img {
    width: 48%;
}

.email_pop_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 370px;
}

.email_col_content {
    margin-top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-position: center;
}

.email_pop_ttl {
    margin-bottom: 0;
    font-size: 34px !important;
}

.email_col.email_col_content h3 {
    font-size: 30px;
    margin-bottom: 0px;
}

.email_pop_desc {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Outfit', sans-serif;
    margin: 20px 0;
}

.email_btn_row {
    margin-top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.email_btn {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 25px;
    color: #000;
    border-radius: 25px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.email_btn:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.email_not_btn {
    background-color: #F2F2F2;
    margin-right: 10px;
}

.email_not_btn {
    background-color: #F2F2F2;
    margin-right: 10px;
}

.email_claim_btn {
    background-color: #287D82;
    color: #fff;
}

.email_claim_btn:hover {
    color: #fff;
}

/* Email popup end */

.cc_cards_img {
    display: flex;
    align-items: center
}

.cc_cards_img img {
    width: 50px;
    height: 45px;
    object-fit: contain
}

.cc_cards_img .active_card {
    filter: grayscale(0)
}

.cc_number_fld_wrp {
    position: relative
}

.show_cc_number {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.hide_cc_number {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.cstm_subs_row .cstm_subs_col.suitefinder_fave_plan {
    order: 2;
}

.cstm_subs_row .cstm_subs_col.suitefinder_fave_plan .toggleSwitch {
    cursor: not-allowed
}

.cstm_subs_row .cstm_subs_col {
    border: 0;
    padding: 0;
    padding-top: 20px;
    padding-top: 20px;
    border-radius: 0;
    width: 100%;
    position: relative;
    background: #e2f1f4;
    cursor: pointer;
    max-width: 400px
}

.cstm_subs_row .cstm_subs_col .ways_content {
    display: block;
    border: none
}

.cstm_subs_row .cstm_subs_col .ways_content .price_text {
    width: 100%
}

.cstm_subs_row .cstm_subs_col .checkmark h3 i {
    font-size: 13px;
    text-decoration: underline;
    padding-left: 3px
}

.cstm_subs_row .cstm_subs_col .ways_content .ways_footer {
    margin-top: 20px;
    border-top: 1px solid #287d82;
    padding-top: 10px
}

.cstm_subs_row .cstm_subs_col .ways_content .ways_footer h3 {
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    line-height: initial;
    color: #287d82;
    margin: 0 auto 10px;
    text-transform: capitalize;
    position: relative;
    padding: 0 5px
}

.cstm_subs_row .cstm_subs_col .ways_content .ways_footer h3 span {
    width: 80%;
    display: block;
    margin: 0 auto;
    text-transform: none
}

.cstm_subs_row .cstm_subs_col .ways_content .ways_footer h3::before,
.cstm_subs_row .cstm_subs_col .ways_content .ways_footer h3::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 3px;
    background-color: #287d82
}

.cstm_subs_row .cstm_subs_col .ways_content .ways_footer h3::before {
    left: 0
}

.cstm_subs_row .cstm_subs_col .ways_content .ways_footer h3::after {
    right: 0
}

.cstm_subs_row .cstm_subs_col .ways_content .ways_footer p {
    text-align: center
}

.cstm_mkt_fltr_row {
    box-shadow: none !important;
    border-bottom: 1px solid #bdbdbd;
    width: 100%
}

.cstm_mkt_fltr_row .filter_heading {
    color: #287D82
}

.cstm_mkt_fltr_row .cstm_fltr_btn button {
    background: linear-gradient(to left, #fff 50%, #287D82 50%);
    background-size: 201% 100%;
    background-position: right bottom;
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
    padding: 7px 25px;
    border: none;
    transition: all 0.4s linear
}

.cstm_mkt_fltr_row .cstm_fltr_btn button:hover {
    background-position: left bottom
}

.cstm_mkt_fltr_row .cstm_fltr_btn button:focus {
    background: #287D82;
    color: #fff;
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%) !important
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child.location_box {
    background: #fff;
    box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
    border: none;
    border-radius: 10px;
    position: relative;
    overflow: visible;
    transition: all 0.3s ease
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child.location_box:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 16px rgb(0 0 0 / 12%)
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child.location_box.suit_fav_class_loc,
.cstm_main_section .cstm_salon_box .cstm_salon_box_child.location_box.suit_fav_class_loc:hover {
    box-shadow: 0 4px 16px #d0b762
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .list_image {
    max-width: 215px;
    width: 100%;
    max-height: 235px;
    min-height: 235px;
    position: relative
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .list_image img {
    position: unset;
    border-radius: 10px 0 0 10px
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child.suit_fav_class_loc .list_image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-left: 40px solid #d0b762;
    border-top: 40px solid #d0b762;
    border-right: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-radius: 10px 0 0 0
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .list_image .ribbon-star {
    display: none
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child.suit_fav_class_loc .list_image .ribbon-star {
    width: 25px !important;
    height: 25px !important;
    position: absolute;
    left: 24px;
    top: 24px;
    display: block;
    animation: zoom-in-zoom-out 2.5s ease-out infinite
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .details {
    width: 100%;
    padding: 15px 20px 15px 15px;
    display: flex;
    flex-direction: column
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .details .cstm_dtl_head .location_brand_name {
    font-weight: 600;
    color: #D0B762;
    padding-right: 20px
}

.suit_fav_class .cst-best-ribbon .suit-fave-text {
    font-weight: 600
}

.suit_fav_class .cst-best-ribbon .suit-fave-text i {
    color: #fff !important
}

.side_brand .lead_brand_list .cst-best-ribbon {
    background: #287d82;
    width: 32px;
    height: 32px;
    right: 10px !important
}

.side_brand .lead_brand_list .cst-best-ribbon:before {
    border: 4px solid #114f52;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: #114f52
}

.side_brand .lead_brand_list .cst-best-ribbon .cst-content img.ribbon-star {
    width: 20px !important;
    height: 20px !important
}

.side_brand .lead_brand_list .cst-best-ribbon:after {
    border-width: 0 1rem 1rem 1rem;
    border-color: #287d82;
    border-bottom-color: transparent;
    top: 32px
}

.side_brand .lead_brand_list .cst-best-ribbon .tooltiptext,
.suit_fav_class .cst-best-ribbon .tooltiptext {
    visibility: hidden;
    width: max-content;
    background: #D0B762;
    color: #fff !important;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 130%
}

.side_brand .lead_brand_list .cst-best-ribbon .tooltiptext::after,
.suit_fav_class .cst-best-ribbon .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #D0B762
}

.side_brand .lead_brand_list .cst-best-ribbon:hover .tooltiptext,
.suit_fav_class .cst-best-ribbon:hover .tooltiptext {
    visibility: visible
}

.side_brand .lead_brand_list .cst-best-ribbon,
.suit_fav_class .cst-best-ribbon {
    left: auto;
    right: 25px
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .details .cstm_semi_dtl_wrp {
    height: 100%;
    display: flex;
    flex-direction: column
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .details .cstm_semi_dtl_wrp h3 {
    color: #287D82;
    margin: 5px 0
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .details .cstm_semi_dtl_wrp .cstm_dtl_address_wrp {
    margin: 10px 0
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .details .cstm_semi_dtl_wrp .cstm_dtl_address_wrp .cstm_dtl_address:last-child {
    margin-bottom: 0
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .details .cstm_semi_dtl_wrp .cstm_dtl_address_wrp .cstm_dtl_address {
    opacity: .8;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .details .cstm_semi_dtl_wrp .cstm_small_dtl_wrp {
    font-size: 14px
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .details .cstm_semi_dtl_wrp .cstm_small_dtl_wrp span {
    color: #bdbdbd;
    opacity: 0.8;
    font-weight: 500;
}

.tourReqWrp {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.tourReqWrp i {
    font-size: 10px !important;
    color: #D0B762;
}

.tourReqWrp .tourAccTxt {
    color: #D0B762 !important;
    font-size: 10px;
    margin-left: 5px
}

.tourStatusWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    /* margin-left: auto; */
}

.wrap-p .existing_user_link {
    margin-bottom: unset;
}



.prof_scenario_step_2 .existing_user_link {
    margin-bottom: 5px;
}

.tourStatusBlank {
    width: 100%;
    justify-content: end;
}

.texnobtns {
    display: flex;
    gap: 4%;
    width: 100%;
    align-items: center;
    margin-left: auto;
    justify-content: flex-end;
}
/* 
.texnobtns .tournewaf:before{
    width: 1px !important;
    height: 40px !important;
    border: 1px solid #D0B762;
    content: '';
    position: relative;
    left: -41px;

} */

 .texnobtns span.cstmSpanDivider:first-child{
    border: none !important;
} 
.texnobtns .cstmSpanDivider{
    height: 21px;
    border: 1px solid #D0B762;
 
}
/* save tooltip */
.locationtooltip{
    position: relative;
}
.locationTooltiptext{
     /* display: none;
    position: absolute;
    background-color: #287D82;
    color: #fff !important;
    text-align: center;
    padding: 7px;
    border-radius: 6px;
    z-index: 1;
    transition: opacity .6s !important;
    font-size: 10px;
    transform: translate(-50%); */
    display: none;
    position: absolute;
    background-color: #287D82;
    color: #fff !important;
    text-align: center;
    padding: 7px;
    border-radius: 6px;
    z-index: 1;
    transition: opacity .6s;
    font-size: 10px;
    transform: translate(-50%);
    max-width: 200px;
    width: 130px;
    bottom: unset;
    /* height: 50px; */
    margin-top: auto;
    top: -51px;
    left: unset;
}
a.locationtooltip:hover .locationTooltiptext{
    display: block;
    margin-top: auto;
    /* top: -66px;
    left: 43px; */
}

.tooltip-top-locationuser:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #287D82 transparent transparent transparent;
}
.loc__success_msg,
.loc__delete_msg{
    color: #D0B762 !important;
    font-size: 18px;
    font-weight: 500 !important;
    font-family: 'Outfit', sans-serif;
    display: none;
    text-align: center;
    width: max-content;
    margin: 0 auto;
    position: absolute;
    left: 85%;
    bottom: 35px;
    transform: translateX(-50%);
    font-weight: 900;
    align-items: center;
}
/* save tooltip */
.cst-mainwrapbtn .tournewaf {
    background: #fff;
    padding: 5px 18px;
    border-radius: 25px;
    color: #287d82 !important;
    font-size: 12px;
    border: 1px solid #287D82;

}

.cst-mainwrapbtn .tournewaf:hover {
    color: #fff !important;
}

.texnobtns a {
    font-size: 11px;
    font-family: 'Outfit', sans-serif;
    color: #287d82;
}

.cst-mainwrapbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.cst-mainwrapbtn .texnobtns i {
    font-size: 15px;
    color: #c1ae63;
}

.cst-mainwrapbtn .texnobtns a.saveLocation.disabled {
    pointer-events: none;
    cursor: default;
}

.cstmDividerCls i {
    margin-left: 4px;
}

/* prachi btn CSS END */
.locStatusTxt {
    color: #D0B762 !important;
    font-size: 9px;
    text-transform: uppercase;
}

#map {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    border-radius: 10px
}

.side_brand {
    border-radius: 15px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    border-color: transparent
}

.side_brand .lead_brand_list:first-child {
    margin-top: 15px
}

.side_brand .lead_brand_list {
    margin: 15px
}

.side_brand .lead_brand_list:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%)
}

.cstm_fltr_modpop {
    background: transparent !important;
    border: none !important;
    box-shadow: none;
    width: 100%;
    overflow: hidden !important;
    max-height: max-content
}

.cstm_fltr_modpop .modal-dialog {
    height: 100vh;
}

.modal-content.mr_select {
    max-width: 450px
}

.modal-content.mr_select,
.cstm_fltr_modpop .modal-content {
    background-color: #fff;
    max-width: 450px;
    margin: 0 auto;
    border-radius: 10px !important
}

.cstm_fltr_modpop .modal-content {
    top: 50%;
    transform: translateY(-50%)
}

.cstm_fltr_modpop .modal-content .modal-header {
    align-items: center
}

.cstm_fltr_modpop .modal-content .modal-header .filtebox-head {
    font-weight: 700 !important;
    color: #D0B762 !important;
    font-size: 18px !important
}

.cstm_fltr_modpop .modal-content .modal-header button {
    min-width: 100px;
    font-size: 14px !important;
    border-radius: 25px;
    transition: all 0.3s ease
}

.modal-save-btn:focus,
.modal-save-btn:hover {
    background: #fff !important;
    color: #D0B762 !important
}

.modal-reset-btn {
    background: #fff;
    border-width: 1px !important
}

.modal-reset-btn:focus,
.modal-reset-btn:hover {
    background: #D0B762 !important;
    color: #fff !important
}

.cstm_fltr_modpop .modal-content .modal-body .cstm_chips_ul {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: auto
}

.cstm_fltr_modpop .modal-content .modal-body .cstm_chips_ul .cstm_chips_li {
    margin-right: 10px !important
}

.cstm_fltr_modpop .modal-content .modal-body .cstm_chips_ul .cstm_chips_li .cstm_chips_label {
    padding: 5px 10px 5px 25px !important;
    background: #fff !important;
    color: #D0B762 !important;
    border-width: 1px !important;
    text-transform: capitalize !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important
}

.cstm_fltr_modpop .modal-content .modal-body .cstm_chips_ul .cstm_chips_li .cstm_chips_label:hover {
    background-color: #D0B762 !important;
    color: #fff !important
}

.cstm_fltr_modpop .modal-content .modal-body .cstm_chips_ul .cstm_chips_li .cstm_chips_label::before {
    position: absolute !important;
    top: 50% !important;
    left: 8px !important;
    transform: translateY(-50%);
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    z-index: 0 !important;
    border: unset !important;
    font-size: 10px !important
}

.cstm_fltr_modpop .modal-content .modal-body .cstm_chips_ul .cstm_chips_li input:checked+label {
    background-color: #D0B762 !important;
    color: #fff !important;
    border-color: #D0B762
}

.back_btn {
    font-weight: 600;
    font-size: 18px;
    color: #D0B762
}

.stepper p {
    font-size: 17px;
    font-weight: 500;
    line-height: inherit
}

footer {
    background-color: #287D82;
    padding: 100px 0
}

footer p {
    font-size: 14px;
    line-height: 15px
}

footer h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px
}

footer h3::after {
    position: absolute;
    bottom: 0;
    content: '';
    left: 0;
    width: 51px;
    height: 8px;
    background-image: url(../images/Line-mark.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

footer ul li {
    display: inline-block;
    font-size: 18px
}

footer ul li {
    margin-bottom: 10px;
    display: block
}

footer ul li a {
    font-size: 18px;
    color: #fff
}

footer ul li a:hover {
    color: #c1ae63
}

.bottom_head {
    background-color: #287D82;
    padding: 30px
}

.page-head h2 {
    font-weight: 600;
    font-size: 32px;
    color: #fff;
    font-family: 'Outfit', sans-serif
}

.operator-profile-sec {
    padding: 100px 0
}

.nav-link:last-child {
    margin-bottom: 0
}

.nav-link {
    margin-bottom: 10px;
    max-width: 310px;
    width: 100%;
    height: 60px;
    border-radius: 11px !important;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #287D82;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border: 1px solid #BAD2D3
}

.nav-link.active {
    background: #D0B762 !important;
    color: #fff !important
}

.nav-pills {
    padding: 30px;
    text-align: center;
    background: #FFF;
    border: 1px solid #BAD2D3;
    border-radius: 25px
}

.brand-email {
    display: flex
}

h6.form-head:last-child {
    margin-bottom: 32px
}

.form-head {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #444;
    text-transform: capitalize
}

h5.form-head {
    margin-right: 65px;
    max-width: 140px;
    width: 100%;
    margin-bottom: 20px
}

h6.form-head {
    font-weight: 500;
    margin-bottom: 20px
}

h6.form-head span {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px;
}

.operator-filling-form .valid-feedback,
.operator-filling-form .invalid-feedback {
    display: none !important
}

.operator-filling-form a,
h6.form-head span {
    color: #287D82
}

h6.form-head a {
    text-decoration: underline;
    margin-left: 10px
}

.mobile {
    background: #fff url(../images/down.png) no-repeat right 1.3rem center
}

.form-security {
    display: flex;
    margin-bottom: 40px
}

.form-security p {
    margin-left: 17px;
    max-width: 438px;
    width: 100%
}

.billing-history h6 {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #444;
    margin-bottom: 20px
}

.col-md-3.rr {
    flex: 0 0 29%;
    max-width: 196px;
    width: 100%
}

.bill-a {
    margin-top: 20px
}

.save-btn.c-c {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

a {
    color: #287D82
}

.input-group-text {
    border-radius: 70px 0 0 70px;
    background: #fff;
    border: 1px solid #BAD2D3;
    width: 160px
}

.input-group-text {
    color: #444;
    font-weight: 400;
    font-size: 18px;
    padding-left: 20px
}

.form-head a {
    color: #287d82;
    font-size: 15px
}

.note {
    width: 500px;
    margin: 50px auto;
    font-size: 1.1em;
    color: #333;
    text-align: justify
}

#drop-area {
    border: 1px dashed #BAD2D3;
    border-radius: 20px;
    max-width: 690px;
    width: 100%;
    margin: 0 auto 10px auto;
    padding: 20px
}

#drop-area.highlight {
    border-color: purple
}

p {
    margin-top: 0
}

#gallery {
    margin-top: 10px
}

#gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle
}

.button:hover {
    background: #ddd
}

#progress-bar {
    display: none
}

.ways_div {
    border-top: 1px solid #BAD2D3;
    padding-top: 20px;
    margin-top: 15px;
    position: relative
}

.ways_div h4 {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 24px;
    color: #444
}

.way_box {
    margin-bottom: 70px
}

.ways_div a:hover .way_box h5,
.way_box2 h5 {
    background: #D0B762 !important;
    transition: ease-in 0.5s
}

.step h3 {
    font-size: 24px;
    line-height: 35px
}

.way_box h5 {
    background: #287D82;
    border-radius: 15px 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    color: #fff;
    font-family: 'Outfit', sans-serif
}

.ways_content {
    display: flex;
    justify-content: space-between;
    border: 1px solid #287D82;
    padding: 30px 20px
}

.ways_div a:hover .ways_content,
.way_box2 .ways_content {
    border-color: #c1ae63 !important;
    transition: ease-in 0.5s
}

.price_text {
    width: calc(100% - 220px)
}

.price_text h6,
.price_text p,
.price_text strong {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: 'Outfit', sans-serif;
    color: #444
}

.price_text ul li {
    font-size: 18px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    color: #444
}

.price_text ul li:after {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: #287D82;
    font-size: 16px;
    transition: ease-in 0.5s
}

.ways_div a:hover .price_text ul li:after {
    color: #c1ae63
}

#step6 .location_box {
    align-items: center
}

.stepper .c-card-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.payment_bill input,
select {
    margin-bottom: 25px !important;
}
.col-md-12.form-group .cc_number_fld_wrp span.valid_err{
    bottom: -20px;
}

.payment_bill p {
    font-size: 18px
}

.way_box2 .checkmark {
    background: #F7EDD5;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100px;
    width: 180px;
    margin-bottom: 20px;
    position: relative;
    border: 0
}

.way_box2 .check_icon input:checked~.checkmark {
    background-color: #287d82;
    border-color: transparent
}

.way_box2 .check_icon input:checked~.checkmark span {
    color: #fff
}

.way_box2 .check_icon input:checked~.checkmark h3,
.way_box2 .check_icon input:checked~.checkmark p {
    color: #fff
}

.way_box2 .check_icon .checkmark:after {
    right: 5px;
    top: 0;
    left: auto;
    width: 25px;
    height: 25px;
    background-image: url(../images/check2.png);
    content: '';
    z-index: 9;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 0;
    transform: translate(0)
}

.checkmark p,
.checkmark h3 {
    margin: 0
}

.checkmark p {
    color: #c1ae63
}

.checkmark h3 {
    color: #444
}

.budget_range select.custom-select.mobile {
    width: 330px;
    margin: 0 10px
}

.text {
    background-color: #F7EDD5;
    width: 460px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 30px;
    position: relative
}

.text h3 {
    font-size: 24px;
    line-height: 30px
}

.text p {
    line-height: 25px
}

.text .back_btn {
    position: absolute;
    top: 10px;
    left: 10px
}

.card-body {
    padding: 0
}

.accordion .card {
    margin-bottom: 20px;
    border: 1px solid #BAD2D3;
    border-radius: 10px
}

.accordion .card h2 {
    background: url(../images/clfq.png) no-repeat calc(100% - 650px) center;
    background-size: 20px;
    cursor: pointer;
    font-size: 18px;
    padding-left: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: 600
}

.accordion .card p {
    font-weight: 500;
    font-size: 14px
}

.accordion p a {
    color: #287d82
}

.accordion .card h2.collapsed {
    background-image: url(../images/fq.png)
}

.accordion .card-body {
    padding-left: 0;
    padding-right: 0
}

.accordion {
    background: #FFF;
    box-shadow: 0 4px 54px rgb(0 0 0 / 7%);
    border-radius: 25px;
    padding: 30px
}

.accordion h4 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 24px
}

a.show_more {
    text-align: center;
    display: block;
    font-size: 18px;
    margin: 15px 0;
    color: #d0b762
}

a.add_location {
    background-color: #F7EDD5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
    border: 1px solid #D0B762;
    border-radius: 110px;
    height: 50px;
    margin: 20px 0
}

.blog-detail-content .blog-dt-extend * {
    text-align: left
}

.blog-detail-content .blog-dt-extend {
    text-align: center
}

.blog-detail-content .blog-dt-extend {
    font-family: 'Outfit', sans-serif;
    line-height: 1.5
}

.blog-dt-extend img {
    margin: 30px 10px;
    display: inline-block;
    max-width: 100%
}

.blog-detail-content .blog-dt-extend * {
    text-align: left
}

.blog-detail-content h3.sb-head {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    color: #444;
    margin-bottom: 20px
}

.blog-detail-content h1.sb-head {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    color: #444;
    margin-bottom: 20px
}

.blog-dt-extend p {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #444;
    margin-bottom: 20px
}

.blog-detail-content .blog-by-date {
    display: flex;
    align-items: center
}

.blog-detail-content .blog-by {
    display: flex;
    align-items: baseline;
    color: #287D82
}

.blog-detail-content .blog-date {
    display: flex;
    align-items: baseline;
    margin-left: 0;
    color: #287D82
}

.blog-detail-content .blog-by p {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #287D82;
    margin-left: 5px
}

.blog-detail-content .blog-date p {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #287D82;
    margin-left: 5px
}

.blog-detail-content .dt-right-up {
    margin-bottom: 40px
}

.blog-detail-content .dt-left-img {
    width: 570px
}

.blog-detail-content .blog-dt-extend {
    margin-bottom: 60px
}

.blog-detail-content .dt-right-img {
    display: flex;
    flex-direction: column;
    width: 570px
}

.blog-detail-content .dt-img-detail {
    margin: 60px 0
}

.blog-detail-content .dt-img-detail p {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #444;
    margin-bottom: 20px
}

.blog-detail-content .share-links {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-detail-content .share-links p {
    margin-bottom: 0;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #444
}

.blog-detail-content .social-links {
    padding-top: 25px;
    border-top: 2px solid #EDEDED
}

.blog-detail-content .social-links .share-social-lnks i {
    width: 40px;
    height: 40px;
    background: #FFF;
    border: 1px solid #BAD2D3;
    border-radius: 10px;
    margin-right: 10px;
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #BAD2D3;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog-detail-content .share-social-lnks {
    display: flex
}

.blog-detail-content .social-links .share-social-lnks i:hover {
    background: #287D82;
    border: 1px solid #FFF;
    color: #fff
}

.contact_us__banner {
    background-image: url(../images/contact_us_hero.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    max-height: 350px;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.contact_us__banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(40, 125, 130);
    background: linear-gradient(90deg, rgba(40, 125, 130, 1) 0%, rgba(208, 183, 98, 1) 70%);
    width: 100%;
    height: 100%;
    opacity: .8
}

.contact_us__hero_txt {
    position: relative;
    z-index: 1;
    color: #fff;
    width: max-content;
    font-size: 55px;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 10px;
    text-align: center
}

.contact_us__hero_txt::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 100px;
    height: 2px;
    background-color: #fff;
    transform: translateX(-50%)
}

.contact_us__form_wrp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 0 auto
}

.contact_us__form_wrp .contact_us__subttl {
    font-size: 26px;
    text-transform: capitalize;
    color: #bdbdbd
}

.contact_us__form_wrp>div {
    width: 100%;
    margin-top: 50px
}

.contact_us__form_wrp form label {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    position: relative
}

.contact_us__form_wrp form label>span {
    position: unset
}

.contact_us__form_wrp form label .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -2px;
    line-height: normal;
    font-size: 10px
}

.contact_us__form_wrp form textarea {
    resize: none;
    height: 150px;
    border: 1px solid #9e9e9e;
    padding: 10px
}

.contact_us__form_wrp form textarea:focus {
    border-radius: 0;
    border-color: #287D82;
    outline: none
}

.contact_us__form_wrp form input[type="submit"] {
    background-color: #287D82;
    border: 1px solid #287D82;
    width: 100%;
    margin-left: auto;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding: 5px;
    transition: all 0.3s ease
}

.contact_us__form_wrp form input[type="submit"]:hover {
    background-color: #fff;
    color: #287D82
}
.wpcf7-form-control-wrap.recaptcha{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.edit_loc_form {
    margin-bottom: 0
}

.edit_loc_save_btn {
    max-width: 160px;
    width: 100%;
    height: 35px;
    margin-left: auto;
    margin: 20px auto;
    margin-bottom: 20px;
    border: none;
    background-color: #D0B762;
    color: #fff;
    border: 1px solid #D0B762;
    font-size: 14px;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    padding: 5px 10px;
    transition: all 0.3s ease;
    display: block
}

.edit_loc_save_btn:hover {
    background-color: #fff;
    color: #D0B762;
    box-shadow: 3px 3px 3px #d0b762
}

.edit_loc_save_btn:focus {
    background-color: #fff;
    color: #D0B762;
    border: 1px solid #D0B762
}

.edit_loc_save_btn:disabled {
    cursor: not-allowed;
    opacity: .7
}

.edit_loc_save_btn:disabled:hover {
    background-color: #D0B762;
    color: #fff;
    box-shadow: none
}

.edit_loc__photo_warning {
    color: #D0B762;
    font-weight: 300;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    text-align: center
}

.edit_loc__photo_success_msg {
    color: #287D82;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
    display: none;
    text-align: center;
    width: max-content;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%)
}

.edit_loc_features_card {
    border: 1px solid #D0B762;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px
}

.edit_loc_features_card__header_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    text-transform: capitalize;
    color: #287D82
}
h5.edit_loc_features_card__header_title{
    width: 100%;
}
.edit_loc_features_card__header_title i.fa {
    color: #D0B762;
    font-size: 16px;

}
.filepond--root.filepond.filepond--hopper .filepond--drop-label .filepond--list-scroller{
  min-height: 50px;
}

/* prachi CSS START */
.edit_loc_features_card__header i {
    color: #D0B762;
}

.ctm-wrappercentage {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}

.ctm-wrappercentage h3 {
    font-size: 22px;
    color: #287D82;
    font-family: 'DM Serif Display', serif;
    margin: 0;
}

.Location-progress {
    flex-direction: column !important;
    display: flex;


}

.Location-progress progress {
    max-width: 100px;
    height: 12px;
    border-radius: 25px;
}

#accordion-loc-edit .edit_loc_features_card__header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

#accordion-loc-edit .edit_loc_features_card__header span {
    font-size: 14px;
    font-family: 'Outfit', sans-serif;
    color: #287D82;
}

progress::-webkit-progress-value {
    border-radius: 25px;
    background-color: #287D82;
}

progress::-webkit-progress-bar {
    background-color: #fff;
    border: 1px solid #eee;
    background: #eee;
    border-radius: 25px;
}

.edit_loc_features_card__header a {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Prachi css END */
.edit_loc_features_card__content {
    position: relative
}

.edit_loc_features_card__body {
    margin-top: 20px
}

.edit_loc_features_card__body .prof_radio_wrp_row:last-child {
    margin-bottom: 0
}

.edit_loc_features_card__content .prof_radio_wrp_label {
    color: #444;
    font-size: 14px
}

.edit_loc_features_card__content .prof_radio_wrp label {
    font-size: 12px !important;
    font-family: 'Outfit', sans-serif
}

.edit_loc__form_row {
    display: grid;
    gap: 40px;
    margin-bottom: 20px
}

.edit_loc__form_row:first-child {
    grid-template-columns: 1fr
}

.edit_loc__form_row:nth-child(3) {
    grid-template-columns: 1fr;
    row-gap: 0
}

.edit_loc__form_row:nth-child(3) .edit_loc__form_group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

.edit_loc__form_row.edit_brand__bnr_form_row:nth-child(3) .edit_loc__form_group,
.edit_loc__form_row.edit_brand__bnrsec_form_row:nth-child(3) .edit_loc__form_group {
    display: unset;
    grid-template-columns: unset
}

.edit_loc__form_row:nth-child(4) {
    grid-template-columns: 1fr 1fr
}

.edit_loc__form_row.edit_brand__bnr_form_row:nth-child(3) {
    grid-template-columns: 1fr;
    position: relative
}

.edit_loc__form_row:nth-child(5) {
    grid-template-columns: 1fr 1fr 1fr
}

.edit_loc__form_row.edit_brand__bnr_form_row:nth-child(4) {
    grid-template-columns: 1fr
}

.edit_loc__form_row:last-child {
    margin-bottom: 0;
    position: relative
}

.edit_loc__form_row.edit_brand__bnr_form_row:last-child {
    row-gap: 15px;
    grid-template-columns: auto;
}

.edit_loc__form_row.edit_brand__bnrsec_form_row:last-child {
    grid-template-columns: 1fr
}

.edit_loc__form_row.edit_brand__bnr_form_row:last-child .edit_loc__form_group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

.word_count {
    margin-bottom: 0;
    font-size: 10px;
    color: #9e9e9e;
    position: absolute;
    top: 0;
    right: 0
}

.edit_loc__form_row label {
    text-transform: capitalize;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600
}

.edit_loc__form_row input {
    margin-bottom: 0;
    height: 35px;
    font-size: 14px;
    font-family: 'Outfit', sans-serif
}

.edit_loc__form_row input[type=number]::-webkit-outer-spin-button,
.edit_loc__form_row input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.edit_loc__form_row input[type=number] {
    -moz-appearance: textfield;
}

.edit_loc__form_row textarea {
    padding: 10px;
    min-height: 150px;
    resize: vertical;
    border-color: #9e9e9e;
    font-size: 14px;
    font-family: 'Outfit', sans-serif
}

.edit_loc__form_row textarea:focus {
    outline: none;
    border: 1px solid #26a69a;
    border-radius: 0
}

.edit_loc__form_group input::placeholder,
.edit_loc__form_group textarea::placeholder {
    font-size: 11px;
    text-transform: capitalize
}

.edit_loc__form_group__child {
    display: flex;
    margin-bottom: 5px;
    align-items: center
}

.edit_loc__form_group__child label {
    margin-bottom: 0;
    font-weight: 400;
    width: max-content;
    text-transform: lowercase
}

.edit_loc__form_group__child input {
    height: auto;
    margin: 0;
    margin-left: 5px;
    border: none;
    text-decoration: underline;
    color: #D0B762;
    font-weight: 400
}

.edit_loc__form_group__child input:focus {
    border-bottom: none !important
}

.edit_loc__form_group__child input::placeholder {
    color: #D0B762 !important
}

.prof_radio_wrp input[type="checkbox"]:checked+label {
    background-color: #26A69A;
    border-color: #26A69A;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 12%);
    color: #fff !important
}

#locationNameError {
    color: red;
    font-size: 12px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    left: 0
}

.filepond--item {
    width: calc(33% - 0.5em)
}

.filepond--credits {
    display: none
}

.filepond--file-info-sub {
    display: none
}

.filepond--file-info .filepond--file-info-main {
    text-overflow: unset;
    overflow: unset;
    white-space: unset
}

.page-template-prof-tempate .loadmore {
    text-align: center;
    padding: 20px 0;
}

.page-template-prof-tempate .loadmore #loadBtn {
    background: #ffffff;
    border: 2px solid #287D82;
    border-radius: 26px;
    width: 26%;
    color: #287D82;
    font-family: 'Outfit', sans-serif;
    padding: 4px;

}
/* Pro_popup register-location start */
.downgrade_subs_popup.regi_dwnpopup{
    background: rgb(0 0 0/60%);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.downgrade_subs_popup h3.downgrade_subs_popup__ttl.regi_dwnhead{
    text-align: center;
    font-size: 18px;
    color: #444;
    margin: 0 auto;
    padding: 0 0 20px 0;
    font-family: 'DM Serif Display', serif;
}
.downgrade_subs_popup span.cstm_popup_close.popcross_arrow{
    color: #444444;
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.downgrade_subs_popup .cstm_popup_btn_row a.popbtn_no{
    background-color: #287d82;
    color: #fff !important;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    /* padding: 5px 23px; */
    transition: ease-in 0.5s;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 12px;
    margin-left: auto;
}
.downgrade_subs_popup .cstm_popup_btn_row a.popbtn_no:hover{
    background-color: #fff;
    color: #287d82 !important;
    border: 1px solid#287d82;
}
.downgrade_subs_popup .downgrade_subs__content.popdwngrade_txt{
    padding: 30px 20px;
}
/* Pro_popup register-location start */

 #step5 #membership_error{
    display: flex;
    font-weight: 500;
    color: #f00;
    font-size: 12px;
    position: absolute;
    right: 11px;
    bottom: 61px;
    width: 265px;
    text-align: center;

   
}

/** Mozilla Firefox */
@-moz-document url-prefix() {
    #step5 #membership_error{
    display: flex;
    font-weight: 500;
    color: #f00;
    font-size: 12px;
    position: absolute;
    right: 11px;
    bottom: 61px;
    width: 265px;
    text-align: center;
    }
    }
    
/** Safari */
@media not all and (min-resolution: 0.001dpcm) {
    #step5 #membership_error{
        display: flex;
        font-weight: 500;
        color: #f00;
        font-size: 12px;
        position: absolute;
        right: 11px;
        bottom: 61px;
        width: 265px;
        text-align: center;
        }
        }

#stepperForm #step5{
    position: relative;
}
#step3 span.Emailtext-test{
    margin: auto;
    color: red;
    font-weight: 600;
}

@media screen and (min-width:768px) {
    .floating_filter #mobile-filter {
        display: none
    }


}

@media screen and (min-width:991px) and (max-width:1199px) {
    .cstm_main_section .cstm_salon_box .cstm_salon_box_child .list_image {
        max-height: 100%
    }
}

@media screen and (min-width:993px) and (max-width:1024px) {
    .cstm_main_section .cstm_salon_box .cstm_salon_box_child.location_box {
        flex-direction: column
    }

    .cstm_main_section .cstm_salon_box .cstm_salon_box_child .list_image {
        max-width: 100%;
        height: 190px;
        border-radius: 0
    }
}

@media screen and (min-width:1025px) and (max-width:1200px) {

    .offer_not_btn,
    .offer_claim_btn {
        width: 100%
    }

    .offer_pop_content {
        max-height: 100%
    }

    .offer_not_btn {
        order: 2;
        margin-right: 0;
        margin-top: 10px
    }

    .offer_claim_btn {
        order: 1
    }
}

@media screen and (max-width:1024px) {
    .offer_pop_content {
        max-width: 100%;
        width: 90%
    }

    .offer_pop_content {
        max-height: 100%
    }

    .reset_password_page #password-lost-form-wrap {
        margin-top: 80px !important
    }

    .loc_listing_bar {
        margin-top: 50px
    }

    .loc_listing_bar .row {
        justify-content: center
    }

    .loc_listing_bar .row h1,
    .loc_listing_bar .row h2 {
        text-align: center
    }
}

@media screen and (max-width:992px) {
    #step5 #membership_error{
        right: -30px;
        font-size: 10px;
    }
    .loc_listing_bar a {
        font-size: 14px !important;
        text-align: center;
        display: block;
        margin-bottom: 0 !important
    }

    .loc_listing_bar a span {
        display: block;
        font-size: 24px
    }

    .filepond--item {
        width: calc(50% - 0.5em)
    }
}

@media screen and (max-width:850px) {
    .cstNewPrice.cstm_subs_row .cstm_subs_col .cst-curve {
        display: none
    }
}
.mob_tab_btn_wrap {display: none;}
.mobile_membership_wrapper.owl-carousel.owl-theme.owl-loaded.owl-drag{display: none;}


@media only screen and (max-width:767px) {

   
   
   

    .col-lg-4.form-group.cc_expiration_month_wrp span.valid_err.pd_bottom,
    .col-lg-4.form-group.cc_expiration_year_wrp span.valid_err.pd_bottom,
    .col-lg-4.form-group.cc_cvv_wrp span.valid_err.pd_bottom{
    bottom: 0;
    position: absolute;
    }
    .em_check.cstm_verify_email_box{
        flex-direction: column;
    }
 
    .col-md-12.form-group .form-row span.valid_err {
        bottom: 0px;
     
    }

    #step5 #membership_error{
         right: 0px;
        bottom: 60px; 
        /* right: 19px;
        bottom: 30px; */
        width: 321px;
    }
    .payment_bill input, select {
        margin-bottom: 5px !important;
    }

    .Preview_cards{
        display: none;
    }
    .mob_tab_btn_wrap {display: block;}
    .mobile_membership_wrapper.owl-carousel.owl-theme.owl-loaded.owl-drag{display: block;}
    .pass_guidance_msg_row{
        bottom: 0;
    }
    .email_valid_err.valid_err{
        bottom: 5px;
    }
    /* mobile membership cards start */
    .mob_tab_btn_wrap{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 20px;
    }
    .mob_tab_btn_wrap .mob_mem_btn{
        border: none;
        padding: 5px;
        background-color: #fff;
        color: #D0B762;
        font-family: 'Outfit';
        font-size: 14px;
        border: 1px solid #D0B762;
        transition: none;
        overflow: hidden;
        appearance: none;
    }
    .mob_tab_btn_wrap .fave_btn{
        border-radius: 10px 0 0 10px;
    }
    .mob_tab_btn_wrap .fave_btn.active_btn{
        background-color: #D0B762;
        color: #fff;
    }
    .mob_tab_btn_wrap .standard_btn.active_btn{
        background-color: #287d82;
        border-color: #287d82;
        color: #fff;
    }
    .mob_tab_btn_wrap .free_btn{
        border-radius: 0 10px 10px 0;
    }
    .mob_tab_btn_wrap .free_btn.active_btn{
        background-color: #444444;
        border-color: #444444;
        color: #fff;
    }
    .mobile_membership_wrapper{
        padding-top: 30px;
    }
    .mob_member__card{
        padding: 10px;
        border-radius: 10px;
        line-height: 150%;
    }
    /* sff */
    .mob_member__sff_card{
        background-color: #D0B762;
        box-shadow: 0 4px 16px #D0B762;
    }
    .mob_member__sff_card .listing_dummy_ul li:nth-child(1),
    .mob_member__sff_card .listing_dummy_ul li:nth-child(2){
        background-color: #D0B762;
    }
    .mob_member__sff_card .mob_member__card__select_btn{
        color: #D0B762;
    }

    /* sfm */
    .mob_member__sfm_card{
        background-color: #287d82;
    }
    .mob_member__sfm_card .listing_dummy_ul li{
        border-color: #287d82;
    }
    .mob_member__sfm_card .listing_dummy_ul li:nth-child(3),
    .mob_member__sfm_card .listing_dummy_ul li:nth-child(4){
        background-color: #287d82;
    }
    .mob_member__sfm_card .mob_member__card__select_btn{
        color: #287d82;
    }
   .valid_err{
      position: initial;
    } 
    /* free membership */
    .mob_member__free_card{
        background-color: #444444;
    }
    .mob_member__free_card .listing_dummy_ul li{
        border-color: #444444;
    }
    .mob_member__free_card .listing_dummy_ul li:nth-child(5){
        background-color: #444444;
    }
    .mob_member__free_card .mob_member__card__select_btn{
        color: #444444;
    }

    .mob_member__card_head{
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 2px;   
    }
    .mob_member__card_head h6,
    .mob_member__card_head h2,
    .mob_member__card_head span{
        color: #fff;
    }
    .mob_member__card_head h6,
    .mob_member__card_head span{
        font-family: 'Outfit', sans-serif;
    }
    .mob_member__card_head h2{
        font-family: 'DM Serif Display', serif;
        font-size: 32px;
        line-height: 150%;
    }
    .mob_member__card_head h6{
        font-size: 14px;
        line-height: 150%;
    }
    .mob_member__card_head span{
        font-size: 16px;
        opacity: 0.8;
    }
    .mob_member__card_body{
        padding: 20px 0;
    }
    .mob_member__card_body .text_row{
        display: flex;
        align-items: center;
        color: #fff;
        font-family: 'Outfit', sans-serif;
        font-size: 12px;
        border-bottom: 1px solid rgb(255 255 255 / 30%);
        padding: 10px 0;
    }
    .mob_member__card_body .text_row span{
        width: 49%;
        text-transform: capitalize;
    }
    .mob_member__card_body .text_row span:nth-child(1){
        text-align: left;
    }
    .mob_member__card_body .text_row span:nth-child(2){
        text-align: right;
    }
    .mob_member__card_body .text_row span .listing_dummy_ul{
        max-width: 55%;
        margin: 0;
        margin-left: auto;
        border-radius: 10px;
        padding: 7px;
    }
    .mob_member__card_footer{
        padding-bottom: 10px;
    }
    .mob_member__card_footer .footer_note{
        color: #fff;
        text-align: center;
        padding-bottom: 10px;
        opacity: 0.8;
        margin: 0;
    }
    .mob_member__card__select_btn{
        background-color: #fff;
        width: 100%;
        display: block;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
        border-radius: 5px;
    }

    /*  mobile membership cards end */

    body.single-locations .fancybox-container .fancybox-button--thumbs svg {
        display: none !important;
    }
   


    .single-locations .wrap-p p {
        margin-bottom: unset;
    }


    .header_announcement {
        padding: 2px 0;
    }

    .header_announcement a {
        font-size: 10.1px;
    }

    div.brand_cnt_row {
        margin-top: 10px
    }

    .ctm-wrappercentage {
        gap: 5px;
    }

    .edit_loc_features_card__body .edit_loc__form_row .edit_loc__form_group {
        grid-template-rows: 1fr;
        row-gap: 0;
    }

    .edit_loc_features_card {
        padding: 15px
    }

    .edit_loc_features_card__header_title {
        font-size: 18px
    }

    .edit_loc__form_row {
        grid-template-columns: 1fr !important;
        row-gap: 20px
    }

    .edit_loc__form_row:nth-child(2) .edit_loc__form_group {
        grid-template-columns: 1fr;
        row-gap: 10px
    }

    .edit_loc__form_group__child {
        margin-bottom: 0
    }

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

    .contact_us__form_wrp {
        width: 100%
    }

    .mng_subscription__cancel_downgrade_bar {
        flex-direction: column;
        justify-content: flex-start
    }

    .mng_subscription__cancel_downgrade_bar p {
        margin-right: 0 !important;
        margin-bottom: 10px !important
    }

    .mng_subscription__cancel_downgrade_bar .mng_subscription_card__cancel__downgrade_btn {
        max-width: 100% !important
    }

    .chat_box_wrp {
        border-left-color: #287D82 !important
    }

    .chat_row {
        position: relative;
        max-height: 600px
    }

    .chat_col_30 {
        flex: inherit !important;
        width: 100%;
        position: absolute;
        max-width: 100%;
        height: 100%;
        left: -96%;
        transition: all 0.3s ease
    }

    .chat_col_30.open_chat_col_30 {
        left: 0;
        z-index: 2;
        background-color: rgb(255 255 255 / 85%)
    }

    .chat_list_ul {
        width: 70%;
        background-color: #fff;
        box-shadow: 2px 3px 6px rgb(0 0 0 / 12%)
    }

    .chat_col_30.open_chat_col_30 .tab_sidebar_toggler_mob {
        transform: translateY(-50%) rotate(-180deg)
    }

    .tab_sidebar_toggler_mob {
        width: 45px;
        height: 45px;
        display: flex !important;
        font-size: 24px;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        color: #287D82 !important;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: -15px;
        transform: translateY(-50%);
        border: 2px solid #287D82;
        z-index: 1;
        background-color: #fff;
        transition: all 1s ease
    }

    .chat_col_70 {
        max-width: 100%
    }

    .mng_subscription_card_row {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .switch_subscription__arrow_icon {
        transform: translate(-50%, -50%) rotate(90deg) !important
    }

    .mng_subscription_card__cstm_btn {
        padding: 5px !important
    }

    .reset_password_page #password-lost-form-wrap {
        width: 90% !important
    }

    .cstm_mkt_fltr_row {
        display: flex !important;
        border: none
    }

    .count-text span#mobile-filter {
        display: flex !important;
        width: max-content !important;
        flex-wrap: wrap
    }

    .cstm_main_section .cstm_salon_box .cstm_salon_box_child .list_image img {
        height: 100%
    }

    .cstm_pass_fld_row {
        padding-bottom: 20px
    }

    .cstm_subs_row {
        flex-direction: column
    }

    .cstm_subs_row .cstm_subs_col {
        width: 100%;
        max-width: 100%
    }

    .email_verified_wrp svg {
        max-width: 100%
    }

    .valid_err {
        bottom: -34px
    }

    .step_1_err {
        bottom: -16px !important
    }

    .step_5_err {
        bottom: 8px
    }

    .rqq_field {
        margin-bottom: 5px !important
    }

    .cstm_name_row {
        padding: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .cfrm_password_visible {
        margin-bottom: 6px !important
    }

    .password_visible {
        margin-bottom: 30px !important
    }

    .cfrm_match_pass .step_5_err {
        margin-top: 4px
    }

    .lbl_chk_wrp.profile_chk_wrp {
        margin-top: 30px
    }

    .valid_err {
        line-height: initial
    }

    .lbl_chk_wrp .check_wrp .checkmark::after {
        top: -5px
    }

    .pass_guidance_msg_row {
        bottom: -28px;
        left: 10px;
        line-height:19px;
    }

    .btns_form {
        align-items: flex-start
    }

    .btns_form .back_btn {
        order: 2
    }

    .btns_form .cstm_conti_btn {
        order: 1;
        margin: 0
    }

    .custom-select {
        margin-top: 10px !important;
        margin-bottom: 20px !important
    }

    .cc_expiration_year_wrp,
    .cc_expiration_month_wrp,
    .cc_cvv_wrp {
        margin-bottom: 0
    }

    .cc_expiration_year_wrp label {
        display: none
    }

    .cc_expiration_month_wrp {
        margin-top: 20px
    }

    .cc_cvv_wrp {
        margin-top: 20px
    }

    .cc_expiration_year_wrp .valid_err,
    .cc_expiration_month_wrp .valid_err,
    .cc_cvv_wrp .valid_err {
        bottom: 0
    }

    .cc_cvv_wrp input {
        margin-bottom: 20px !important
    }

    .page_customcs img {
        width: 94% !important
    }

    .offer_pop_body {
        flex-direction: column
    }

    .offer_col_img,
    .offer_col_content {
        width: 100%
    }

    .offer_col_content {
        margin-top: 20px;
        align-items: unset
    }

    .offer_btn_row {
        justify-content: center
    }

    .offer_not_btn,
    .offer_claim_btn {
        width: 100%
    }

    .offer_not_btn {
        order: 2;
        margin-right: 0;
        margin-top: 10px
    }

    .offer_claim_btn {
        order: 1
    }
}

@media screen and (max-width:600px) {


 .locationTooltiptext {
    top: -50px;
    line-height: 16px;
}




    .loc__success_msg, 
    .loc__delete_msg {
        padding: 2px;
        font-size: 9px !important;
        transform: translate(-60%);
    }
    .page-template-prof-tempate .loadmore #loadBtn {
        width: 28%;
    }
    .texnobtns {
        justify-content:flex-end;
        gap: 5px;
       }
    .texnobtns .tournewaf:before{
        left: -17px;
    }
    .cst-mainwrapbtn .texnobtns a {
        padding: 0px 11px !important;
    }
    .tax-market .texnobtns a{
        padding: 0px 9px ;
    }
  
    .tax-market .texnobtns i {
        font-size: 14px;
    }

    .cst-mainwrapbtn .tournewaf {
        font-size: 14px;
    }

    .page-template-prof-tempate .location_box i.fas.fa-bolt {
        font-size: 13px !important;
        margin-top: 5px;
    }

    .filepond--item {
        width: 100%;
        margin: 0 0 5px 0
    }

    #accordion-loc-edit .edit_loc_features_card__header span {
        font-size: 13px;
    }

    .contact_us__hero_txt {
        font-size: 35px;
    }

    .contact_us__hero_txt::after {
        width: 80px;
    }

    .chat_col_30 {
        max-width: 100% !important
    }

    .chat_col_70 {
        max-width: 100% !important;
        margin-top: 20px
    }

    .chat_list_item a span {
        font-size: 14px;
        line-height: normal
    }

    .chat {
        overflow-x: hidden
    }

    .subscription_man__loc_card .subscription_man__loc_toggle_wrp {
        margin-left: 0 !important;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .cstm_main_section .cstm_salon_box .cstm_salon_box_child .list_image {
        max-width: 100%;
        height: 190px;
        padding: 0
    }

    .cstm_main_section .cstm_salon_box .cstm_salon_box_child .list_image img {
        border-radius: 10px 10px 0 0
    }

    .cstm_fltr_modpop .modal-content {
        width: 90%
    }

    body.modal-open .inner_banner:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #000;
        opacity: .8
    }

    .acf-form .acf-field[data-name="brand_logo_url"],
    .acf-form .acf-field[data-name="logo_upload"],
    .acf-form .acf-field[data-name="second_row_photo_url"],
    .acf-form .acf-field[data-name="about_brand_image"],
    .acf-form .acf-field[data-name="main_image_acf"],
    .acf-form .acf-field[data-name="main_image_upload"] {
        display: block !important;
        margin: 0 !important;
        float: none !important;
        width: 100% !important
    }

    .acf-form .acf-field[data-name="brand_logo_url"]+.brand_profile_or_txt,
    .acf-form .acf-field[data-name="second_row_photo_url"]+.brand_profile_or_txt,
    .acf-form .acf-field[data-name="main_image_acf"]+.brand_profile_or_txt {
        top: 5px !important;
        left: 0 !important;
        display: block;
        text-align: center
    }

    .cstm_fltr_modpop .modal-content .modal-header button {
        min-width: 75px;
        font-size: 12px !important;
        height: 30px !important
    }

    div.brand_profile_head {
        flex-direction: column;
        align-items: flex-start
    }

    .loc_pro_head_col {
        margin-top: 15px
    }

    .cstNewPrice.cstm_subs_row .cstm_subs_col .cst-curve {
        border-left: 176px solid transparent;
        border-right: 176px solid transparent
    }
}

.page_customcs {
    margin-bottom: 15px
}

.page_customcs img {
    margin: 30px 10px;
    display: inline-block;
    max-width: 100%;
    width: 25%;
    height: 210px;
    object-fit: cover
}

.page_customcs li {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #444;
    margin-bottom: 10px;
    list-style: inside
}

.page_customcs h3 {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    color: #444;
    margin-bottom: 20px
}

.wpcf7 label {
    width: 100%
}

.wpcf7 textarea {
    height: 200px
}

.title-section {
    background: #287D82;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
    min-height: 200px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center
}

.title-section h1 {
    color: #fff
}

.blog_banner {
    background-image: url(../images/blog-bg.png);
    background-position: center center;
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat
}

.blog-post-content .row {
    align-items: center;
    margin-bottom: 40px
}

.blog-post-img {
    text-align: right;
    width: 100%;
    height: 368px;
    border-radius: 12px;
    overflow: hidden;
    max-width: 470px
}

.pagination-cs-links i {
    color: #287D82;
    font-weight: 700;
    font-size: 14px
}

.blog-by-date {
    display: flex;
    align-items: center
}

.blog-by {
    display: flex;
    align-items: baseline;
    color: #287D82
}

.blog-date {
    display: flex;
    align-items: baseline;
    margin-left: 0;
    color: #287D82
}

.blog-by p {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #287D82;
    margin-left: 5px
}

.blog-date p {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #287D82;
    margin-left: 5px
}

.blog-details h3 {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    color: #444;
    margin-bottom: 20px
}

.blog-details h3 a {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    color: #444;
    margin-bottom: 20px
}

.blog-details p {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #444;
    margin-bottom: 20px
}

.blog-post-sec .read-more-btn a {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #287D82;
    background: #D4EBEC;
    border-radius: 70px;
    padding: 8px 30px 8px 30px;
    display: flex;
    position: relative
}

.blog-post-sec .read-more-btn a:after {
    position: absolute;
    content: "\f105";
    font-family: 'FontAwesome';
    right: 30px;
    top: 55%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 900;
    line-height: 19px;
    transition: 0.3s ease
}

.blog-post-sec .read-more-btn {
    background: #D4EBEC;
    border-radius: 70px;
    max-width: 180px;
    width: 100%;
    height: 40px
}

.blog-post-sec .read-more-btn a:hover {
    color: #D4EBEC;
    background: #287d82
}

.blog-post-sec .read-more-btn a:hover:after {
    right: 20px
}

.pagi_div_pagination ul {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center
}

.pagi_div_pagination ul li a {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.pagi_div_pagination ul li {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #b7aa8c
}

.pagi_div_pagination ul li a {
    color: #444
}

.pagi_div_pagination ul .active {
    background-color: #287D82;
    color: #fff !important
}

.blog-post-sec .btn {
    background: transparent
}

.blog-post-sec .btn:hover {
    color: #287D82
}

.blog-post-sec .btn--icon {
    height: 24px;
    width: 24px;
    stroke: #087f5b
}

.tour_now_link_second.banner_cta_btn {
    display: none;
}

.blog-post-sec .btn--icon:hover {
    stroke: #fff
}

.blog-post-sec button.btn.rr svg:hover {
    right: 20px
}

button.btn.ll svg:hover {
    stroke: #287D82
}

.blog-post-sec button.btn.rr svg:hover {
    stroke: #287D82
}

@media(max-width:768px) {
    .loc_listing_bar {
        display: none
    }

    .blog-post-img {
        text-align: center
    }

    .blog-post-text {
        text-align: center;
        margin-top: 20px
    }

    .blog-by-date {
        justify-content: center;
        margin-bottom: 10px
    }

    .blog-post-sec .read-more-btn {
        margin: auto
    }
}

.blog-post-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

section.mobile-banner {
    background: #287D82;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    display: none
}

section.mobile-banner h3 {
    margin-bottom: unset;
    font-size: 32px
}

@media only screen and (max-width:767px) {


    .subscription_head_wrp .cstm_subs_row.grid_freeuser  {
        grid-template-columns: 1fr;
    }
    label.way_box.way_box2.cstm_subs_col.suitefinder_standard_plan{
        transform: none !important;
    }
    .stepper{
        padding: 10px 15px;
        max-width: 100%;
    }
    .mx_form800{
        max-width: 100%;
    }

    /* slider on mob view */


    body.single-locations .fancybox-show-thumbs .fancybox-inner {
        right: 0;
    }


    body.single-locations .fancybox-show-thumbs .fancybox-thumbs {
        bottom: 0 !important;
        right: unset !important;
        top: unset !important;
        position: absolute !important;
        width: 100% !important;
    }

    body.single-locations .fancybox-thumbs,
    body.single-locations .fancybox-thumbs.fancybox-thumbs-y {
        display: block !important;
    }


    body.single-locations .fancybox-thumbs>ul {
        display: flex !important;
        overflow-x: auto !important;
        padding: 20px 10px;
        /* display: grid;
          gap: 5px;
         grid-template-columns: repeat(4, 1fr); */
    }


    body.single-locations .fancybox-inner .fancybox-content {
        width: 100% !important;
    }


    .fancybox-thumbs {
        width: 100%;
    }

    /* End slider */
    .wrap-p {
        flex-direction: column;
        align-items: center;
    }

    .floating_filter {
        position: fixed;
        bottom: 80px;
        right: 10px;
        z-index: 99;
        background-color: #D0B762;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        color: #fff;
        box-shadow: 0 3px 6px rgb(0 0 0 / 20%)
    }

    form#filter-form {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        display: none;
        padding-top: 15px
    }

    .brand_head,
    .cstm_form_wrap {
        width: 100% !important
    }

    .brand_head {
        margin: 100px auto 50px !important
    }

    .brand_cnt_row .cstm_nav_link {
        width: 100% !important
    }

    .brand_cnt_row .nav-pills {
        margin-bottom: 0;
    }

    .email_verified_wrp {
        max-width: 100%;
        padding: 0 15px
    }

    .desktop-banner {
        display: none
    }

    h3.sb-head.mobile-title {
        background: #287D82;
        color: #fff;
        padding: 13px;
        font-size: 25px
    }

    section.mobile-banner {
        display: flex
    }

    section.blog_banner.desk-banner {
        display: none
    }

    .blog-post-img img {
        height: unset;
        width: unset
    }

    .blog-post-img {
        height: auto;
        max-width: unset
    }

    .blog-details h3 {
        font-size: 22px
    }

    .share_text {
        display: none
    }
}

.blog-dt-extend ul li {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #757575;
    margin-bottom: 10px;
    list-style: inside
}
.blog-dt-extend.single_articles__text_box img.size-medium.wp-image-19917.alignright.lazyloaded,
.blog-dt-extend.single_articles__text_box img.size-medium.wp-image-19918.alignright.lazyloaded{
    float: right;
}
.blog-dt-extend .label.rotated {
    left: 0;
    line-height: .8;
    position: absolute;
    -webkit-text-orientation: sideways;
    text-orientation: sideways;
    top: 10px;
    transform: rotate(180deg);
    transform-origin: center center;
    width: 0;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr
}

.blog-dt-extend .label.rotated a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1rem;
    letter-spacing: 3px;
    text-transform: uppercase
}

ol.breadcrumb {
    background: transparent
}

.breadcrumb-item a {
    color: #444;
    font-size: 15px
}

.breadcrumb {
    font-size: 15px
}

.singleart {
    padding: unset
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: ">"
}

section.bottom_head .row {
    margin-bottom: unset
}

#ajaxsearchlite1 .probox,
div.asl_w .probox {
    margin: 0;
    height: 28px;
    background-color: #fff;
    border: 0 none #fff;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 0 #b5b5b5 inset;
    padding: 7px
}

.bannerSlider button:before {
    height: 40px;
    width: 15px;
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0;
    z-index: 9;
    cursor: pointer
}

.bannerSlider button {
    position: absolute;
    font-size: 0;
    padding: 0;
    border: none;
    margin: auto;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 35px;
    background-color: #ffffff29;
    z-index: 9
}

.bannerSlider button.slick-prev.slick-arrow:before {
    background: url(../images/arrow-l.png) no-repeat;
    background-position: center;
    background-size: contain;
    content: ''
}

.bannerSlider .slick-prev.slick-arrow {
    z-index: 9;
    right: 100px
}

.bannerSlider button.slick-next.slick-arrow {
    right: 5%;
    z-index: 9
}

.bannerSlider button.slick-next.slick-arrow:before {
    background: url(../images/arrow-r.png) no-repeat;
    background-position: center;
    background-size: contain
}

.banner {
    position: relative;
    padding: 0
}

.slider_txt_div {
    width: 100%;
    padding-left: 35px
}

.slider_txt_div h1 {
    color: #fff;
    font-size: 45px;
    margin-bottom: 10px
}

.slider_txt_div p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px
}

.slider_txt_div a {
    background: #FFF;
    border-radius: 70px;
    width: 330px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #287d82;
    margin-top: 20px
}

.bannerSlider .slick-prev.slick-arrow {
    z-index: 9;
    right: 170px
}

.bannerSlider .slide {
    height: 450px;
    align-items: center;
    display: flex;
    background-position: center center;
    background-size: cover
}

a.asl_res_url {
    color: #444444 !important
}

.blog-detail-content.sticky-icons {
    position: sticky;
    top: 100px;
    line-height: 42px !important
}

.addtoany_list {
    display: grid !important
}

.icon-image {
    height: 210px;
    width: 100%
}

.icon-image img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.icon-image a {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.icon_box .process_content {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 210px)
}

.icon_box .process_content .learnmorebtn {
    margin-top: auto;
    background: #FFF;
    border-radius: 70px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #287D82 !important
}

.icon_box .process_content .learnmorebtn img {
    max-width: 100%;
    margin-left: 10px
}

.process_content .process_heading a {
    font-weight: 400;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: unset;
    font-family: 'DM Serif Display', serif;
    min-height: 75px
}

section.ask_away img {
    border-radius: 22px
}

section.making_better_decisions img {
    border-radius: 22px
}

.salon-card {
    border-radius: 22px
}

.process_heading {
    margin-bottom: unset
}

.breadcrumb-item.active {
    color: #6c757d;
    font-family: 'Outfit', sans-serif
}

ul.search-items {
    position: absolute;
    z-index: 999;
    background: #fff;
    width: 100%;
    text-align: left;
    padding: 14px;
    line-height: 36px
}

li.user-current li {
    font-size: 14px;
    padding-left: 25px;
    cursor: pointer
}

.search-items_pop li {
    font-family: 'Outfit', sans-serif
}

li.user-current {
    color: #287d82
}

li.serch-loc li {
    color: #287d82;
    font-size: 18px;
    padding-left: 25px;
    cursor: pointer
}

li.popular-loc li {
    color: #287d82;
    font-size: 18px;
    padding-left: 25px;
    cursor: pointer
}

.search-field input {
    width: 100%;
    margin-bottom: 4px;
    border: unset;
    height: 40px;
    border-radius: 20px;
    padding: 0 16px
}

.search-form-custom {
    display: flex;
    gap: 6px
}

.search-form-custom button {
    background: #D0B762
}

ul.search-items {
    display: none
}

a.search-results .search-text {
    color: #287D82;
    position: relative
}

a.search-results i {
    color: #D0B762;
    font-size: 30px
}

a.search-results {
    line-height: 14px
}

a.search-results .search-text {
    color: #287D82;
    position: relative;
    font-size: 13px;
    line-height: 19px
}

a.search-results {
    display: flex;
    margin-right: 11px;
    gap: 11px
}

span.popserchbtn {
    color: #D0B762;
    margin-right: 2.5em
}

#searchpop {
    background: transparent;
    overflow-y: auto
}

div#searchpop {
    max-height: unset;
    box-shadow: unset
}

ul.search-items_pop {
    line-height: 40px
}

#popsearchlistid {
    border: 1px solid
}

ul#poponlysearch-results {
    max-height: 150px;
    overflow-y: scroll
}

ul#onlysearch-results {
    max-height: 190px;
    overflow-y: scroll
}

div.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%;
    display: none
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.mrkfade {
    opacity: .6
}

.location_box .list_image {
    width: 215px;
    position: relative
}

.location_box img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover
}

.location_box {
    overflow: hidden
}

.location_box.suit_fav_class {
    background: #F7EDD5;
    transition: all 0.3s ease-in-out
}

.location_box.suit_fav_class:hover {
    background: #f6d993
}

.map_div {
    margin-bottom: 20px
}

section.search-header-custom h2 {
    color: #Fff
}

section.search-header-custom {
    background: #287D82;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.pagi_div_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 100%
}

.banner_inner {
    padding: unset
}

.inner_banner h2 {
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-size: 28px;
    margin: 8px 0;
    padding: 10px
}

.loc_listing_bar {
    padding: 10px 0
}

.loc_listing_bar .row {
    margin-bottom: 0
}

.loc_listing_bar a {
    color: #fff;
    font-size: 28px
}

.after_prof_regis_message {
    background: #D0B762;
    padding: 0
}

.after_prof_regis_message h4 {
    line-height: normal;
    color: #fff;
    font-size: 18px;
    padding: 15px;
    font-family: 'Outfit', sans-serif
}

.after_prof_regis_message a {
    font-size: 18px;
    line-height: normal;
    color: #287D82;
    text-decoration: underline
}

#filter-form {
    margin-top: 20px;
    display: flex;
    align-items: center
}

button.savedone {
    color: #fff;
    width: 100%;
    padding: 5px;
    font-size: 19px;
    margin: auto
}

.loc_count {
    color: #444;
    font-size: 14px;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 10px;
    font-weight: 400
}

[type="checkbox"]:checked+label:before {
    top: -4px;
    left: -3px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.filter_sec {
    padding: unset;
    box-shadow: 0 2px 0 0 #ccc;
    margin: unset;
    padding-bottom: 22px;
    font-family: 'Outfit', sans-serif
}

.filter_sec>.filter_heading span.filter-text {
    text-transform: uppercase
}

.filter_sec li {
    padding: 5px 16px;
    font-size: 16px
}

.filter_sec label {
    color: #444
}

.filter_sec .dropdown-menu {
    min-width: 15rem
}

.filter_sec button {
    background: #287D82;
    border: 1px solid;
    border-radius: 26px;
    font-size: 14px;
    padding: 6px 13px;
    box-sizing: border-box;
    line-height: normal;
    height: auto
}

.filter_sec .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background: #287D82;
    border: 1px solid;
    border-radius: 26px
}

.filter_sec>div {
    padding: 0 10px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: auto;
    max-width: fit-content
}

.filter_sec>.filter_heading {
    display: flex;
    align-items: center
}

.filter_sec button:hover {
    border-radius: 26px;
    border-color: #287D82
}

.filter_sec .dropdown-menu {
    max-height: 500px;
    overflow-y: scroll
}

.location_box i.fas.fa-bolt {
    color: #D0B762;
    font-size: 24px;
    float: right;
    /* padding: 10px */
}

.filter_sec button {
    background: #fff;
    border: 2px solid #287D82;
    border-radius: 26px;
    width: 100%;
    color: #287D82
}

#reset_brand_data {
    font-size: 15px;
    /* padding: 5px; */
    width: 100%
}

.suit-fave-text {
    color: #D0B762;
    margin: 0px !important
}

span.lightening-text i {
    color: #D0B762
}

.image_lead_brand a {
    margin: unset
}

.image_lead_brand img {
    width: 100%
}

.brand_name_lead a {
    margin: 8px 0
}

.location_box:hover {
    background: #BAD2D3
}

.count-text.container {
    top: 74px;
    z-index: 111;
    background: #fff
}

ul.ks-cboxtags {
    list-style: none;
    padding: 0 0 0 0;
    max-height: 315px;
    overflow-y: scroll
}

ul.ks-cboxtags li {
    display: inline
}

ul.ks-cboxtags li label {
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    color: #adadad;
    height: auto !important;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s
}

ul.ks-cboxtags li {
    padding: unset
}

ul.ks-cboxtags li label {
    padding: 4px 12px;
    cursor: pointer;
    text-align: center;
    background: #BAD2D3;
    color: #287D82;
    border: 2px solid;
    line-height: 17px !important;
    height: 37px !important;
    text-transform: uppercase;
    font-size: 13px !important
}

div#citiesModal .modal-header {
    border: none
}

.city-filter-buttons {
    display: flex;
    margin: 0 0 0 0
}

.city-filter-buttons .savedone {
    background: #D0B762;
    color: #fff;
    border: 1px solid;
    font-size: 1rem;
    margin: 0 10px 0 0;
    padding: 0 29px;
    height: 40px
}

ul.ks-cboxtags li label::before {
    position: static;
    top: 5px;
    left: 7px;
    width: 22px;
    height: 28px;
    z-index: 0;
    border: unset;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out
}

ul.ks-cboxtags [type="checkbox"]:checked+label:before {
    top: 6px;
    left: 10px;
    width: 19px;
    height: 19px;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    border-bottom: unset;
    border: 1px solid #fff;
    font-size: 10px;
    padding: 1px;
    margin-right: 5px
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label {
    border: 2px solid #287D82;
    background-color: #287D82;
    color: #fff;
    transition: all .2s
}

ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute
}

ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0
}

ul.ks-cboxtags li input[type="checkbox"]:focus+label {
    border: 2px solid #e9a1ff
}

.brand-filter-buttons {
    display: flex
}

.brand-filter-buttons .savedone {
    background: #D0B762;
    color: #fff;
    border: 1px solid;
    font-size: 1rem;
    margin: 0 10px 0 0;
    padding: 0 29px;
    height: 40px
}

.city-filter-buttons #reset_city_data {
    border: 2px solid #D0B762;
    color: #D0B762;
    width: 100%;
    font-size: 1rem;
    height: 40px
}

.brand-filter-buttons #reset_brand_data {
    border: 2px solid #D0B762;
    color: #D0B762;
    width: 100%;
    font-size: 1rem;
    height: 40px
}

.filtebox-head {
    color: #287D82;
    font-family: unset;
    font-weight: 400;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 0 0
}

#reset_all_data {
    color: #D0B762;
    border: 2px solid #D0B762
}

.filter_sec .modal-content .modal-header button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto !important;
    padding: 6px 20px !important;
    border: 1px solid #D0B762;
    font-size: 14px !important
}

.filter_sec .modal-content .modal-header button i {
    margin-left: 5px
}

.filter_sec .modal-content {
    font-family: 'Outfit', sans-serif
}

.filter_sec .modal-body {
    padding-top: 0
}

ul.ks-cboxtags::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #F5F5F5
}

ul.ks-cboxtags::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

ul.ks-cboxtags::-webkit-scrollbar-thumb {
    background-color: #D0B762;
    border: 2px solid #D0B762;
    height: 20px;
    width: 20px
}

.filter_sec button.active {
    background: #287D82 !important;
    border-radius: 26px;
    border-color: #287D82 !important
}

/* .location_box .details span {
    color: #000;
    font-weight: 700
} */


.map_div_sidebar {
    position: sticky;
    top: 134px
}

span#mobile-filter {
    font-size: 21px;
    margin-top: 10px !important;
    float: left;
    margin-bottom: 10px
}

body.page-template-Rgister_brand_template .footer .container .row {
    display: none
}

body.page-template-register_location_template .ftr_sec_one {
    display: none
}

body.page-template-register_location_template .ftr_logo_img {
    display: none
}

body.page-template-register_location_template .cstm_footer {
    padding: 0px !important
}

body.page-template-register_location_template .desk_loc_bar {
    visibility: hidden !important
}

body.page-template-register_location_template .ftr_social_links_row {
    visibility: hidden !important
}

body.page-template-register_location_template .nav_col_1 {
    visibility: hidden !important
}

body.page-template-register_location_template .nav_col_3 {
    visibility: hidden !important
}

body.page-template-register_location_template .cstm_navbar .mob_loc_bar {
    visibility: hidden !important
}

body.page-template-Rgister_brand_pay_success .ftr_sec_one,
body.page-template-Rgister_brand_pay_success .ftr_logo_img {
    display: none
}

body.page-template-Rgister_brand_pay_success .cstm_footer {
    padding: 0px !important
}

.users-cross {
    background: #26a69a;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: unset;
    color: #fff;
    border-radius: 50%;
    font-size: 21px;
    cursor: pointer
}

.has-search .form-control {
    padding-left: 2.375rem
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #D0B762;
    top: 4px
}

.bodyLoc .search-form-custom {
    display: flex;
    gap: 6px;
    width: 100%;
    align-items: center
}

.bodyLoc .form-group.has-search {
    margin: 0;
    width: 100%;
    position: relative
}

.bodyLoc .search-field input {
    border-radius: 4px;
    border: 1px #D0B762 solid !important;
    margin-bottom: unset
}

.bodyLoc .search-form-custom .btn {
    background: #D0B762;
    padding: 0 24px;
    height: 40px;
    border-radius: 4px;
    color: #fff
}

.bodyLoc ul.search-items_pop {
    line-height: 40px;
    margin: 15px 0 15px 0
}

.userNew-Loc {
    text-decoration: none;
    line-height: 40px;
    letter-spacing: .5px;
    font-weight: 600;
    color: #D0B762
}

.search-items_pop li.user-current li {
    font-size: 1rem;
    cursor: pointer;
    line-height: 1.5em
}

li.serch-loc li,
li.popular-loc li {
    line-height: 26px;
    font-size: 16px;
    cursor: pointer
}

.search-items_pop li.serch-loc,
.search-items_pop li.user-current {
    border-bottom: 1px solid #D0B762;
    padding: 5px 0 5px 0
}

.popular-loc li.popular-loc li {
    font-size: 1em
}

.userNew-Loc,
.popularEX,
.newsAddress {
    font-family: 'Outfit', sans-serif
}

.popularEX,
.newsAddress {
    font-weight: 600;
    color: #D0B762
}

.popularEX i,
.userNew-Loc i,
.newsAddress i {
    margin-right: 10px
}

.serch-loc ul#poponlysearch-results {
    max-height: 100px;
    overflow-y: scroll
}

.serch-loc ul#poponlysearch-results::-webkit-scrollbar {
    width: 15px
}

.serch-loc ul#poponlysearch-results::-webkit-scrollbar-track,
ul.ks-cboxtags::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #F5F5F5
}

.serch-loc ul#poponlysearch-results::-webkit-scrollbar,
ul.ks-cboxtags::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

.serch-loc ul#poponlysearch-results::-webkit-scrollbar-thumb,
ul.ks-cboxtags::-webkit-scrollbar-thumb {
    background-color: #D0B762;
    border: 2px solid #D0B762;
    height: 20px;
    width: 20px
}

.cstNewPrice.cstm_subs_row .cstm_subs_col .cst-curve {
    width: 100%;
    height: 0;
    /* border-left: 167px solid transparent;
    border-right: 167px solid transparent; */
    border-left: 200px solid transparent;
    border-right: 200px solid transparent;
    border-top: 60px solid #e2f1f4;
    position: absolute;
    bottom: -60px
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .cst-best-ribbon {
    background: #287D82
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .cst-best-ribbon::after {
    border-color: #287D82;
    border-bottom-color: transparent
}

.cstm_main_section .cstm_salon_box .cstm_salon_box_child .cst-best-ribbon::before {
    border: 4px solid #114f52;
    border-left-color: #114f52;
    border-top-color: transparent;
    border-right-color: transparent
}

.cst-best-ribbon {
    position: absolute;
    top: -8px;
    left: 15px;
    text-align: center;
    background: #D0B762;
    display: block;
    width: 42px;
    height: 42px;
    padding-top: 20px;
    z-index: 1
}

.cst-best-ribbon:after {
    content: "";
    width: 100%;
    top: 41px;
    position: absolute;
    display: block;
    border-width: 0 1.4rem 1.4rem 1.4rem;
    border-color: #D0B762;
    border-bottom-color: transparent;
    border-style: solid;
    box-sizing: border-box;
    z-index: 1
}

.cst-best-ribbon:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -8px;
    border: 4px solid #d0b762d1;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: #d0b762d1;
    transform: rotate(-90deg)
}

.cst-content img.ribbon-star {
    width: 25px !important;
    height: 25px !important;
    position: absolute !important;
    top: 50% !important;
    left: 53% !important;
    animation: zoom-in-zoom-out 2.5s ease-out infinite
}

.cstm_subs_row {
    display: grid;
    width: 100%;
    /* grid-template-columns: repeat(3, 1fr); */
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    position: relative;
}

.cstNewPrice.cstm_subs_row .price_text ul li {
    color: #000;
}

.cstNewPrice.cstm_subs_row .price_text ul li:after {
    color: #287d82;
}

.ribbon {
    position: relative;
    color: #287d82;
    text-align: center;
    padding: .5em 1em;
    font-family: 'DM Serif Display', serif;
    font-size: 2rem;
}

.users-bookPrice {
    width: 100%;
    margin: 20px 0 0 0;
    font-family: 'Outfit', sans-serif
}

.users-bookPrice .check_icon {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 15px
}

.users-bookPrice .P-price {
    font-size: 50px
}

.D-icons {
    font-size: 32px
}

.way_box2 .users-bookPrice .checkmark {
    background: #F7EDD5;
    height: 120px;
    width: 100%
}

.cstNewPrice.cstm_subs_row .price_text ul li:after {
    position: absolute;
    content: "\f058"
}

.cstm_subs_row .cstm_subs_col .ways_content .price_text {
    font-family: 'Outfit', sans-serif
}

.enable_tour_wrp {
    display: flex;
    align-items: center;
    margin: 35px 0 10px;
    flex-direction: row;
    justify-content: space-between
}

.enable_tour_wrp .toggleTtl,
.mng_subscription_card .toggleTtl {
    font-size: 16px;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    text-align: left;
    width: 80%
}

.enable_tour_wrp .toggleSwitch {
    margin-bottom: 0
}

p.toggleSwitch_info {
    font-size: 12px;
    line-height: normal;
    color: #7d7d7d;
    font-family: 'Outfit', sans-serif;
    font-weight: 400
}

.noteTxt {
    font-size: 13px;
    margin: 0
}

.cstm_subs_row label:nth-child(2) .ribbon::before {
    display: none
}

.cstm_subs_row label:nth-child(1) .ribbon::after {
    display: none
}

.cstm_subs_row label:nth-child(2) .ribbon {
    width: 100%
}

.plusSubscription {
    padding: 10px 20px 0 20px
}

.plusSubscription p {
    text-align: center;
    margin: 0
}

.plusSubscription p i {
    font-size: 32px;
    color: #287d82
}

.cstNewPrice.cstm_subs_row .way_box2 .check_icon .checkmark:after {
    right: 10px;
    top: 10px
}

.cstNewPrice.cstm_subs_row .price_text ul li {
    font-size: 14px;
    margin-bottom: 10px
}

.cstNewPrice.cstm_subs_row .checkmark p {
    display: block;
    margin-bottom: 5px
}

.way_box2 .users-bookPrice .checkmark .cross-price,
.way_box2 .users-bookPrice .checkmark .checkmark p {
    display: block;
    margin-bottom: 5px;
    text-align: center
}

.cstNewPrice.cstm_subs_row .cstm_subs_col {
    margin-bottom: 70px;
    /* order: 3; */
    
}


label.way_box.way_box2.cstm_subs_col.suitefinder_standard_plan{
    transform: scale(0.9);
}
label.way_box.way_box2.p.cstm_fave_order.cstm_subs_col.suitefinder_standard_plan {
    order: 2;
}
.brand_head {
    text-align: center;
    margin: 50px auto;
    width: 50%
}

.cstm_form_wrap {
    width: 50%;
    margin: 0 auto;
    box-shadow: 0 3px 6px rgb(0 0 0 / 12%);
    padding: 20px;
    border-radius: 10px;
    max-width: 570px
}

.cstm_form_wrap select {
    -webkit-appearance: auto !important;
    width: 100%;
    background: none
}

.wpcf7 form.sent {
    margin: 0
}

.wpcf7 form.sent .wpcf7-response-output {
    font-family: 'Outfit', sans-serif;
    border: none;
    margin: 0;
    color: #287D82;
    text-align: center
}

.cstm_brand_btn,
.cstmBackBtn {
    background: #FFF;
    color: #D0B762;
    border: 1px solid #D0B762;
    border-radius: 70px;
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 600
}

.cstmBackBtn {
    order: 1;
    margin-left: 0
}

.cstm_brand_btn {
    order: 3;
    margin-left: auto
}

.cf7_btnWrap span.wpcf7-spinner {
    order: 2
}

.cstm_brand_btn:hover,
.cstmBackBtn:hover {
    background-color: #D0B762;
    color: #fff
}

.cf7_btnWrap {
    display: flex;
    flex-direction: row;
    align-items: center
}

div[data-name="_post_content"],
div[data-name="brand_description"],
div[data-name="brand_id"],
div[data-name="hq_address_1"],
div[data-name="hq_address_2"],
div[data-name="hq_city"],
div[data-name="hq_state"],
div[data-name="hq_zip"],
div[data-name="location_count"],
div[data-name="year_founded"],
div[data-name="suite_categories_list"],
div[data-name="ownership"],
div[data-name="image_1"],
div[data-name="image_2"],
div[data-name="image_3"],
div[data-name="image_4"],
div[data-name="image_5"],
div[data-name="image_6"],
div[data-name="email_unique_key"],
div[data-name="subscription_type"],
div[data-name="is_fave"],
div[data-name="assigned_location"],
div[data-name="header_image_url"],
div[data-name="image_main"],
div[data-name="first_name"],
div[data-name="password"],
div[data-name="last_name"],
div[data-name="phone_second"],
div[data-name="location_name_acf"],
div[data-name="phone_acf"] {
    display: none
}

.tab {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.tablinks {
    max-width: 40%;
    width: 100%
}

.main_wrapper {
    display: flex;
    flex-direction: row;
    padding: 15px
}

.brand_sidebar {
    width: 30%
}

body.page-template-page-templates .acf-button,
.cstmUpdateBtn,
body.page-template-location-pro .acf-button {
    background: #FFF;
    border: 1px solid #D0B762;
    border-radius: 70px;
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    color: #d0b762;
    font-size: 16px
}

body.page-template-page-templates .acf-button:hover,
.cstmUpdateBtn:hover,
body.page-template-location-pro .acf-button {
    background-color: #D0B762;
    color: #fff
}

.brand_profile_head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 20px
}

.brand_profile_head h1.cstm_acf_heading {
    text-transform: capitalize
}

.brand_profile_head .postUpdatedSuccess {
    display: flex;
    align-items: center;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 10px
}

.brand_profile_head .postUpdatedSuccess img {
    width: 20px;
    margin-right: 5px
}

.brand_profile_head+#message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0/50%);
    z-index: 999
}

.brand_profile_head+#message p {
    max-width: 350px;
    width: 100%;
    height: 200px;
    background-color: #fff;
    color: #287D82;
    font-size: 20px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 3px 6px rgb(0 0 0 / 35%)
}

.brand_profile_head+#message p .close_menu {
    top: 15px;
    right: 15px;
    left: auto;
    width: 20px;
    height: 20px
}

.brand_profile_head+#message p .checked_anim {
    width: 55px;
    margin-bottom: 10px
}

.acf-form .acf-field[data-name="brand_logo_url"],
.acf-form .acf-field[data-name="second_row_photo_url"],
.acf-form .acf-field[data-name="main_image_acf"] {
    width: 40%;
    display: inline-block
}

.acf-form .acf-field[data-name="brand_logo_url"]+.brand_profile_or_txt,
.acf-form .acf-field[data-name="second_row_photo_url"]+.brand_profile_or_txt,
.acf-form .acf-field[data-name="main_image_acf"]+.brand_profile_or_txt {
    position: relative;
    top: -30px;
    left: 55px;
    font-family: 'DM Serif Display', serif;
    font-size: 18px;
    color: #287D82;
    text-decoration: underline
}

.acf-form .acf-field[data-name="logo_upload"],
.acf-form .acf-field[data-name="about_brand_image"],
.acf-form .acf-field[data-name="main_image_upload"] {
    width: 40%;
    float: right
}

.acf-form .acf-field[data-name="header_paragraph"] textarea,
.acf-form .acf-field[data-name="second_row_paragraph"] textarea,
.acf-form .acf-field[data-name="add_location_description"] textarea {
    height: 100px;
    resize: none
}

.brand_cnt_row {
    margin-top: 30px
}

.brand_cnt_row .cstm_nav_link {
    border: 1px solid #D0B762;
    transition: all 0.3s ease;
    color: #D0B762 !important;
    border-radius: 10px !important;
    max-width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.brand_cnt_row .cstm_nav_link:hover {
    background-color: #D0B762;
    color: #fff !important
}

.brand_cnt_row .cstm_nav_link.active {
    color: #fff !important
}

.prof_selected_options_row {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px
}

.budget_range_wrp.prof_edit_price_range {
    flex-direction: column
}

.budget_range_wrp.prof_edit_price_range .form-group {
    margin: 10px 0 30px
}

.cstm_accordian_head {
    border: 1px solid #D0B762;
    padding: 10px
}

.cstm_accordian_title {
    font-size: 18px
}

.cstm_accordian_body {
    padding: 5px 10px;
    background-color: #D0B762
}

.cstm_accordian_desc {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px
}

.prof_radio_wrp_row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px
}

.prof_radio_wrp_label {
    font-size: 18px;
    color: #287D82;
    font-family: 'Outfit', sans-serif;
    font-weight: 500
}

#v-pills-edit-prof .prof_radio_wrp {
    margin-bottom: 10px
}

.tour_request__table {
    white-space: nowrap;
    margin-bottom: 0
}

.tour_request__table thead {
    background-color: #D0B762;
    color: #fff;
    border-bottom: none;
    border: 1px solid #D0B762
}

.tour_request__table thead th {
    border-bottom: none;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 0
}

.tour_request__table td,
.tour_request__table th {
    border-top: none;
    font-family: 'Outfit', sans-serif
}

.tour_request__table_last_td {
    vertical-align: middle
}

.tour_prof_details_trigger {
    display: block;
    font-size: 16px;
    color: #bdbdbd;
    margin-top: 15px;
    font-weight: 500;
    cursor: pointer
}

.tour_prof_details_trigger i {
    font-size: 12px;
    padding-left: 5px
}

.tour_request__table_other_details_wrp {
    margin-top: 10px
}

.cstm_fadein,
.cstm_fadeout {
    height: 0;
    transform-origin: top;
    transform: scaleY(0);
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.cstm_fadein {
    height: auto;
    transform: scaleY(1)
}

.tour_request__table_prof_details {
    margin-top: 2px;
    overflow: hidden
}

.tour_request__table_prof_details li {
    padding: 2px 0;
    font-style: italic;
    font-size: 14px
}

.tour_request__table_other_details_wrp h5 {
    font-size: 16px;
    padding: 5px 0
}

.tour_request__table_other_details_wrp ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px
}

.tour_request__table_other_details_wrp li {
    font-size: 12px;
    background-color: #287D82;
    color: #fff;
    border-radius: 25px;
    padding: 3px 10px
}

.tour_request__table tbody {
    border-right: 1px solid #D0B762
}

.tour_request__table tbody tr {
    border-bottom: 1px solid #D0B762
}

.tour_request__table tbody {
    border: 1px solid #D0B762;
    border-top: none
}

.tour_request__table_date_wrp {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    border-top: none
}

.tour_request__table_date_wrp span {
    background-color: #D0B762;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px
}

.tour_request__table_options {
    display: flex;
    gap: 10px;
    align-items: center
}

.tour_request__table_options_btn {
    background-color: transparent;
    color: #D0B762;
    border: none;
    padding: 0 10px 0 0
}

.tour_request__table_options li button:hover {
    color: #287D82
}

.tour_request__table_options_btn i {
    padding-right: 5px
}

#brand_content .acf-field {
    border: none;
    padding-left: 0;
    padding-right: 0
}

.brnd_loc_billing_table th,
.brnd_loc_billing_table td {
    vertical-align: middle;
    text-align: center;
    border-color: #d0b76273 !important;
    border-width: 1px !important;
    white-space: nowrap
}

.brnd_loc_billing_table .billing_table_btn {
    background-color: #D0B762;
    border-color: #D0B762;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 5px 15px;
    color: #fff;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-transform: uppercase
}

.brnd_loc_billing_table .billing_table_btn:hover {
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%)
}

.brnd_loc_billing_table .billing_table_btn:active {
    border-radius: 5px !important;
    border-color: #D0B762 !important;
    background-color: #fff !important;
    color: #D0B762 !important
}

.brnd_loc_billing_table tbody tr:nth-child(odd) {
    background-color: #d0b76273
}

.cstm_cc_details_card {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%)
}

.update_cc_pop_trigger {
    background-color: #287D82 !important;
    border-color: #287D82 !important;
    font-size: 14px;
    border-radius: 5px;
    width: max-content
}

.update_cc_pop_trigger:active {
    border-radius: 5px
}

.cc_update_popup {
    display: none
}

.cc_update_popup.show_popup {
    display: block;
    position: relative
}

.cstm_dropshadow {
    background: rgb(0 0 0/60%);
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 9999
}

.show_popup .cstm_dropshadow {
    display: block
}

.cc_update_popup_content {
    max-width: 550px;
    background-color: #fff;
    padding: 50px 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%)
}

.cc_update_popup_content form {
    margin: 0
}

.cc_update_popup_content form input {
    padding: 0;
    box-sizing: border-box;
    height: 35px;
    border: none;
    border-bottom: 1px solid #D0B762;
    border-radius: 0;
    font-size: 14px
}

.cc_update_popup_content form input:focus {
    border-color: #287D82
}

.cc_update_popup_content form select {
    height: 35px !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    background: none;
    appearance: auto
}

.cc_update_popup_content .cc_update_popup_close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #287d82;
    cursor: pointer
}

.cc_update_popup_content .btns_form {
    margin-top: 30px
}

.detail {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase
}

.account_pass_common {
    position: relative;
    margin-bottom: 35px
}

.account_pass_common input {
    margin-bottom: 0
}

.account_pass_common .pass_guidance_msg_row {
    padding: 0;
    left: 0
}

.account_confirm_pass {
    margin-bottom: 50px
}

.account_confirm_pass .cfrm_match_pass {
    bottom: -25px
}

.mng_subscription__cancel_downgrade_bar {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    background-color: #287d82d1;
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px #287d8278
}

.mng_subscription__cancel_downgrade_bar p {
    font-size: 14px;
    font-family: 'Outfit', sans-serif;
    line-height: normal;
    margin-bottom: 0;
    color: #fff;
    width: 100%;
    margin-right: 10px
}

.mng_subscription__cancel_downgrade_bar .mng_subscription_card__cancel__downgrade_btn {
    width: 100%;
    text-align: center;
    max-width: 150px;
    margin-top: 0;
    color: #287D82;
    background-color: #fff;
    display: flex;
    height: 28px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s ease;
    border: 1px solid #fff
}

.mng_subscription__cancel_downgrade_bar .mng_subscription_card__cancel__downgrade_btn:hover {
    color: #fff;
    background-color: transparent
}

.mng_subscription_card_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 60px;
    position: relative;
}

.mng_subscription_card {
    background-color: #fff;
    border: 1px solid #D0B762;
    color: #444;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column
}

.mng_subscription_card.active_subscription {
    background-color: #f7edd461
}

.mng_subscription_card.mng_standard_card {
    order: 1
}

.mng_subscription_card.mng_fave_card {
    order: 2
}

.mng_subscription_card form {
    margin-bottom: 0
}

.switch_subscription__arrow_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #287D82;
    font-size: 24px
}

.mng_subscription_card__title {
    color: #287D82;
    position: relative;
    margin-bottom: 20px;
    font-size: 30px
}

.mng_subscription_card__title::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    background-color: #D0B762;
    width: 80px;
    height: 2px
}

.mng_subscription_card__active_sub {
    color: #287D82;
    font-size: 10px;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    padding-left: 15px
}

.mng_subscription_card__active_sub::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #287D82;
    box-shadow: 0 0 0 rgba(204, 169, 44, .4);
    animation: pulse 2s infinite
}

.mng_subscription_card__small_txt {
    font-size: 14px;
    color: #444;
    margin-bottom: 0;
    line-height: normal
}

.mng_subscription_card__small_txt b {
    color: #287D82
}

.mng_subscription_card__price_wrp {
    display: flex;
    flex-direction: column
}

.mng_subscription_card__sale_price {
    color: #D0B762;
    font-size: 28px;
    line-height: normal;
    font-family: 'DM Serif Display', serif
}

.mng_subscription_card__regular_price {
    font-size: 14px;
    color: #bdbdbd
}

.mng_subscription_card__offer_period {
    font-size: 13px;
    text-decoration: underline;
    padding-left: 3px;
    font-family: 'DM Serif Display', serif
}

.mng_subscription_card__feature_list {
    margin-top: 20px;
    margin-bottom: 20px
}

.mng_subscription_card__feature_list .mng_subscription_card__feature_list_item {
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    line-height: normal
}

.mng_subscription_card__feature_list .mng_subscription_card__feature_list_item::before {
    content: '\f061';
    font-family: FontAwesome;
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 14px;
    color: #D0B762
}

.mng_subscription_card__btn_section {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    align-items: center
}

.mng_subscription_card__cstm_btn {
    margin-top: auto;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    padding: 5px 25px;
    text-align: center;
    transition: all 0.3s ease;
    color: #fff
}

.mng_subscription_card__cstm_btn i {
    font-size: 11px;
    margin-left: 8px;
    transition: all 0.3s ease
}

.mng_subscription_card__cstm_btn:hover i {
    margin-left: 12px
}

.mng_subscription_card__yellow_btn {
    border: 1px solid #D0B762;
    background-color: #D0B762
}

.mng_subscription_card__yellow_btn:hover,
.mng_subscription_card__yellow_btn:focus {
    color: #D0B762;
    background-color: #fff
}

.mng_subscription_card__green_btn {
    border: 1px solid #287D82;
    background-color: #287D82
}

.mng_subscription_card__green_btn:hover,
.mng_subscription_card__green_btn:focus {
    color: #287D82;
    background-color: #fff
}

.mng_subscription_card__cancel_btn {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 10px
}

.mng_subscription_card__cancel__downgrade_btn {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 10px
}

.subscription_head_wrp {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.subscription_man__card_header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mng_subscription_card__loc_active_wrp {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.subscription_man__loc_toggle_wrp {
    display: flex;
    justify-content: space-between
}

.subscription_man__loc_toggle_wrp .toggleSwitch_info {
    width: 70%;
    margin-bottom: 0
}

.subscription_man__loc_card .subscription_man__loc_toggle_wrp {
    margin-left: 20px
}

.subscription_man_card__card_current {
    display: none
}

.active_subscription .subscription_man_card__card_current {
    display: block;
    color: #287D82;
    font-size: 10px;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px
}

.active_subscription .subscription_man_card__card_current::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #287D82;
    box-shadow: 0 0 0 rgba(204, 169, 44, .4);
    animation: pulse 2s infinite
}

.mng_subscription_card__loc_active_wrp .subscription_man_card__card_current {
    margin-bottom: 0
}

.location_tab_sidebar {
    flex: 0 2 25%;
    padding: 0 45px 0 0;
    position: relative;
    height: fit-content;
    transition: all 0.5s ease
}

.location_tab_sidebar.hide_tab_sidebar_ul {
    flex: 0 1 5%
}

.location_tab_sidebar.hide_tab_sidebar_ul .cstmTabLi .cstm_nav_link {
    word-break: break-all
}

.location_tab_cont_main {
    flex: 1 0 75%
}

.tab_sidebar_toggler {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #287D82;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -28px;
    transform: translateY(-50%) rotate(180deg);
    border-left: 2px solid transparent !important;
    border: 2px solid #287D82;
    transition: all 0.3s ease
}

.tab_sidebar_toggler i.fa {
    transition: all .3 ease
}

.tab_sidebar_toggler_mob {
    display: none
}

.tab_sidebar_toggler:focus,
.tab_sidebar_toggler:hover {
    color: #287D82
}

.chat_row {
    display: flex;
    max-height: 700px;
    height: 100%;
    justify-content: space-between;
    position: relative
}

.chat_list_ul::-webkit-scrollbar,
.chat::-webkit-scrollbar {
    width: 5px
}

.chat_list_ul::-webkit-scrollbar-track,
.chat::-webkit-scrollbar-track {
    background: #f1f1f1
}

.chat_list_ul::-webkit-scrollbar-thumb,
.chat::-webkit-scrollbar-thumb {
    background: #bdbdbd
}

.chat_list_ul::-webkit-scrollbar-thumb:hover,
.chat::-webkit-scrollbar-thumb:hover {
    background: #bdbdbd
}

.chat_col_30 {
    flex: 1 1 30%;
    border-left: 2px solid #287D82
}

.chat_list_ul {
    overflow-y: auto;
    height: 100%;
    z-index: 1;
    position: relative
}

.chat_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.chat_list_item {
    transition: all 0.3s ease;
    position: relative
}

.chat_list_item.active_chat,
.chat_list_item.active_chat:hover {
    background-color: #287D82
}

.chat_list_item:hover {
    background-color: #eee
}

.chat_list_item div {
    padding: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #444
}

.chat_list_item a .chat_user_ini_letter {
    color: #287D82 !important;
    font-size: 16px;
    border: 2px solid #D0B762;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-left: 0 !important;
    margin-right: 5px
}

.chat_list_item a .chat_username {
    margin-left: 5px;
    text-transform: capitalize;
    color: #444
}

.chat_list_item a em {
    font-size: 9px;
    margin-left: auto;
    font-style: normal;
    font-family: 'Outfit', sans-serif;
    letter-spacing: 1px;
    position: absolute;
    right: 15px;
    top: 5px
}

.chat_list_item.active_chat a span,
.chat_list_item.active_chat a em,
.chat_list_item.active_chat a .chat_user_ini_letter {
    color: #fff !important
}

.chat_list_item .chat_unread {
    width: 5px;
    height: 5px;
    background-color: #287D82;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 9px
}

.chat_list_item.active_chat a p {
    color: #eee
}

.chat_list_item img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover
}

.chat_list_item p {
    margin: 0;
    line-height: normal;
    font-size: 12px;
    padding: 0 15px 15px;
    color: #bdbdbd
}

.chat_col_70 {
    flex: 1 0 70%
}

.chat_box_wrp {
    height: 100%;
    border-left: 2px solid #eee
}

.chat_user_name {
    background-color: #287D82;
    color: #fff;
    margin: 0;
    padding: 5px 15px;
    font-size: 16px;
    line-height: normal;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent
}

.chat_user_name span {
    text-transform: capitalize
}

.chat {
    max-height: 500px;
    height: 500px;
    overflow-y: auto;
    padding: 0 15px 20px
}

.chat_date_time {
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
    position: relative
}

.chat_date_time span {
    font-size: 14px;
    font-family: 'Outfit', sans-serif;
    color: #bdbdbd;
    background-color: #fff;
    padding: 2px 5px;
    z-index: 2;
    position: relative
}

.chat_date_time::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #bdbdbd;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1
}

.chat_item {
    display: flex;
    align-items: center;
    padding: 15px 0 0
}

.chat_item.chat_left_msg {
    justify-content: flex-start
}

.chat_item.chat_right_msg {
    justify-content: flex-end
}

/* .chat_item img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
} */
.chat_box

.chat_item.chat_left_msg img,
.chat_item.chat_left_msg .user_ini_letter {
    order: 1;
    margin-right: 15px
}

.chat_item.chat_right_msg img,
.chat_item.chat_right_msg .user_ini_letter {
    order: 2;
    margin-left: 15px
}

.chat_item.chat_right_msg .user_ini_letter,
.chat_item.chat_left_msg .user_ini_letter {
    margin-bottom: 0;
    border-width: 2px;
    font-size: 20px
}

.chat_item span {
    padding: 5px 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 12%);
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    position: relative;
    border-radius: 5px;
    max-width: 70%
}

.chat_item span p {
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    line-height: normal
}
/* chat logo prachi css start */
 .chat_item.chat_left_msg img,
 .chat_item.chat_right_msg img{
    display: none;
 }
 .chat_item.chat_right_msg a,
 .chat_item.chat_left_msg a{
   color:#287D82;
   font-weight: 500;
   text-decoration: underline;
} .chat_item.chat_right_msg a{
    color: #D0B762;
}
    /* chat logo prachi css End */
.chat_item span::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.chat_item.chat_left_msg span {
    order: 2;
    background-color: #D0B762
}

.chat_item.chat_left_msg span::before {
    left: -10px;
    border-right: 10px solid #D0B762
}

.chat_item.chat_right_msg span {
    order: 1;
    background-color: #287D82;
    word-break: break-all;
}

.chat_item.chat_right_msg span::before {
    right: -10px;
    border-left: 10px solid #287D82;
}

.chat_send_form {
    padding: 0 15px;
    margin-bottom: 0;
}

.chat_send_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    position: relative;
}

.chat_send_box textarea {
    width: 100%;
    resize: none;
    border-top: 2px solid #eee;
    border-left: none;
    border-right: none;
    border-bottom: none;
    height: 100px;
    padding: 5px 15px;
    font-size: 16px;
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
}

.chat_send_box textarea:focus-visible {
    border-color: #D0B762;
    outline: none;
}

.chat_send_box button {
    background-color: transparent;
    border: none;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.chat_send_box button:hover i.fa-solid {
    transform: translate(3px, -3px);
}

.chat_send_box button i.fa-solid {
    font-size: 24px;
    color: #287D82;
    transition: all 0.3s ease;
}

.subscription_man_popup.show_popup,
.cancel_subs_popup.show_popup,
.upgrade_subs_popup.show_popup,
.downgrade_subs_popup.show_popup {
    position: relative;
    display: block;
}

.subscription_man_popup {
    display: none;
}

.subscription_man_popup__content {
    max-width: 550px;
    background-color: #fff;
    padding: 50px 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.cstm_popup_close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #287d82;
    cursor: pointer;
}

.subscription_man__ttl {
    color: #287D82;
    position: relative;
    margin-bottom: 20px;
}

.subscription_man__ttl::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    background-color: #D0B762;
    width: 80px;
    height: 2px;
}

.subscription_man__price_wrap {
    margin-bottom: 20px;
}

.subscription_man__price_wrap p {
    font-size: 14px;
}

.subscription_man__price_wrap p,
.subscription_man__price_wrap h3 {
    margin-bottom: 0;
}

.subscription_man__price_wrap h3 {
    color: #D0B762;
    font-size: 28px;
    line-height: normal;
}

.subscription_man__price_wrap .cross-price {
    text-decoration-line: line-through;
    font-size: 14px;
    color: #bdbdbd;
}

.subscription_man_popup__content ul li,
.subscription_man__features_list .subscription_man_features_list_item {
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    line-height: normal;
}

.subscription_man_popup__content ul li::before,
.subscription_man__features_list .subscription_man_features_list_item::before {
    content: '\f061';
    font-family: FontAwesome;
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 14px;
    color: #D0B762;
}

.subscription_man_popup__content .cstm_green_btn:hover,
.subscription_man_popup__content .cstm_green_btn:focus {
    background-color: #fff;
    color: #287D82;
    border: 1px solid #287D82;
}

.subscription_man_popup__content .cstm_green_btn:hover i,
.subscription_man__toggle_content form .cstm_green_btn:hover i {
    margin-left: 12px;
}

.subscription_man_popup__content .cstm_green_btn i,
.subscription_man__toggle_content form .cstm_green_btn i {
    font-size: 11px;
    margin-left: 8px;
    transition: all 0.3s ease;
}

.cstm_green_btn {
    background-color: #287D82;
    border: 1px solid #287D82;
    padding: 5px 25px;
    border-radius: 25px;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    line-height: normal;
    height: 35px;
    transition: all 0.3s ease;
}

.cancel_subs__content {
    max-width: 550px;
    background-color: #fff;
    padding: 50px 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.cancel_subs_popup {
    display: none;
}

.cancel_exclaimation_icon {
    margin: 0 auto;
    display: block;
    width: fit-content;
    font-size: 35px;
    color: #287D82;
}

.cancel_subs_popup__ttl {
    font-size: 20px;
    line-height: normal;
    text-align: center;
    margin: 15px 0;
}

.upgrade_subs__content,
.downgrade_subs__content {
    max-width: 550px;
    background-color: #fff;
    padding: 50px 20px 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    background-image: url(../images/confetti_gif.gif);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.downgrade_subs__content {
    background-image: none;
}

.upgrade_subs_popup,
.downgrade_subs_popup {
    display: none;
}

.upgrade_subs_popup__ttl,
.downgrade_subs_popup__ttl {
    font-size: 22px;
    line-height: normal;
    text-align: center;
    margin: 10px 0;
}

.upgrade_subs_popup_desc,
.downgrade_subs_popup_desc {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
    line-height: normal;
}

.upgrade_subs__content .cstm_popup_btn_row {
    justify-content: center;
}

.checked_animation {
    width: 50px;
    margin: 0 auto;
    display: block;
}

.cstm_popup_btn_row {
    display: flex;
    justify-content: space-between;
}

.cstm_popup__cta_btn {
    width: 48%;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.cstm_popup__green_btn {
    background-color: #287D82;
    color: #fff;
    border-color: #287D82;
}

.cstm_popup__green_btn:hover,
.cstm_popup__green_btn:focus {
    color: #287D82;
    background-color: #fff;
}

.cstm_popup__lightgrey_btn {
    background-color: #eee;
    color: #bebebe;
    border-color: #eee;
}

.cstm_popup__lightgrey_btn:hover,
.cstm_popup__lightgrey_btn:focus {
    background-color: #bebebe;
    color: #eee
}

div[data-name="brand_name_acf"],
div[data-name="image_1_acf"],
div[data-name="image_2_acf"],
div[data-name="image_3_acf"],
div[data-name="subscription_status"],
div[data-name="price_frequency"],
div[data-name="suite_types"],
div[data-name="location_id_acf"] div[data-name="latitude_acf"],
div[data-name="longitude_acf"],
div[data-name="banner_rep"],
div[data-name="website_url_acf"],
div[data-name="owner_phone"],
div[data-name="owner_email"],
div[data-name="google_url_acf"],
div[data-name="location_id_acf"],
div[data-name="neighborhood_acf"],
div[data-name="market_acf"],
div[data-name="latitude_acf"],
div[data-name="price_low"],
div[data-name="price_high"] {
    display: none
}

.locWrapper {
    padding: 20px;
    border: 1px solid #000;
    border-radius: 10px;
    margin: 20px;
    width: 100%
}

.loc_pro_head_col {
    display: flex;
    align-items: center
}

.loc_pro_head_col .postUpdatedSuccess {
    margin-top: 0
}

.loc_pro_head_col .brand_add_new_loc_btn {
    margin-bottom: 0;
    margin-right: 20px
}

.brand_add_new_loc_btn {
    font-size: 14px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    width: max-content;
    margin-left: auto
}

.brand_add_new_loc_btn span {
    text-decoration: underline
}

.brand_add_new_loc_btn i {
    font-size: 20px;
    margin-right: 5px;
    color: #D0B762
}

.main_Loc_Cnt_row {
    width: 100%;
    margin-bottom: 15px
}

.main_Loc_Cnt_row th {
    background-color: #D0B762;
    color: #fff;
    border-radius: 0;
    border-color: #fff !important;
    border-left: none !important
}

.main_Loc_Cnt_row td,
.main_Loc_Cnt_row th {
    border: 1px solid #D0B762;
    text-align: center
}

.main_Loc_Cnt_row td img {
    width: 22px
}

.brnd_loc_not_claimed {
    background-color: #D0B762;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    margin: 0 auto
}

.toggleSwitch {
    position: relative;
    width: 55px;
    height: 26px;
    cursor: pointer;
    margin-bottom: 0
}

.toggleSwitch input {
    opacity: 0
}

.switcher {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-color: #ccc;
    border-radius: 25px
}

.toggleSwitch input:checked+.switcher {
    background-color: #287D82
}

.switcher.round::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    transition: all 0.4s ease
}

.toggleSwitch input:checked+.switcher::before {
    left: 31px
}

.subscription_head_wrp {
    display: flex;
    align-items: center;
    justify-content: space-between
}
/* free-user grid sec  start*/
.subscription_head_wrp .grid_freeuser{
    grid-template-columns: repeat(2, 1fr);
}
/* free-user grid sec ENd */
.brand_link {
    display: none
}

.mobile_nav_pills_toggle {
    display: none
}

.cstm_nav_pills {
    padding: 0;
    text-align: center;
    background: #FFF;
    border: none;
    border-radius: 25px
}

.cstm_nav_pills li {
    display: block
}

li a.cstmBilling {
    cursor: pointer;
    margin-bottom: 10px
}

li a.cstmBilling.drop_open {
    margin-bottom: 0;
    border-radius: 10px 10px 0 0 !important
}

li a.cstmBilling:hover {
    color: #fff !important
}

li a.cstmBilling i.fa-solid {
    margin-left: 10px;
    font-size: 16px
}

.cstmTabLI.cstmBillingLi {
    margin-bottom: 0
}

.cstmTabLI {
    margin-bottom: 10px
}

.billingSubMenu {
    padding: 0;
    border: none;
    display: block;
    border-radius: 0 0 10px 10px;
    background: #e3ce85;
    margin-bottom: 10px;
    overflow: hidden
}

.billingSubMenu li {
    margin-bottom: 0
}

.billingSubMenu .cstm_nav_link {
    border: none;
    font-size: 16px;
    color: #fff !important;
    height: auto;
    background: transparent;
    border-radius: 0 !important
}

.reset_password_page .title-section {
    display: none
}

.reset_password_page #password-lost-form-wrap {
    background: #fff;
    padding: 25px;
    margin: 50px auto;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    border-radius: 10px;
    width: 50%;
    position: relative
}

.reset_password_page #lostpasswordform legend,
.reset_password_page #resetpasswordform legend {
    color: #287D82;
    margin-bottom: 25px;
    position: relative;
    font-size: 2rem;
    font-family: 'DM Serif Display', serif;
    font-weight: 500;
    line-height: 1.2
}

.reset_password_page #lostpasswordform legend::after,
.reset_password_page #resetpasswordform legend::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    border-top: 3px solid #D0B762;
    width: 35px
}

.reset_password_page #password-lost-form-wrap input {
    max-width: 100%
}

.reset_password_page #reset-pass-submit {
    background-color: #287D82 !important;
    color: #fff !important;
    border: 1px solid #287D82;
    padding: 8px 45px !important;
    border-radius: 5px;
    font-size: 18px;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease
}

.reset_password_page #reset-pass-submit:hover {
    background-color: transparent !important;
    color: #287D82 !important;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%)
}

.articles_list_item:first-of-type .article_img_block img {
    width: 100%;
    height: 200px;
    object-fit: cover
}

.article_img_block img {
    height: 110px
}

/* prachi css start icon */
.chat_box .chat_left_msg span,
.chat_box .chat_right_msg span {
    word-break: break-all;
}

.page-template-prof-tempate .texnobtns .tournewaf:after {
    right: -46px;
}
.cst-mainwrapbtn .texnobtns a:hover{
    background-color: #287d82;
    border: 1px solid #287d82 !important;
    color: #fff;
} 
.page-template-prof-tempate .location_box i.fas.fa-bolt {
    font-size: 20px;
}

.list_image .locStatusTxt {
    background: #287D82;
    padding: 7px 10px;
    border-radius: 25px;
    color: #fff !important;
    position: absolute;
    bottom: 5px;
    right: 5px;
    box-shadow: 0 3px 6px #287D82;
}

.locStatusTxt.nearbyStatus {
    height: 27.5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list_image {
    position: relative;
}

.location-status-parent {
    position: relative;
}

.location-status-parent i.fa-solid {
    position: absolute;
    top: 32%;
    right: 15px;
    transform: translateY(-50%);
    color: #D0B762;
}

.edit_loc__form_group .Newly-open {
    width: 100%;
    text-transform: capitalize;
    background-image: none;
    height: 36px;
    color: #D0B762;
    padding: 0px 15px !important;
    border: 1px solid #D0B762 !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 3px;
    display: block;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #D0B762;
    position: relative;
}

.edit_loc__form_row:nth-child(2) {
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
.edit_brand__bnr_form_row:nth-child(2){
    grid-template-columns: 1fr;
}
table.cstm_previewspacing{
    border-collapse: separate;
    border-spacing: 20px 0;
    padding-top: 30px;
}
/* prachi css ENd */
/* Preview temp TABLE CSS START */
thead tr.cstm_pricing th.sff_td,
thead tr.cstm_pricing th.sfm_td,
thead tr.cstm_pricing th.sf_mem_td,
tr td.sfm_td ,
tr td.sff_td,
tr td.sf_mem_td{
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: 'Outfit', sans-serif;
}
thead tr.cstm_pricing th.sff_td,
tr td.sff_td{
    background: #D0B762;
    box-shadow: 0 4px 16px #D0B762;
}
thead tr.cstm_pricing th.sf_mem_td,
tr td.sf_mem_td{
    background: #444;
}
thead tr.cstm_pricing th.sfm_td,
tr td.sfm_td{
    background: #287d82;
}
thead tr.cstm_pricing th h3{
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    padding: 10px 0;
    font-family: 'Outfit', sans-serif;
}
thead tr.cstm_pricing th.sfm_td.wdthtd_20,
thead tr.cstm_pricing th.sf_mem_td.wdthtd_20,
thead tr.cstm_pricing th.sff_td.wdthtd_20{
    width: 25%;
}
tr td.left_tabletd.wdth_40{
   
    width: 25%;
    border-bottom: unset;
}
.Preview_cards table thead tr span.pricing_span{
    font-size: 18px;
    font-weight: 400;
}
tfoot tr td span,
tfoot tr td p{
    color: #fff;
    font-size: 17px;
     font-family: 'Outfit', sans-serif;

}
/* .Preview_cards thead th.sf_mem_td h3{
    margin-bottom: 43px;
} */
tfoot tr td label:focus{
    background: #fff;
}
tfoot td label{
    border: unset;
    color: #D0B762;
    padding: 15px 20px;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
}
tfoot tr td label.button_sff{
  color:#D0B762 ;
}
tfoot tr td label.button_sf{
 color:  #287d82;
}
tfoot tr td label.button_free_f{
 color: #444;
}
.listing_dummy_ul{
    background: #fff;
    max-width: 40%;
    margin: 0 auto;
    padding: 10px;
    border-radius: 15px;
}
.listing_dummy_ul li{
    width: 100%;
    height: 12px;
    border: 1px solid;
    border-radius: 25px;
}
.bg_sff_ul li{
    border-color: #c1ae63;
    margin: 0 0 3px 0;
}
.bg_sfm_ul li{
    border-color: #287d82;
    margin: 0 0 3px 0;
}
.bg_sf_ul li{
    border-color:#444;
    margin: 0 0 3px 0;
}
tbody ul.listing_dummy_ul li.listing_firstclr{
    background: #c1ae63;
}
tbody ul.listing_dummy_ul li.listing_secclr{
    background: #287d82;
}
tbody ul.listing_dummy_ul li.listing_thirdclr{
    background: #444;
}
tr td.left_tabletd{
  color: #444;
  font-size: 14px;
  border: 1px solid #444;
  font-family: 'Outfit', sans-serif;
 
}
tbody tr th.left_tabletd.wdth_40{
    font-size: 12px;
    font-weight: 700;
    color: #287d82;
    padding: 5px 10px;
}
.Preview_cards thead, 
tbody tr td.left_tabletd.wdth_40{
    border:unset;
}

.Preview_cards  table td,
.Preview_cards  table tr,
.Preview_cards  table th {
    border-radius: unset;
}

.Preview_cards table tbody tr:first-child th {
   border-top:1px solid #c1ae63;
   border-left:1px solid #c1ae63;
   border-right:1px solid  #c1ae63;
   border-radius: 10px 10px 0 0;


}

.Preview_cards table tbody tr:last-child th {
    border-bottom:1px solid #c1ae63;
    border-left:1px solid  #c1ae63;
    border-right:1px solid #c1ae63;
    border-radius: 0  0 10px 10px;
 }


 .Preview_cards table tbody tr th {
     border-left:1px solid #c1ae63;
    border-right:1px solid #c1ae63;
    font-weight: 400;
    padding: 10px 5px;
 }
  tfoot td.cstm_bottomborder,
 tfoot td.cstm_bottomborder,
 tfoot td.cstm_bottomborder{
    border-radius: 0 0 25px 25px;
 } 

/* .Preview_cards  table tr:nth-child(even) th{
    background-color: #f2f2f2;
} */
thead tr.cstm_pricing th.sfm_td.wdthtd_20,
thead tr.cstm_pricing th.sf_mem_td.wdthtd_20,
th.cstm_tabletxt.cst_clrfave.sff_td.wdthtd_20{
    border-radius: 25px 25px 0 0;
} 
.Preview_cards table tbody tr:last-child td:nth-child(3){
    border-bottom: 1px solid #fff;
}
/* td.sfm_td.wdthtd_20.bottom_border{
    border-bottom: 1px solid #fff;
} */
.form-row .col-lg-12.form-group .select_brand_wrp span.select2.select2-container.select2-container--default{
  display: block;
}
/* 28-03-2023 */
thead th.cstm_tabletxt.cst_clrfave.sff_td.wdthtd_20 img{
    width: 26px;
    height: 26px;
}
thead th.cstm_tabletxt.cst_clrfave.sff_td.wdthtd_20 {
    position: relative;
}
tfoot tr td label.button_free_f:hover,
tfoot tr td label.button_sf:hover,
tfoot tr td label.button_sff:hover{
    opacity: 0.8;
}

/* 28-03-2023 */
/* Preview temp TABLE CSS END */



/* OTP POPUP START */
.modal-dialog.otp_box{
max-width: 300px !important;
}
.main_modal{
    width: 100%;
}
.modal-content.otp_content{
    border: none;
}
.close.otp_closebtn{
    color: #444444;
    font-size: 25px;
    position: absolute;
    right: -9px;
    top: -30px;
}
input.form-control.otp_formcontrol{
    border: 1px solid #444;
    border-radius: 25px;
    height: 30px;
    padding-left: 20px;
    position: relative;
    width: 88%;
    font-size: 16px;
    font-family: 'Outfit', sans-serif;
}

.modal-header.Otp_header{
border-bottom: none;
}
.otp_btnwrp{
    display: flex;
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin: 0 auto;
}
.phone_number .valid_otp_err.valid_err{
    bottom: -17px;
}
.Otp_verify .continue_btn.email_otp{
    width: 100%;
}

h4.modal-title.Otp_text{
    text-align: center;
    font-size: 20px;
    color: #444;
    margin: 0 auto;
    font-family: 'DM Serif Display',
}
.modal-content.otp_content p.modal-otp-para{
    font-size: 15px;
    /* font-family: 'DM Serif Display'; */
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin: 0;
}
.main_modal.otp_veri_popup .modal-dialog.otp_box{
    padding: 40px 24px 30px;
}
.phone_number span.valid_otp_err.valid_err{
    font-size: 10px;
}
.modal-header.Otp_header{
    padding: 0 0 10px 0;
}
/* .OTP_modal-dialog{
    max-width: 300px;
    background-color: #fff;
    padding: 40px 24px 50px;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-8%,-50%); 
    width: 100%;
}
.Otp_modal{
    background: rgb(0 0 0/70%);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}
.Otpmodal-title{
    text-align: center;
    font-size: 23px;
    color: #444;
    font-family: 'DM Serif Display',
}
.closeOtp_btn{
    color: #444444;
    font-size: 20px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    border: unset;
    background: #fff;
} */



/* OTP POPUP END*/


@media screen and (min-width:768px) and (max-width:1024px) {
    .article_nested_grid .article_img_block img {
        max-height: 141px;
        width: 100%;
        height: 141px;
        object-fit: cover;
    }

    .article_nested_grid .article_content_block {
        background: #fff;
    }

    .articles_list_item:first-of-type .article_img_block img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .article_img_block img {
        height: 110px;
    }

}

@media screen and (max-width:1024px) {

    body.page-template-register_location_template header .mob_loc_bar,
    body.page-template-template-prof-steps header .mob_loc_bar,
    body.page-template-Rgister_brand_template .mob_loc_bar {
        display: none;
    }
}

@media screen and (max-width:991px) {
/* Preview temp TABLE CSS START */

    table.cstm_previewspacing {
    border-spacing: 10px 0;
    }
    thead tr.cstm_pricing th h3 {
    font-size: 25px;
    }
    .Preview_cards table thead tr span.pricing_span {
    font-size: 16px;
    }
    tfoot td button {
    padding: 13px 18px;
    }
    .listing_dummy_ul {
      max-width: 50%;
    }
/* Preview temp TABLE CSS END */

    .location_tab_sidebar {
        padding: 0;
        flex: inherit
    }

    .tab_sidebar_toggler {
        display: none
    }

    .page-template-location-pro .brand_cnt_row,
    .page-template-prof-tempate .brand_cnt_row {
        padding: 0 15px;
        flex-direction: column
    }

    .mng_subscription_card_row {
        margin-top: 20px;
    }

    .cstm_nav_pills {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background-color: #D0B762;
        border-radius: 0;
        margin-bottom: 30px
    }

    .cstm_nav_pills li {
        display: none
    }

    .cstm_cc_details_card .credit {
        flex-direction: column;
    }

    .cc_update_popup_content {
        max-width: 90%;
        width: 100%
    }

    .detail {
        text-align: center
    }

    .after_prof_regis_message h4 {
        font-size: 14px;
        text-align: center
    }

    .mobile_nav_pills_toggle {
        padding: 10px;
        border: 1px solid #D0B762;
        color: #D0B762;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .brand_cnt_row .cstm_nav_link {
        color: #fff !important;
        border-radius: 0 !important;
        background: transparent;
        border: none
    }

    .brand_cnt_row .cstm_nav_link.active {
        color: #D0B762 !important;
        background-color: #fff !important;
        border-left: 1px solid #D0B762;
        border-right: 1px solid #D0B762
    }
}

@media(max-width:768px) {
 
  

    /* 28-03-2023 */
    .item .mob_member__card.mob_member__sff_card{
        position: relative;
    }
    .mob_member__card_footer label{
        opacity: 0.8;
    }
    .item .mob_member__card.mob_member__sff_card img{
        width: unset;
    }
    /* 28-03-2023 */
    .subscription_man_popup__content,
    .cancel_subs__content,
    .upgrade_subs__content,
    .downgrade_subs__content,
    .plansPopupMain .popupContent {
        width: 90%
    }

    .cancel_subs__content {
        padding: 50px 15px
    }

    .cstm_popup__cta_btn {
        font-size: 14px
    }

  

    .row.brand_cnt_row,
    .main_Loc_Cnt_row {
        display: block
    }

    .list_image .locStatusTxt {
        padding: 4px 10px;
    }

    .ctm-wrappercentage h3 {
        font-size: 18px;
    }

}

@media(max-width:380px) {
    .cstNewPrice.cstm_subs_row .cstm_subs_col .cst-curve {
        border-left: 170px solid transparent;
        border-right: 170px solid transparent;
        bottom: -58px
    }



}

@media(max-width:360px) {
    .cstNewPrice.cstm_subs_row .cstm_subs_col .cst-curve {
        border-left: 165px solid transparent;
        border-right: 165px solid transparent;
        bottom: -57px
    }

    .header_announcement a {
        font-size: 9.1px;
    }

}

.cst-best-ribbon {
    left: auto;
    right: 25px
}

body.page-template-Rgister_brand_template .footer .container .row {
    display: none
}

body.page-template-register_location_template .ftr_sec_one {
    display: none
}

body.page-template-register_location_template .ftr_logo_img {
    display: none
}

body.page-template-register_location_template .cstm_footer {
    padding: 0px !important
}

body.page-template-register_location_template .desk_loc_bar {
    visibility: hidden !important
}

body.page-template-register_location_template .ftr_social_links_row {
    visibility: hidden !important
}

body.page-template-register_location_template .nav_col_1 {
    visibility: hidden !important
}

body.page-template-register_location_template .nav_col_3 {
    visibility: hidden !important
}

body.page-template-Rgister_brand_template .cstm_footer {
    padding: 0px !important
}

body.page-template-Rgister_brand_template .desk_loc_bar,
body.page-template-Rgister_brand_template .ftr_social_links_row,
body.page-template-Rgister_brand_template .nav_col_1,
body.page-template-Rgister_brand_template .nav_col_3,
.page-template-template-prof-steps .nav_col_3,
.page-template-template-prof-steps .nav_col_1,
.page-template-template-prof-steps .desk_loc_bar,
.page-template-template-prof-steps .ftr_social_links_row {
    visibility: hidden !important
}

body.page-template-Rgister_brand_template .ftr_sec_one,
body.page-template-Rgister_brand_template .ftr_logo_img,
.page-template-template-prof-steps .ftr_sec_one,
.page-template-template-prof-steps .ftr_logo_img,
.page-template-template-prof-steps .mob_loc_bar {
    display: none
}

body.page-template-Rgister_brand_pay_success .ftr_sec_one,
body.page-template-Rgister_brand_pay_success .ftr_logo_img {
    display: none
}

body.page-template-Rgister_brand_pay_success .cstm_footer,
.page-template-template-prof-steps .cstm_footer {
    padding: 0px !important
}

body.page-template-Rgister_brand_pay_success .desk_loc_bar,
body.page-template-Rgister_brand_pay_success .ftr_social_links_row,
body.page-template-Rgister_brand_pay_success .nav_col_1,
body.page-template-Rgister_brand_pay_success .nav_col_3 {
    visibility: hidden !important
}