/* Add custom CSS styles below */ 

.title-lines .s-block__title{
  position:relative;
  text-align:center!important;
}

.title-lines .s-block__title::before,
.title-lines .s-block__title::after{
  content:"";
  position:absolute;
  top:50%;
  width:35%;
  height:1px;
  background:#d1d5db;
}

.title-lines .s-block__title::before{left:0}
.title-lines .s-block__title::after{right:0}

.title-lines .s-block__title h2,
.title-lines .s-block__title p,
.title-lines .s-block__title a{
  margin:2px 0!important;
  line-height:1.25!important;
  text-align:center!important;
}

@media (max-width:768px){
  .title-lines .s-block__title::before,
  .title-lines .s-block__title::after{
    width:18%;
    top:42%;
  }
}


.s-block__display-all:after, .s-slider-block__display-all:after {
    background-color: #414042;
    background-color: var(--color-primary);
    border-radius: 9999px;
    display: block;
    height: 3px;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 50%;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
    align-self: center;
}

.center-section-title .s-block__title{
  text-align:center!important;
}

.center-section-title .s-block__title h2,
.center-section-title .s-block__title p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


.rounded-full {
    border-radius: 0px;
}


.dark .form-input, .dark .s-comment-form-input, .dark .s-login-modal-input, .dark .s-product-availability-input, .dark .s-verify-input, .dark .tel-input, .dark input, .dark select, .dark textarea {
    background-color: #162852;
    color: var(--dark-text-main);
}

.store-footer .footer-title,
.store-footer h3 {
    color: #be8915  !important;
}


.angel-stories-tile__name {
    color: #ffffff;
    font-size: 13px;
    max-width: 88px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.angel-stories-tile .swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
    flex-wrap: nowrap;
    justify-content: center;
}

.s-block__display-all, .s-slider-block__display-all {

    color: #14264c;
}

.is-sticky-product-bar .sticky-product-bar.dark {
    background-color: #1d3364;
}





@media (min-width: 1024px) {

    #angel-stories .swiper {
        max-width: 1250px !important;
        margin: 0 auto !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #angel-stories .swiper-wrapper {
        align-items: center !important;
    }

    #angel-stories .swiper-slide {
        width: 230px !important;
        flex: 0 0 230px !important;
        display: flex !important;
        justify-content: center !important;
    }

    #angel-stories .angel-stories-tile__avatar {
        width: 180px !important;
        height: 180px !important;
        min-width: 180px !important;
        min-height: 180px !important;
        max-width: 180px !important;
        max-height: 180px !important;
    }
}

@media (max-width: 767px) {

    #angel-stories .swiper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #angel-stories .swiper-wrapper {
        align-items: center !important;
    }

    #angel-stories .swiper-slide {
        width: 33.3333% !important;
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    #angel-stories .angel-stories-tile {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    #angel-stories .angel-stories-tile__avatar {
        width: 105px !important;
        height: 105px !important;
        min-width: 105px !important;
        min-height: 105px !important;
        max-width: 105px !important;
        max-height: 105px !important;
    }
}


#angel-stories * {
    color: #fff !important;
}


.angel-stories-tile__avatar {
    background: #00000000;
    border: 3px solid #cb8d3e;
    border-radius: 50%;
    height: 76px;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 2px;
    transition: filter .2s, opacity .2s, border-color .2s;
    width: 76px;
}