/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import '../fonts/font-face.css';
@import '../fonts/Avalon/font-face.css';
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

:root {
    --color1: #13162a;
    /* --color2: #2f3c6d; */
    --color2: #323544;
    --color3: #fc6701;
    --my-transition: all .5s ease-in-out;
}

html, body {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Avalon', serif;
}



.btn-theme-dark {}
.nav-link.btn-theme-dark.active {
    background-color: #333 !important;
}
.nav-link.btn-theme-dark:not(.active) {
    color: #333 !important;
}

#cycle-nav {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    position: fixed;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

@media only screen and (max-width: 576px){
    .cycle-nav nav .navbar-brand {
        max-width: 8em;
    }
}




.delights, .insta-feed, .cycle-showcase,
.blog, .ride-your-way {
    padding: 6em 0;
}
.site-banner {
    /* background: linear-gradient(45deg, #000000a5, #000000a5), var(--banner-bg1) no-repeat center/cover; */
    background: linear-gradient(45deg, #000000a5, #000000a5);
}
.site-banner .slide-home-item {
    padding: 7em 0;
    /* padding-top: 5em;
    padding-bottom: 5em; */
    max-height: 70vh;
    min-height: 70vh;
    display: flex;
    align-items: center;
}
.dealer-banner {
    background: linear-gradient(45deg, #0000005c, #0000005c), var(--banner-bg) no-repeat center/cover;
}
.signup-banner {
    background: linear-gradient(45deg, #00000030, #00000030), url(../img/banner-dealer.jpg) no-repeat center/cover;
}
.privacy-policy {
   background: linear-gradient(45deg, #0000005c, #0000005c), url(../img/banner-faq.jpg) no-repeat center/cover;
}
.term-condition {
   background: linear-gradient(45deg, #0000005c, #0000005c), url(../img/banner-faq.jpg) no-repeat center/cover;
}
.faq-banner {
    background: linear-gradient(45deg, #0000005c, #0000005c), var(--banner-bg2) no-repeat center/cover;
}
.faq1-banner {
    background: linear-gradient(45deg, #0000005c, #0000005c), var(--banner-bg2) no-repeat center/cover;
}
.contact {
    background: linear-gradient(45deg, #0000005c, #0000005c), var(--banner-bg) no-repeat center/cover;
}
.catelog-banner {
    background: linear-gradient(45deg, #0000005c, #0000005c), url(../img/banner-catelog.jpg) no-repeat center/cover;
}
.locateStore-banner {
    background: linear-gradient(45deg, #0000005c, #0000005c),  var(--banner-bg) no-repeat center/cover;
}
.prodDtl-banner {
    background: linear-gradient(45deg, #0000005c, #0000005c), url(../img/banner-details.png) no-repeat center/cover;
}






.site-banner .slider-home .owl-nav {
    margin: 0;
}
.site-banner .slider-home .owl-nav [class*='owl-'] {
    position: absolute;
    top: 50%;
    padding: .5em 0 !important;
    color: #fff;
    border-radius: 0;
    transition: var(--my-transition);
}
.site-banner .slider-home .owl-nav .owl-next {
    right: 0em;
}
.site-banner .slider-home {
    position: relative;
}
.site-banner .slider-home .owl-nav .owl-prev {
    left: 0;
}
.site-banner .slider-home .owl-nav [class*='owl-']:hover {
    background: var(--color3);
}
.site-banner .slider-home .content-banner .banner-title,
.site-banner .slider-home .content-banner .banner-title-sub {
    filter: drop-shadow(4px 4px 4px #000);
}






.cycle-nav #main-nav ul li a {
    color: #ddd;
    position: relative;
    /* text-transform: uppercase; */
    /* font-size: calc(100% - .1em);
    font-family: 'Avalon', serif;
    font-weight: 500;
    font-family: 'Roboto Slab', sans-serif; */
    font-family: 'Avalon', serif;
    font-weight: 300;
}
.cycle-nav #main-nav ul li a:after {
    content: "";
    width: 100%;
    height: 0.1em;
    position: absolute;
    left: 0;
    bottom: 0;
}
.cycle-nav #main-nav ul li a.active:after {
    background: var(--color3);
}
.cycle-nav ul.cred-nav li a {
    color: #ddd;
    position: relative;
    /* text-transform: uppercase; */
    font-size: calc(100% - .1em);
}
/*.cycle-nav #main-nav ul.cred-nav li:not(:last-child) a:after {
    //content: "/";
    position: absolute;
    right: -4px;

    bottom: unset;
    left: unset;
    width: auto;
}*/

.mob-nav-list {
    display: none;
}
@media only screen and (max-width: 991px) {
    .cycle-nav #main-nav ul li a {
        font: bold 2em 'Avalon', serif;
    }
    .cycle-nav #main-nav ul li a.active:after {
        width: 20%;
    }
    .cycle-nav #main-nav ul.navbar-nav {
        margin-top: 1em;
    }
    .cycle-nav #main-nav ul.cred-nav li a {
        font: normal 1.1em 'Roboto Slab', sans-serif;
    }
    .cycle-nav #main-nav ul.cred-nav {
        justify-content: space-between;
        margin-top: 1em;
    }
    .cycle-nav #main-nav ul.cred-nav li.login a:before {
        content: "\f502";
        font-family: 'Font Awesome 5 free';
        font-weight: bold;
        right: 0;
        position: relative;
        padding-right: .5em;
    }
    .cycle-nav #main-nav ul.cred-nav li.register a:before {
        content: "\f234";
        font-family: 'Font Awesome 5 free';
        font-weight: bold;
        right: 0;
        position: relative;
        padding-right: .5em;
    }
    .cycle-nav #main-nav ul.cred-nav li a:after {
        display: none;
    }
    #cycle-toggle {
        position: relative;
    }
    #cycle-toggle:focus {
        box-shadow: none;
    }
    #cycle-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--bs-white);
        transition: all .2s ease-in-out;
        position: relative;
        transform-origin: center;
    }
    #cycle-toggle.open .icon-bar:not(:last-child) {
        margin: 0;
    }
    #cycle-toggle .icon-bar:not(:last-child) {
        margin-bottom: .2em;
    }
    #cycle-toggle.open .icon-bar:nth-child(2) {
        width: 0;
    }
    #cycle-toggle.open .icon-bar:nth-child(1) {
        transform: rotate(45deg);
        top: 2px;
    }
    #cycle-toggle.open .icon-bar:nth-child(3) {
        transform: rotate(-45deg);
        top: -2px;
    }
    
    
    
    .mob-nav-list {
        display: block;
    }
    .cont-sub-menu > .nav-link {
        display: none;
    }

    .cycle-nav #main-nav .cont-sub-menu .mob-nav-list {
        margin-top: 0;
    }
    .cycle-nav #main-nav .cont-sub-menu .mob-nav-list li {
        padding: 0;
    }
}







.sec-title {
    position: relative;
    text-align: center;
    margin-bottom: .5em;
}
.sec-title:after {
    content: attr(data-title);
    position: absolute;
    color: #f3f3f3;
    font-size: 2.5em;
    line-height: 1;
    font-weight: 900;
    top: 50%;
    left: 50%;
    user-select: none;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.breadcrumb svg.bi {
    color: #bab9c5;
} 

@media only screen and (max-width: 425px) {
    .sec-title:after {
        font-size: 2em;
    }
}





.site-banner .pan-vodeo {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.site-banner .pan-vodeo .play-vid {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--bs-white);
    transform: translate(-50%, -50%);
}




.banner-text .banner-title-sub {
    font-size: 2em;
    font-family: 'Avalon', serif;
}
.banner-text .btn-banner {
    background-color: #000;
    color: #fff;
}
@media only screen and (max-width: 425px) {
    .banner-text .banner-title-sub {
        font-size: 1em;
    }
}





.cat-title .nav-item .nav-link {
    background-color: transparent;
    color: inherit;
}
.cat-title .nav-item .nav-link.active {
    font-weight: 900;
}




.map-ban {
    /* background: linear-gradient( 45deg, #0000008c, #0000008c), url(../img/map-banner.jpg) no-repeat center/cover;
    text-align: center;
    padding: 8em 0; */
    background: linear-gradient( 45deg, #efefef, #ffffff00 70%), url(../img/map-banner.jpg) no-repeat center/cover;
    padding: 2em 0;
    /* max-height: 45vh; */
}
.map-ban .map-banHome a {
    background-color: #fc6701;
    color: #fff;
}
.map-banHome p {
    font-size: calc(1.375rem + 0.4vw);
    font-family: 'Avalon', serif;
}




.cycle-showcase .nav .nav-link.btn-theme-dark {
    font-family: 'Avalon', serif;
    font-weight: 500;
    letter-spacing: 0.6px;
}
.showcase-slide .owl-item {
    padding: 6em 0;
    transition: var(--my-transition);
}
.showcase-slide .owl-item.active.center {
    padding: 4em 0;
}
.showcase-slide .owl-item {
    position: relative;
}
.showcase-slide .owl-stage-outer {
    min-height: 500px;
}
.showcase-slide .showcase-item {
    text-decoration: none;
    display: block;
    /* min-height: 100%;
    min-height: 360px; */
}
.showcase-slide .owl-item .showcase-item .bg-span {
    /* content: ""; */
    /* position: absolute;
    height: 100%;
    width: 80%;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%) scale(0); */
    /* transition: var(--my-transition);
    z-index: -1; */
}
.showcase-slide .owl-item.active.center .showcase-item {
    background-color: var(--color2);
    border-radius: 10px;
    padding: 1em 1.5em;
}
.showcase-slide .owl-item.active.center .showcase-item .bg-span {
    /* background-color: var(--color2);
    transform: translate(-50%, -50%) scale(1); */
}
.showcase-slide .owl-item .showcase-pordDtl {
    max-width: 60%;
    margin: auto;
    color: #333333;
    text-align: center;
    /* opacity: 0;
    display: none; */
    transition: var(--my-transition);
}
.showcase-slide .owl-item.active.center .showcase-pordDtl {
    opacity: 1;
    color: #fff;
    display: block;
}

.showcase-slide .owl-item:not(.center) .img-holder {
    padding: 0 8em;
}
.showcase-slide .owl-item:not(.center) .showcase-pordDtl {
    margin-top: 2em;
}

.showcase-slide .owl-nav button[class*='owl-']:hover {
    color: #646464;
    background: transparent;
}



.showcase-slide .owl-nav button[class*=owl-] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.showcase-slide .owl-nav {
    margin: 0;
}
.showcase-slide .owl-nav .owl-next {
    right: 0;
}
.showcase-slide .owl-nav .owl-prev {
    left: 0;
}


[name=dealerUser] .form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-color: #333;
    border: #333;
}
[name=dealerUser] .form-switch .form-check-input:checked {
    background-color: #5f9ea0;
    border: #5f9ea0;
}

.form-reg-switch .form-btn {
    background-color: #fc6701;
    color: #fff;
}
.form-signup .login-btn {
    background-color: #fc6701;
    color: #fff;
}

.insta-bg {
    background-image: linear-gradient(
45deg, #f9a849, #dd2a7b, #8733ab, transparent);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.facebook-bg {
    color: #3a579b;
}

.twitter-bg {
    color: #03a9f4;
}

.title-underline {
    position: relative;
    padding-bottom: .5em;
}
.title-underline:after {
    content: "";
    width: 3em;
    height: .2em;
    background-color: #fc6701;
    position: absolute;
    bottom: 0;
    left: 0;
}



/* section.about-us {
    background: linear-gradient( 0deg, #f1f1f1, transparent );
    background: linear-gradient( 0deg, #0000003b, #00000008 ), url(../img/ban-about.jpg) no-repeat center/cover;
    color: #fff;
    padding: 5em 0;
} */
section.about-us {
    /* padding-bottom: 5em; */
    background: linear-gradient( 0deg, #f1f1f1, transparent );
    background: linear-gradient( 0deg, #0000003b, #00000008 ), var(--banner-bg) no-repeat center/cover;
    color: #fff;
    padding: 8em 0;
    /* padding: 6em 0;
    padding-top: 17em; */
    background-attachment: fixed;
}
section.about-us .cont-about {
    background-color: #00000078;
    backdrop-filter: blur(10px);
    border-radius: 5px;
}
section.about-us .sec-title {
    font-size: 3em;
}
section.about-us .text-main {
    filter: drop-shadow(2px 4px 6px #00000033);
}




.feed-normal-instag .owl-item .img-featured-container a img {
    aspect-ratio: 2/2;
    object-fit: cover;
}





.testimonial6 .testi6 {
    border-right: 1px solid rgba(120, 130, 140, 0.13);
  }
  
  .testimonial6 .testi6 .nav-link {
    border-radius: 0px;
    margin: 8px -2px 8px 0;
  }
  
  .testimonial6 .testi6 .nav-link img {
    width: 70px;
    opacity: 0.5;
  }
  
  .testimonial6 .testi6 .nav-link.active {
    background: transparent;
    color: #8d97ad;
    border-right: 3px solid var(--color2);
  }
  
  .testimonial6 .testi6 .nav-link.active img {
    opacity: 1;
  }
  
  @media (max-width: 767px) {
      .testimonial6 .testi6 .nav-link {
        margin: 0px 0px -2px 0;
        padding: 10px;
      }
      .testimonial6 .testi6 {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        border-right: 0px solid rgba(120, 130, 140, 0.13);
        border-bottom: 1px solid rgba(120, 130, 140, 0.13);
        margin-bottom: 40px;
      }
      .testimonial6 .testi6 .nav-link img {
        width: 40px;
      }
      .testimonial6 .testi6 .nav-link.active {
        border-right: 0px solid var(--color2);
        border-bottom: 3px solid var(--color2);
      }
  }






.blog .blog-card {
    border-radius: 2em;
    overflow: hidden;
    margin: 1em 0;
    box-shadow: 1px 1px 15px -10px #000;
}
.blog .blog-card .blog-imgWrapper {
    /* position: relative; */
    padding: 1em;
}
.blog .blog-card .blog-imgWrapper img {
    border-radius: 1.1em;
}
.blog .blog-card .blog-imgWrapper .dated {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color3);
    color: var(--bs-white);
    padding: 0.5em 0.9em;
    width: 4.5em;
    font-size: 1.5em;
}
.blog .btn-blog {
    background: #4e4e4e;
    border-color: #4e4e4e;
}
.blog .btn-blog:hover {
    background: transparent;
    color: #4e4e4e;
}







footer {
    /* background: var(--color1) url(../img/footer-bgCycle.png) no-repeat bottom left; */
    position: relative;
}
footer:before {
    content: "";
    background: url(../img/logo-footer.png) no-repeat center/cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    /* height: 50.7%;
    width: 70%; */
    width: 50%;
    margin-top: calc(-6.5% + 1px);
    aspect-ratio: 57.5/9;
}
footer .foo-divider {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 1em 0;
}
footer .foo-divider img {
    /* width: 3em; */
    width: 5.5%;
}
footer .foo-divider:before {
    content: "";
    width: 47.5%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px dashed var(--bs-white);
}
footer .foo-divider:after {
    content: "";
    width: 47.5%;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 1px dashed var(--bs-white);
}
footer .form-subscribe .input-group {
    max-width: 80%;
}

@media only screen and (max-width: 767px){
    footer .footer-sec:not(:last-child) {
        margin-bottom: 2em;
    }
}



.nav .nav-item a {
    color: #fff;
}

.btn-theme {
    background-color: #fc6701;
    color: #fff;
}


.floated-social {
    position: fixed;
    bottom: 0;
    right: 0;
    transform: translate(0, -10%);
    /* transform: translate(0, -50%);
    top: 50%;
    margin-right: -7.8%; */
    width: 3.4em;
    z-index: 1;
}
.floated-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.floated-social ul .list-item:not(:last-child) {
    margin-bottom: .5em;
}
.floated-social ul .list-item:hover a {
    /* margin-left: 0;
    margin-right: unset; */
    right: 60%;
}

.floated-social ul .list-item {
    width: 10em;
    height: 3em;
    transition: var(--my-transition);
    position: relative;
    right: 0;
    /* height: 3.5em;
    margin-right: -6.3em;
    right: -6.5em;
    margin-bottom: 1em;
    display: list-item; */
}
.floated-social ul a {
    text-decoration: none;
    display: flex;
    width: 100%;
    justify-content: start;
    align-items: center;
    border-radius: 50px 0 0 50px;
    padding: 0.5em;
    position: absolute;
    right: 0;
    transition: var(--my-transition);
}
.floated-social ul a [class*=fa] {
    height: 2em;
    width: 2em;
    /* height: 2.5em;
    width: 2.5em; */
    margin-right: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
}
.floated-social ul a span {
    color: #fff;
    font-size: calc(100% - 0.1em);
}
.floated-social ul a[class*=social-facebook] {
    background-color: #3a579b;
}
.floated-social ul a[class*=social-facebook] [class*=facebook] {
    color: #3a579b;
}
.floated-social ul a[class*=social-instagram] {
    background-color: #3a579b;
    background-image: linear-gradient(45deg, #F58529, #FEDA77, #DD2A7B, #8134AF, #515BD4);
}
.floated-social ul a[class*=social-instagram] [class*=instagram]:before {
    background: linear-gradient(45deg, #F58529, #FEDA77, #DD2A7B, #8134AF, #515BD4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.floated-social ul a[class*=social-twitter] {
    background-color: #03a9f4;
}
.floated-social ul a[class*=social-twitter] [class*=twitter] {
    color: #03a9f4;
}


.form-dealer, .form-signup, .specif {
    margin-bottom: 8em;
}
@media only screen and (min-width: 1024px){
    .blog {
        margin-bottom: 8em;
    }
}
@media only screen and (max-width: 768px) {
    .banner-text .banner-title {
        margin-top: 1em;
    }
}









.pan-catelog, .locateMap-store {
    margin-bottom: 8em;
}

.pan-catelog .short-by label,
.pan-catelog .showing label {
    width: auto;
    white-space: nowrap;
}
.pan-catelog .product-item .card {
    position: relative;
}
.pan-catelog .product-item .card .link-item {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
}


@media only screen and (max-width: 767px) {
    .pan-catelog .product-item:not(:last-child) {
        margin-bottom: 1em;
    }
}






.dealer-banner .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.dealer-banner .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}



.signup-banner .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.signup-banner .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}



.faq-banner .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.faq-banner .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}

.faq1-banner .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.faq1-banner .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}

.term-condition .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.term-condition .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}

.contact .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.contact .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}

.privacy-policy .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.privacy-policy .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}


.terms-condition .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.terms-condition .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}
.prodDtl-banner .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.prodDtl-banner .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}



.catelog-banner .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.catelog-banner .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}




.locateStore-banner .title {
    color: var(--bs-white);
    text-align: center;
    font-size: 3em;
    margin: 4em 0;
    position: relative;
}
.locateStore-banner .title:before {
    content: "";
    border-left: .2em solid var(--color3);
    padding-right: .2em;
}


.form-signup .bg-signup {
    background: linear-gradient(-45deg, #2249dc5c, #9bfa845c), var(--banner-bg) no-repeat center/cover;
}
.login-sicial {
    margin: 0;
}
.login-sicial li a {
    font-size: 2em;
}




#user-faq {
    counter-reset: num;
}
#user-faq .accordion-item {
    counter-increment: num;
}
#user-faq .accordion-item .accordion-header .accordion-button:before {
    /*content: counter(num)".";*/
    padding-right: .5em;
}
#user-faq .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M8,0.2C3.7,0.2,0.1,3.7,0.1,8s3.5,7.8,7.9,7.8c4.3,0,7.9-3.5,7.9-7.8C15.9,3.7,12.3,0.2,8,0.2z M8,15.3 C3.9,15.3,0.7,12,0.7,8S3.9,0.7,8,0.7c4,0,7.3,3.3,7.3,7.3C15.3,12,12.1,15.3,8,15.3z M12.3,5.7L8,10L3.7,5.7 c-0.1-0.1-0.3-0.1-0.4,0C3.3,5.8,3.3,6,3.4,6.1l4.4,4.4c0,0,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.2-0.1l4.4-4.4c0,0,0,0,0,0 c0.1-0.1,0.1-0.3,0-0.4S12.4,5.6,12.3,5.7z'/%3e%3c/svg%3e");
}
#user-faq .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M8,0.2C3.7,0.2,0.1,3.7,0.1,8s3.5,7.8,7.9,7.8c4.3,0,7.9-3.5,7.9-7.8C15.9,3.7,12.3,0.2,8,0.2z M8,15.3 C3.9,15.3,0.7,12,0.7,8S3.9,0.7,8,0.7c4,0,7.3,3.3,7.3,7.3C15.3,12,12.1,15.3,8,15.3z M12.3,5.7L8,10L3.7,5.7 c-0.1-0.1-0.3-0.1-0.4,0C3.3,5.8,3.3,6,3.4,6.1l4.4,4.4c0,0,0.1,0.1,0.2,0.1c0.1,0,0.1,0,0.2-0.1l4.4-4.4c0,0,0,0,0,0 c0.1-0.1,0.1-0.3,0-0.4S12.4,5.6,12.3,5.7z'/%3e%3c/svg%3e");
}

#user-faq .accordion-item .accordion-header .accordion-button {
    border-left: .5em solid;
    color: var(--bs-gray-600);
}
#user-faq .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: var(--color2);
}




.search-pan .pick-location {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    transform: translateY(-50%);
}
.locateMap-store #map {
    height: 100%;
    width: 100%;
    min-height: 20em;
}
.stores-list-container .stores-list {
    max-height: 40vh;
    overflow: auto;
}
.stores-list .store-container-background {
    padding: 10px;
    display: flex;
    /* flex-wrap: wrap; */
}
.stores-list .store-container-background .store-number-container {
    margin-left: auto;
}
.stores-list .store-container-background .store-info-container {
    margin-right: .5em;
}
.stores-list .store-container-background:hover {
    cursor: pointer;
    background: #f3f3f3;
}
.stores-list-container .stores-list .store-container:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
}
.stores-list .store-container-background .store-address {
    margin-bottom: 0.7em;
}
.stores-list-container .stores-list .store-container {
    padding: .7em 0;
}
.stores-list .store-container-background .store-phone-number:before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-right: .5em;
    vertical-align: middle;
}
.stores-list .store-container-background .store-address .title {
    display: block;
    font-weight: 700;
    font-size: calc(100% + .1em);
}




.prod-container {
    position: relative;
    padding: 1.5em 1em;

    /* No Out of Frame */
    background: var(--color2);
    border-radius: 20px;
}
.prod-container .filter-dtl {
    display: flex;
    align-items: center;
}
.prod-container .filter-dtl .filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.prodItem-filter .prod-container:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 70%;
    top: 0;
    left: 0;
    background: var(--color2);
    border-radius: 20px;
    z-index: -1;
}
.prod-container .prod-spec {
    width: 70%;
    text-align: right;
}
.prod-container .priceNlocator {
    width: 70%;
}
.prod-container .priceNlocator .btn-buttom {
    text-align: center;
}
.prod-container .filter-dtl .filter-list li a {
    display: block;
}
.prod-container .filter-dtl .filter-list li:not(:last-child) {
    margin-bottom: 0.8em;
}
.prod-spec .link-top li.nav-item .link-tabs {
    position: relative;
    text-decoration: none;
    color: var(--bs-light);
}
.prod-spec .link-top {
    justify-content: end;
}
.prod-spec .link-top li.nav-item:not(:last-child) {
    margin-right: 1.5em;
}


.table-spec .spec-icon {
    aspect-ratio: 1/1;
    width: 2em;
    padding-left: 0;
}
.table-spec tr th {
    width: 38%;
    border-bottom: 0;
}
.table-spec tr td {
    vertical-align: middle;
    border-bottom: 0;
}
@media only screen and (max-width: 1200px) and (min-width: 768px){
    .table-spec tr th {
        width: 60%;
    }
}
@media only screen and (max-width: 767px) and (min-width: 425px){
    .table-spec tr {
        width: 50%;
        float: left;
    }
}
@media only screen and (max-width: 767px){
    .table-spec tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 1em;
    }
    .table-spec tr th,
    .table-spec tr td {
        width: 100%;
        padding: 0;
    }
    .table-spec .spec-icon {
        margin-right: 1em;
    }
}


.prod-spec .link-top li.nav-item .link-tabs {
    position: relative;
    text-decoration: none;
    color: var(--bs-gray-400);
    padding-bottom: 0.4em;
}
.prod-spec .link-top {
    justify-content: end;
}
.prod-spec .link-top li.nav-item:not(:last-child) {
    margin-right: 1.5em;
}
.prod-spec .link-top li.nav-item .link-tabs:hover {
    color: var(--bs-white);
}
.prod-spec .link-top li.nav-item .link-tabs:after {
    content: "";
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.prod-spec .link-top li.nav-item .link-tabs.active:after {
    border-bottom: 3px solid var(--color3);
}


@media only screen and (max-width: 767px){
    .prod-container .filter-dtl {
    flex-direction: column;
    }
    .prod-container .filter-dtl .filter-list {
        order: 2;
        display: flex;
        margin-top: 1em;
        flex-wrap: wrap;
    }

    .prod-container .filter-dtl .preview {
       /* order: 1; */
       margin-bottom: 2em;
    }
    .prod-container .filter-dtl .filter-list li:not(:last-child) {
        margin: unset;
        margin-right: 0.4em;
    }
    .prod-container .prod-spec,
    .prod-container .priceNlocator {
        width: 100%;
        text-align: center;
    }

    .prodItem-filter .prod-container:before {
        left: 50%;
        transform: translate(-50%, 0);
        /* height: 70%; */
        width: 100%;
    }
}




.card-contact {
    box-shadow: 0 10px 13px -10px #00000045;
    padding-top: 2.5rem;
    text-align: center;
    height: 100%;
}
.card-contact i {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bs-white);
    padding: 1em;
    border: 1px solid;
}







.delights .delight-item {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    height: 100%;
}
.delights .vr-lineDivider {
    position: relative;
}

.delights .vr-lineDivider:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    background: var(--color1);
}




.product-item .owl-nav {
    text-align: left;
  }
  .product-item .owl-nav [class*="owl-"] svg {
    color: #fff;
  }
  .product-item .owl-nav [class*="owl-"].disabled svg {
    opacity: .5;
  }
  .product-item .owl-nav [class*="owl-"]:hover {
    background: none;
  }
  .product-item .owl-nav [class*="owl-"] {
    border: 1px solid #fff;
  }
  .circle {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    /* background: red; */
  }