#search_ttl,
.invalid-error,
.popular-category,
.text-center {
    text-align: center
}

#header,
#search_ttl li {
    padding-top: 10px
}

.blink-img,
.phone-call {
    right: 15px;
    bottom: 70px
}

.a-call:hover,
.tag-count,
.tag-count:hover {
    text-decoration: none
}

@keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(.3);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(.6);
        opacity: .6
    }

    75% {
        -webkit-transform: scale(.9);
        opacity: .3
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0
    }

    25% {
        transform: scale(.3);
        opacity: 1
    }

    50% {
        transform: scale(.6);
        opacity: .6
    }

    75% {
        transform: scale(.9);
        opacity: .3
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes scrollclients {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-250px * 7))
    }
}

@keyframes circle {
    0% {
        top: 60px;
        height: 5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7)
    }

    40% {
        height: 20px;
        border-radius: 50%;
        transform: scaleX(1)
    }

    100% {
        top: 0
    }
}

@keyframes shadow {
    0% {
        transform: scaleX(1.5)
    }

    40% {
        transform: scaleX(1);
        opacity: .7
    }

    100% {
        transform: scaleX(.2);
        opacity: .4
    }
}

@keyframes slideInFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.custom-select,
.custom-select button {
    color: #000 !important;
    background-color: #fff !important
}

.content-dynamic-design {
    color: #000;
    min-height: 75px
}

.content-dynamic-design span {
    color: #000;
    background: #fff;
    font-weight: 700
}

.content-dynamic-design .badge-success {
    background-color: #28a745 !important;
    color: #fff !important;
    margin: 0 !important
}

.content-dynamic-design .badge-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
    margin: 0 !important
}

.recent-container {
    background: #f5f5f5
}

.invalid-feedback {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #f23a2e
}

.h5-custom {
    font-size: 17px !important;
    color: #000
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(242, 58, 46, .9);
    border-radius: .25rem
}

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

.comment-section .invalid-feedback,
.disp-none {
    display: none !important
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
    border-color: #f23a2e !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.section-heading img {
    display: inline-block;
    float: left
}

.comment-section .card {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 5px
}

.comment-section label {
    font-weight: 100
}

#login_div,
.contact-custom {
    background-color: #f8f9fa !important
}

.bg-white {
    background-color: #fff !important
}

.p-5 {
    padding: 3rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.sec-pad-custom {
    background: #f8f9fa !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mt-16-rem {
    margin-top: 16rem !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.min-height-60vh {
    min-height: 60vh
}

.login_regi_div {
    width: 50%;
    margin: auto;
    padding: 3rem !important;
    background-color: #fff !important
}

.listing,
.overlap-category,
.popular-category {
    background: #fff;
    position: relative
}

#login_div .text-white,
.popular-category .caption:hover,
.text-white {
    color: #fff
}

.footer-para,
footer i {
    color: #909090
}

#login_div .rounded,
.rounded {
    border-radius: .25rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-5 {
    margin-top: 5px !important
}

.margin-top-10,
.mt-10 {
    margin-top: 10px !important
}

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

.mrg-l-0 {
    margin-left: 0 !important
}

#login_div .form-group {
    margin-bottom: 1rem
}

#opening-closing-sec .row,
#pricing_div.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

#pricing_div .card {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

#pricing_div .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

#pricing_div .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

#pricing_div li {
    margin-bottom: 10px
}

.footer-para {
    font-family: 'Open Sans', 'sans-serif'
}

.item-ttl,
.recommend-btn {
    color: #fff !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.popular-category {
    display: block;
    padding: 30px 10px;
    border-radius: 7px;
    top: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.h-100 {
    height: 100% !important
}

.popular-category .icon>span {
    line-height: 0;
    font-size: 45px
}

.popular-category .caption {
    color: #666;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    text-transform: none;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 400
}

.d-block {
    display: block !important
}

.popular-category .icon {
    display: block;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    margin-bottom: 10px
}

.popular-category:hover {
    background: #0092ff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    top: -10px
}

#filter_form .filter_form_category {
    padding: 15px;
    border: 1px solid #dee2e6 !important
}

#filter_form .filter-form-buttons {
    margin-right: 15px;
    margin-bottom: 25px
}

.listing.vertical {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    display: block !important
}

.listing {
    -webkit-box-shadow: 0 2px 20px -2px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 20px -2px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    border-radius: 7px
}

.listing.vertical .img {
    height: 150px;
    margin-right: 0;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0
}

.listing .img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 10px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px
}

.listing .lh-content {
    padding: 20px;
    position: relative;
    width: 100%
}

.listing .category {
    padding: 5px 10px !important;
    border-radius: 3px !important;
    margin-bottom: 4px !important;
    font-size: 11px;
    display: inline-block;
    background: #e9ecef;
    color: #000;
    font-weight: 700
}

.breadcrumb-parent .breadcrumb-item,
.listing h3 {
    font-size: 16px !important
}

address {
    margin-bottom: .3rem;
    font-style: normal;
    line-height: inherit
}

.cat-user-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.item-box-user-img-div {
    padding-right: 0;
    padding-left: 15px
}

.rounded-circle {
    border-radius: 50% !important
}

.site-section img {
    max-width: 100%
}

.item-box-user-name-div {
    padding-left: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.line-height-1-0 {
    line-height: 1
}

.cat-user-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.item-box-user-div,
.overlap-category .row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.line-height-1-2 {
    line-height: 1.2
}

.item-box-user-name-div.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

a {
    transition: .3s
}

.cat-state-filter a:hover,
.lh-content a:hover {
    text-decoration: none !important;
    color: #000
}

.overlap-category a:hover {
    text-decoration: none !important;
    color: #fff
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.overlap-category {
    z-index: 20;
    border-radius: 10px;
    margin-top: 15px
}

.image-category-img {
    max-height: 113px !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.lattest-listings-box-cat {
    display: flex !important;
    flex-wrap: wrap !important
}

#item-gallery .slider-item-image {
    min-height: 180px !important;
    max-width: 100% !important;
    min-width: 100%;
    max-height: 180px
}

#review-gallery img {
    min-height: 100px !important;
    max-height: 100px !important;
    max-width: 100% !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.recommend-btn {
    background-color: #8bc34a !important
}

.similar-nearby-container {
    display: flex;
    flex-wrap: wrap
}

.site-blocks-cover.inner-page-cover,
.site-blocks-cover.inner-page-cover>.container>.row {
    min-height: 500px;
    height: calc(30vh)
}

.site-blocks-cover.overlay {
    position: relative
}

.site-blocks-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.site-blocks-cover.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .4)
}

.bg-light {
    background: #ebebeb
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

#opening-closing-sec,
[dir=rtl] .slick-slide {
    float: right
}



.blink-img,
.phone-call {
    position: fixed;
    width: auto
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.border-dark {
    border-color: #343a40 !important
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

#social-contacts a {
    font-size: 25px
}

.search-box-custom {
    padding-right: 30px !important
}

.img-fluid {
    max-height: 300px;
    width: auto;
    opacity: .8
}

#search_input_container,
#search_ttl,
#wrapper,
.accordion {
    width: 100%
}

#search_ttl li {
    padding-bottom: 10px
}

.search_main_container {
    margin-top: 25px
}

.text-lg {
    font-size: 1.2rem
}

.text-gray-800 {
    color: #5a5c69 !important
}

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

.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 20px 10px 10px;
    border-radius: 5px
}

.bg-info {
    background-color: #30e3ca !important
}

.tag-count {
    padding: 10px
}

.tag-count:hover {
    color: #fff;
    background-color: #1bc5ad !important
}

.error-success-block {
    display: contents !important;
    text-align: center;
    padding: 20px
}

.invalid-error {
    padding: 10px;
    color: #a94442;
    background-color: #f2dede;
    border: .5px;
    display: block
}

.accordion:hover,
.active_accordion,
.panel {
    background-color: #fff
}

.accordion {
    cursor: pointer;
    padding: 18px;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px;
    transition: .4s;
    color: #fff
}

.accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: 700;
    float: right;
    margin-left: 5px
}

.active_accordion:after {
    content: "\2212"
}

.panel {
    padding: 0 18px;
    max-height: 0;
    height: auto !important;
    overflow: hidden;
    transition: max-height .2s ease-out
}

.blink-img {
    height: 80px;
    z-index: 9999;
    animation: 1.2s linear infinite blink;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}

.color-white {
    color: white !important;
}

.req-color {
    color: red
}

.img-custom-list {
    max-width: 100% !important
}

.phone-call {
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-block;
    line-height: 52px
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.phone-call:before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -15px;
    left: -15px;
    background-color: #487cf4;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    opacity: .6;
    -webkit-animation: 1s ease-out infinite pulse;
    animation: 1.8s ease-out infinite pulse
}

.our-clients-sec {
    background: #f5f5f5;
    padding-bottom: 100px !important;
    padding-top: 50px !important
}

.slick-slide {
    margin: 0 20px
}

.slick-slide img {
    width: 100%;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-arrow.slick-hidden,
.slick-slide,
.slick-slide.slick-loading img {
    display: none
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.section-padding {
    padding: 60px 0
}

.brand-carousel {
    background: #f0f8ff
}

.owl-dots {
    text-align: center;
    margin-top: 4%
}

.owl-dot {
    display: inline-block;
    height: 15px !important;
    width: 15px !important;
    background-color: #878787 !important;
    opacity: .8;
    border-radius: 50%;
    margin: 0 5px
}

.owl-dot.active {
    background-color: #000 !important
}

.disp-inline-blck {
    display: inline-block !important
}

.font-weignt-300 {
    font-weight: 300 !important
}

.font-weignt-500 {
    font-weight: 500 !important
}

.min-height-300 {
    min-height: 300px !important
}

#wrapper {
    position: fixed;
    z-index: 9999;
    padding: 0;
    margin: 0;
    height: 100vh;
    background: radial-gradient(#000, #292929);
    opacity: .7
}

.wrapper {
    width: 200px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.circle,
.shadow {
    width: 20px;
    border-radius: 50%;
    transform-origin: 50%;
    position: absolute;
    left: 15%
}

.circle {
    height: 20px;
    background-color: #fff;
    animation: .5s infinite alternate circle
}

.circle:nth-child(2),
.shadow:nth-child(4) {
    left: 45%;
    animation-delay: .2s
}

.circle:nth-child(3),
.shadow:nth-child(5) {
    left: auto;
    right: 15%;
    animation-delay: .3s
}

.shadow {
    height: 4px;
    background-color: rgba(0, 0, 0, .5);
    top: 62px;
    z-index: -1;
    filter: blur(1px);
    animation: .5s infinite alternate shadow
}

.wrapper span {
    position: absolute;
    top: 75px;
    font-family: Lato;
    font-size: 20px;
    letter-spacing: 12px;
    color: #fff;
    left: 15%
}

.custom-form {
    min-width: 100px !important
}

#emergency_con_table_wrapper table {
    width: 100% !important
}

.custom-form-design {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.custom-blog-title {
    min-height: 60px;
    max-height: 60px;
    overflow: hidden
}

.footer-main .logo-block img {
    height: 100px;
    width: auto
}

.max-300 {
    max-height: 250px
}

.min-300 {
    min-height: 250px
}

.modal {
    z-index: 999999 !important;
}

.custom-listing-box {
    min-height: 550px
}

.cta-section .container>h3 {
    font-weight: 400 !important
}




/* New css */

/* .nice-select.open .list{
    width: 100%;
} */
.select-option .custom-select {
    width: 100%;
    margin-bottom: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.cat-selector {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.offcanvas__logo img.mobile-sidebar-logo {
    height: 75px;
    width: 200px;
}

.logo .logo-image img {
    max-width: 100px;
}

.single-smblog .blog-image img {
    min-height: 200px;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
}

.home-banner-img {
    height: 200px;
    object-fit: cover;
}

.home-category {
    height: 140px;
    object-fit: cover;
}

.home-feature-listing-primary-img {
    height: 280px;
    object-fit: cover;
}

.home-feature-listing-secondary-img {
    height: 135px;
    object-fit: cover;
}

.custom-banner {
    background-position: center bottom;
}

.blog-details-image {
    object-fit: cover;
    background-position: center;
}

.news-share a {
    margin-right: 10px !important;
}

.main-menu ul li:hover ul.submenu {
    z-index: 99;
}

.header-select {
    display: flex;
    justify-content: center;
    align-items: center;
}

ol.filter-nav {
    margin-bottom: 15px;
    margin-top: 15px;
}

.width-100 {
    width: 100%;
}

.search-filter-form .nice-select {
    line-height: 30px !important;
}

.search-filter-form .nice-select ul.list {
    z-index: 999999;
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
}

.categories__img {
    position: relative;
}

/* .categories__img::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
} */

.categories__area a {
    color: #fff;
}

.categories__content a:hover {
    color: #16bcdc;
}

.banner__content-2 a {
    color: #fff;
}

.banner__content-2 a:hover {
    color: #fff;
}

.header-banner-sidebar .banner__img {
    position: relative;
}

/* .header-banner-sidebar .banner__img::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
} */

.home-primary-slider .single-slider {
    position: relative;
}

.home-primary-slider .single-slider::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    z-index: -99999;
}

.custom-3-banner-area .banner__img {
    position: relative;
}

.custom-3-banner-area .banner__img img {
    min-height: 200px;
    max-height: 200px;
    transition: all 0.3s ease-out 0s;
    object-fit: cover;
    object-position: top;
}

.page-banner-area::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.9) !important;
    opacity: 0.6 !important;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* .custom-3-banner-area .banner__img::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
} */

.home-most-visited-listing-container {
    padding: 10px;
}

.single-features-item .features-product-image img {
    border-radius: 10px;
}

.single-features-item .product__content {
    padding: 10px;
}

.product__content.near-by-listing-home-container {
    min-height: 125px;
    padding-bottom: 0;
}


.breadcrumb-menu li a {
    color: #fff !important;
}


/* Add this to your CSS file or in a <style> tag */

@media screen and (min-width:575px) {
    .button-container {
        display: none !important;
    }

    .blink-img {
        display: none;
    }
}


.button-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    align-items: center;
    background: #fff;
    z-index: 99999;
}

/* Styling individual buttons */
.button-container a {
    flex: 1;
    /* margin: 0 5px;
    padding: 10px; */
    font-size: 16px;
    color: #000;
    text-align: center
        /* background-color: #fff;
    text-align: center;
    border: none;
    border-radius: 5px;
    cursor: pointer; */
}

.sticky {
    position: fixed;
    z-index: 9999;
    width: 100%
}

.extra-section-container a,
.extra-section-container button {
    margin-bottom: 10px;
}

.modal-rating .nice-select,
.modal-rating .nice-select ul {
    width: 100%;
}

#review_auth_modal .nice-select,
#review_auth_modal .nice-select ul {
    width: 100%;
}

.custom-checkbox {
    width: 5% !important;
}

.disp-inline-block {
    display: inline-block !important;
}

.jstars-empty,
.jstars-filled {
    font-size: 1rem !important;
}

.custom-featured-box .mb-5 {
    margin-bottom: 5px !important;
}

.cart-btn-2,
.tp-in-btn {
    color: #fff !important;
}

.cart-btn-2:hover,
.tp-in-btn:hover {
    color: #990606 !important;
}

.custom-badge .badge.badge-success {
    background-color: #5aab19 !important;
    color: #fff !important;
}

.custom-badge .badge.badge-danger {
    background-color: red !important;
    color: #fff !important;
}

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


.header-action .icon-link:hover .sub,
.header-action .icon-link:hover span {
    color: #990606 !important;
    opacity: 1 !important;
}


/* New css animations */

:root {
    --pink: #f50057;
    --animation-curve: cubic-bezier(0.12, 0.7, 0.74, 0.71);
}

.phone {
    z-index: 2;
    background-color: var(--pink);
    animation: phone 1s var(--animation-curve) infinite alternate-reverse;
    display: grid;
    justify-content: center;
    align-items: center;
    border: 0.5px white solid;
    right: 30.5%;
    bottom: 23%;
    position: absolute;
    border-radius: 50%;
    padding: 5px;
}

.blink-font-icon {
    color: white;
    font-size: 10px !important;
}

div.circle1 , div.circle2 {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: red;
    animation: scaling 2s var(--animation-curve) infinite;
    position: absolute;
    right: 6%;
}

@keyframes scaling {
    0% {
      transform: scale(2);
      background-color: var(--pink);
    }
    100% {
      transform: scale(4.5);
      background-color: rgba(245, 0, 182, 0);
    }
  }
  
  @keyframes phone {
    0% {
      transform: scale(2.5);
    }
    100% {
      transform: scale(3.5);
    }
  }
  .circle1 {
    animation-delay: 0s !important;
  }
  .circle2 {
    animation-delay: 1s !important;
  }