html,
body {
    height: 100%;
    /* font-family: "Lato", sans-serif; - Used on current design  */
    font-family: 'Poppins', sans-serif; /* Used in new design */
    position: relative;
}

a:hover {
    text-decoration: none;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(95, 39, 100);
    border: 2px solid rgb(95, 39, 100);
}

p {font-weight:400; font-size:14px; line-height:23px;}

/*********************************
   UTILITIES
**********************************/

/* Fonts */
.fs-2 {font-size:30px;}
@media only screen and (max-device-width: 768px) {
    .fs-2 {font-size:20px;}
}

/* DESKTOP */

@media only screen and (min-width: 992px) {
    .mt-50 {
        margin-top: 50px;
    }
    .mb-50 {
        margin-bottom: 50px;
    }
    .pt-50 {
        padding-top: 50px;
    }
    .pb-50 {
        padding-bottom: 50px;
    }
}

/* MOBILE */

@media only screen and (max-device-width: 768px) {
    .rmb-50 {
        margin-bottom: 50px !important;
    }
    .rmb-40 {
        margin-bottom: 40px !important;
    }
    .rmb-20 {
        margin-bottom: 20px !important;
    }
    .rmt-50 {
        margin-top: 50px !important;
    }
    .rmt-40 {
        margin-top: 40px !important;
    }
    .rmt-20 {
        margin-top: 20px !important;
    }
    .rmt-10 {
        margin-top: 10px !important;
    }
    .rmt-0 {
        margin-top: 0px !important;
    }
    .rmb-0 {
        margin-bottom: 0px !important;
    }
    .rmr-10 {
        margin-right: 10px !important;
    }
    /* Padding */
    .rpb-40 {
        padding-bottom: 40px !important;
    }
    .rpt-40 {
        padding-top: 40px !important;
    }
    .rpt-20 {
        padding-top: 20px !important;
    }
    .rpt-10 {
        padding-top: 10px !important;
    }
    .rpb-0 {
        padding-bottom: 0 !important;
    }
    .rpb-10 {
        padding-bottom: 10 !important;
    }
    .rpt-0 {
        padding-top: 0 !important;
    }
    .rp-0 {
        padding-bottom: 0px !important;
    }
    .rp-0 {
        padding: 0 !important;
    }
    .rd-block {
        display: block !important;
    }
    /* Borders */
    .border-none-mobile {
        border: none !important;
    }
    /* Width  */
    .rw-100 {
        width: 100% !important;
    }
    /* Text Center Only for Mobile */
    .rtext-center {
        text-align: center !important;
    }
    .h5 {font-size:15px !important;}
    .rpy-0 {padding-top:0rem !important}
    .rpy-0 {padding-bottom:0rem !important}
    .rbr-0 {border-right:0 !important;}
}

.right-0 {
    right: 0 !important;
}

.left-0 {
    left: 0 !important;
}

.top-0 {
    top: 0 !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-10 {
    bottom: 10px !important;
}

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

.display-7 {
    font-size: 13px !important;
}

.display-8 {
    font-size: 10px !important;
}

.h7 {
    font-size: 1.10rem !important;
}

.no-gutters {
    margin: 0 !important;
    padding: 0 !important;
}

.gutters-5 {
    margin: 0 !important;
    padding: 5px !important;
}

/* Line Height Classes */
.text-height-0 {
    line-height: 1!important;
}

.text-height-1 {
    line-height: 1.5!important;
}

.text-height-2 {
    line-height: 2!important;
}

.text-height-3 {
    line-height: 2.5!important;
}

.text-height-4 {
    line-height: 3!important;
}

.text-height-5 {
    line-height: 3.5!important;
}

@media only screen and (max-device-width: 768px) {
    video {
        width: 100%;
    }
}

.container {max-width:90%;}

.container-fluid-80 {
    width: 80% !important;
}

.container-fluid-90 {
    width: 90% !important;
}

.container-fluid-95 {
    width: 95% !important;
}

@media only screen and (max-device-width: 768px) {
    .container-fluid-80 {
        width: 100%;
    }
}

.btn-primary {
    background: rgb(194,107,166);
    background: linear-gradient(180deg, rgba(194,107,166,1) 0%, rgba(95,41,93,1) 100%);
    border-radius: 5px;
    transition:all .3s ease-in-out;
    border:0;
    font-size:14px;
    font-weight:600;
    padding:10px 35px;
    font-family: 'Poppins', sans-serif;
}
@media screen and (max-width: 600px) {
    .btn-primary {padding:8px 20px; font-size:13px;}
}

.btn-primary:hover {
    background-color: #fff;
    transition:all .3s ease-in-out;
}

.btn-secondary {
    background-color:#5f2764;
    border-color: #5f2764;
    border-radius: 100px;
    color:#fff;
    transition:all .3s ease-in-out;
}

.btn-secondary:hover {
    background-color: transparent;
    border-color: #5f2764;
    border-radius: 100px;
    color:#000;
    transition:all .3s ease-in-out;
}

.btn:focus,.btn:active {
    outline: none !important;
    border-color: #180919;
    box-shadow: none;
    background-color: #5f2764;

 }
 .btn:focus, .btn:active {border-color:#5f2764 !important; background-color:#5f2764 !important; color:#fff !important;}
.make-it-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.primary-text-hover {
    color: #000;
}

.primary-text-hover:hover {
    color: #c92596 !important;
    transition: all 0.3s ease-in-out;
}

.z-index-1 {
    z-index: 9;
}
.z-index-2 {
    z-index: 99 !important;
}

.z-index-add-to-cart {z-index:1 !important;}

.w-80 {
    width: 80% !important;
}

.w-70 {
    width: 70% !important;
}

.w-60 {
    width: 60% !important;
}

.w-50 {
    width: 50% !important;
}

.glow-primary {
    box-shadow: 0px 0px 10px #be66a2;
}

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

/* Button Animation  */

.btn-animation {
    display: inline-block;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-animation:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: #5f2764; */
    border-radius: 10rem;
    z-index: -2;
}

.btn-animation:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #000;
    transition: all 0.3s;
    border-radius: 10rem;
    z-index: -1;
}

.btn-animation:hover {
    color: #fff;
}

.btn-animation:hover:before {
    width: 100%;
}

/* Input default shadow */

.form-control:focus {
    border-color: rgba(95, 39, 100, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
        0 0 8px rgba(95, 39, 100, 0.6);
}

.glow-primary {
    box-shadow: 0px 0px 10px #be66a2;
}

.badge-primary {
    background-color: #5f2764;
}

.bg-secondary {
    background-color: #fff1fc !important;
}

.border-primary {
    border-color: #642966 !important;
}

.border-width-2 {
    border-width: 2px !important;
}

.bg-primary {
    background-color: #5f2764 !important;
}

.fancybox-stage {
    background-color: #fff !important;
}

.page-item .page-link:hover {
    background-color: #642966;
    color: #fff !important;
}

.page-item.active .page-link {
    background-color: #642966;
    color: #fff !important;
}

/*********************************
   COLORS
**********************************/

.text-primary {
    color: #5f2764 !important;
    font-family: 'DM Serif Text', serif;
}

.collection {
    background-image: url(../images/home_slides/collection.jpg);
    background-position: 0px -1100px;
    background-size: 100%;
    color: #000;
    transition: all 0.8s ease-in-out;
    position: relative;
}

@media only screen and (max-device-width: 1366px) {
    .collection {
        background-position: 0px -1393px;
    }
}

.collection:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #d590bf;
    color: #fff;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

.collection:hover {
    color: #fff;
}

.collection:hover:after {
    opacity: 0;
}

.collection span {
    position: absolute;
    z-index: 2;
    right: 30px;
}

.home {
    background-image: url(../images/home_1.16.3.jpg);
    color: #000;
    transition: all 0.8s ease-in-out;
    position: relative;
}

.home:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #e3b5d5;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.home:hover {
    color: #fff;
}

.home:hover:after {
    opacity: 0;
}

.home span {
    position: absolute;
    z-index: 2;
    left: 30px;
    bottom: 30px;
}

.social {
    background-image: url(../images/home_slides/social.jpg);
    background-position: 0px -100px;
    background-size: 100%;
    color: #000;
    transition: all 0.8s ease-in-out;
    position: relative;
}

.social:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #f1daea;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.social:hover {
    color: #fff;
}

.social:hover:after {
    opacity: 0;
}

.social span {
    position: absolute;
    z-index: 2;
    left: 30px;
    top: 30px;
}

.about-us-menu-text {
    background-image: url(../images/home_slides/about_us.jpg);
    background-position: 0px -100px;
    background-size: 100%;
    color: #000;
    transition: all 0.8s ease-in-out;
    position: relative;
}

.about-us-menu-text:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #f9e4e4;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.about-us-menu-text:hover {
    color: #fff;
}

.about-us-menu-text:hover:after {
    opacity: 0;
}

.about-us-menu-text span {
    position: absolute;
    z-index: 2;
    left: 30px;
    bottom: 30px;
}

.about-us-three-boxes img {
    transition: all 1s ease-in-out;
}

.about-us-three-boxes:hover img {
    transform: scale(1.3);
    transition: all 0.4s ease-in-out;
}

.blog {
    background-image: url(../images/home_slides/blog.jpg);
    background-position: 0px -100px;
    background-repeat: no-repeat;
    background-size: 160%;
    color: #fff;
    transition: all 0.8s ease-in-out;
    position: relative;
}

.blog:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #610536;
    color: #000;
    transition: all 0.3s ease-in-out;
}

.blog:hover {
    color: #000;
}

.blog:hover:after {
    opacity: 0;
}

.blog span {
    position: absolute;
    z-index: 2;
    left: 30px;
    top: 30px;
}

.contact-us-menu-text {
    background-image: url(../images/home_slides/contact.jpg);
    background-position: 0px -100px;
    background-size: 100%;
    color: #000;
    transition: all 0.8s ease-in-out;
    position: relative;
}

.contact-us-menu-text:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #f1daea;
    color: #000;
    transition: all 0.3s ease-in-out;
}

.contact-us-menu-text:hover {
    color: #000;
}

.contact-us-menu-text:hover:after {
    opacity: 0;
}

.contact-us-menu-text span {
    position: absolute;
    z-index: 2;
    left: 30px;
    bottom: 30px;
}
/*You*/
.celebrity-you {
    background-image: url(../images/home_slides/celebrity.jpg);
    background-position: 0px -100px;
    background-size: 160%;
    color: #000;
    transition: all 0.8s ease-in-out;
    position: relative;
}

.celebrity-you:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #f0a9da;
    color: #000;
    transition: all 0.3s ease-in-out;
}

.celebrity-you:hover {
    color: #000;
}

.celebrity-you:hover:after {
    opacity: 0;
}

.celebrity-you span {
    position: absolute;
    z-index: 2;
    left: 30px;
    bottom: 30px;
}

/*********************************
   FONTS
**********************************/

@font-face {
    font-family: "master_of_break";
    src: url("../fonts/master_of_break.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/master_of_break.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/ster_of_break.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/master_of_break.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/master_of_break.svg#svgmaster_of_break") format("svg");
    /* Legacy iOS */
    font-display: swap;
}

.master-of-break {
    font-family: "master_of_break";
}

.lato {
    font-family: "Lato", sans-serif;
}

.bitter {
    font-family: "Bitter", serif;
}

.average {
    font-family: "Average", serif;
}

.menu-link {
    font-size: 2vw;
    font-weight: 900;
    letter-spacing: 1px;
}

@media only screen and (max-device-width: 768px) {
    .menu-link {
        font-size: 4vw;
    }
}

.menu-dark-yellow {
    color: #6b4a00;
}

.menu-light-yellow {
    color: #ffca3d;
}

@media only screen and (max-device-width: 768px) {
    .menu-items-custom {
        font-size: 8vw;
    }
}

/*********************************
   SWIPER SLIDER
**********************************/

.swiper-container,
.swiper-testimonials,
.swiper-thumbnail {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #000;
    font-size: 25px;
    font-weight:900;
}

#menu-container {
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: #fff;
}

#menu-container-close {
    position: absolute;
    right: 25px;
    top: 15px;
    z-index: 99;
}

.menu-icon {
    font-size: 45px;
    color: #000;
}

.menu-facebook {
    width: 30px;
    margin-right: 5px;
}

.menu-instagram {
    width: 30px;
    margin-right: 15px;
    background: radial-gradient(
        circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285aeb 90%
    );
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media only screen and (max-device-width: 768px) {
    .menu-facebook {
        font-size: 20px;
    }
    .menu-instagram {
        font-size: 20x;
    }
}

.menu-close {
    font-size: 35px;
    color: #fff;
}

.menu-text {
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out;
}

.menu-text:hover {
    color: #c86dad;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
}

.menu-text-white {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out;
    text-shadow: 0px 0px 15px #000;
}

.menu-text-white:hover {
    color: #c86dad;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    text-shadow: 0px 0px 15px #000;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: none;
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    color: #000;
}

.home-header {
    position: absolute;
    z-index: 99;
}

.home-header-page {
    position: fixed;
    z-index: 99;
    background-color: #000;
    padding-top: 3px;
    padding-bottom: 15px;
    top: 0;
}

.slider-overlay-custom {
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}

.slider-align-right {
    left: 40% !important;
    top: 25%;
}

.slider-align-left {
    right: 40% !important;
    top: 25%;
}

@media only screen and (max-device-width: 768px) {
    .slider-align-right {
        left: 0% !important;
    }
    .slider-align-left {
        right: 0% !important;
    }
}

.final-heading {
    width: 45%;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
}

@media only screen and (max-device-width: 768px) {
    .final-heading {
        width: 85%;
        margin-top: 22vh;
    }
    .final-heading h1 {
        font-size: 15vw;
    }
}

.final-heading h1 {
    text-align: center;
    color: #000;
    letter-spacing: 1px;
    font-weight: 900;
    font-size: 6vw;
}

@media only screen and (max-device-width: 768px) {
    .final-heading h1 {
        font-size: 15vw;
    }
}

.final-heading h1 span {
    padding-top: 10px;
    margin-top: 5px;
    font-size: 15px;
    color: #000;
    word-spacing: 1px;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
}

@media only screen and (max-device-width: 768px) {
    .final-heading h1 span {
        width: 100%;
    }
}

.final-heading h1 span:after,
.final-heading h1 span:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    height: 5px;
}

/* .sub-heading {background-color:#f2e9f3; border-left:solid 5px rgb(95, 39, 100);} */

.page-banner {
    height: 400px;
    overflow: hidden;
    position: relative;
}

/* .page-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
} */

/* .page-banner h1 {
    font-size: 5vw;
}

.page-banner p {
    font-size: 2vw;
} */

.page-banner-checkout {
    height: 200px !important;
}

@media only screen and (max-device-width: 768px) {
    .page-banner {
        height: 400px;
    }
    .page-banner h1 {
        font-size: 9vw;
    }
    .page-banner p {
        font-size: 5vw;
    }
}

.about-us-banner-image {
    background-image: url(../images/about_banner.jpg);
    background-position: center;
}

.blog-banner-image {
    background-image: url(../../images/blog-page-heading-image.jpg);
    background-position: center;
}

.contact-us-banner-image {
    background-image: url(../../images/contact_banner.jpg);
    background-position: center;
}

.social-banner-image {
    background-image: url(../images/social_banner.jpg);
    background-position: center;
}

.collection-banner-image {
    background-image: url(../images/collection_banner.jpg);
    background-position: center;
}

.testimonials-wrapper {
    background-image: url(../images/testimonials_bg.jpg);
    height: auto;
    background-position: center;
}

.new-luxury-wrapper {
    background-image: url(../images/about_luxury_background.jpg);
    height: auto;
    background-position: center;
}

.contact-us-boxes {
    border: solid 1px #dadada;
    transition: all 0.5s ease-in-out;
}

.contact-us-boxes:hover {
    background: #5f2764;
    transition: all 0.4s ease-in-out;
    color: #fff;
}

.contact-us-boxes:hover i {
    color: #fff;
}

.contact-us-boxes:hover a {
    color: #fff !important;
}

.contact-us-boxes h2 {
    font-size: 18px;
}

.contact-us-boxes i {
    font-size: 40px;
    color: #5f2764;
}

.collection-ring {
    background-color: #fde8fe;
    height: 650px;
}

.collection-three-categories {
    background-image: url(../images/collection_diamonds-jewellery-earings-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}

@media only screen and (max-device-width: 768px) {
    .collection-three-categories {
        background-size: cover;
    }
}

.collection-signature {
    background-image: url(../images/collection_signature-background-v2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 780px;
}

@media only screen and (max-device-width: 768px) {
    .collection-signature {
        background-image: url(../images/signature-collection-horse-background.jpg);
        height:auto;
    }
}

.collection-video-container {
    background-color: #d8d9db;
}

.collection-video {
    /*background-image: url(../images/collection_video-background.jpg);*/
    background-position: center center;
    background-repeat: no-repeat;
    /*height:720px; */
    position: relative;
    overflow: hidden;
}

@media only screen and (max-device-width: 768px) {
    .collection-video {
        height: auto;
    }
}

.collection-one-image-left {
    background-image: url(../images/collection_single-background.png);
    background-position: top right;
    background-size: 90%;
    background-repeat: no-repeat;
    height: 737px;
}

@media only screen and (max-device-width: 768px) {
    .collection-one-image-left {
        height: 400px;
    }
}

.collection-two-images-left-and-right {
    background-image: url(../images/collection_two-sided-background.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 689px;
}

@media only screen and (max-device-width: 768px) {
    .collection-two-images-left-and-right {
        height: auto !important;
    }
}

.header-top {
    padding-top: 70px;
}

.collection-menu-wrapper {
    z-index: 9;
    position: fixed;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    width: 82%;
}

.collection-menu-wrapper i {
    font-size: 20px;
}

.collection-menu li {
    padding: 0 10px;
}

.collection-menu li a {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
}

.collection-menu li a:hover {
    color: #5f2764;
}

footer {
    background: #000;
}

.footer-link a {
    color: #acacac;
}

.footer-copyright {
    border-top: solid 1px #232323;
    font-size: 13px;
    color:#fff;
}

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

#category_menu {
    transition: top 0.6s;
    background-color: #fff;
}

.navbar-nav a {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    padding-top: 5px;
    margin: 0px 12px;
    color: #000 !important;
}

.navbar {
    padding: 0.2rem 0rem;
}

.toggle_category_menu_class {
    position: fixed;
    top: 60px;
    right: 0;
    font-size: 35px;
    color: #000;
    z-index: 1;
}

.toggle_category_menu_class:hover {
    color: rgb(49, 49, 49);
}

.page-top-padding {
    padding-top: 56px;
}

.left-panel {
    border: solid 1px #ccc;
    margin-bottom: 20px;
}

.left-panel h3 {
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
    font-size: 20px;
}

.left-panel h2 {
    font-size: 17px;
    border-bottom: solid 1px #ccc;
    padding: 10px 20px;
}

.left-panel-categories,
.left-panel-filter {
    padding: 0px 20px;
}

.left-panel-categories li {
    border-bottom: solid 1px #ccc;
    padding: 5px 0;
}

.left-panel-categories li:last-child {
    border-bottom: 0px;
}

.list-group-item {
    padding: 0.50rem 1.25rem !important;
    background: none;
}
.list-group-item.active {
    background-color: #974c87;
    border-color: #5c255e;
}
.list-group-item-custom-padding {padding-left:10px !important; padding-right:10px !important;}

@media screen and (max-width: 600px) {
    .list-group-item-custom-padding {padding-top:4px !important;}
}

.color-filter,
.size-filter {
    overflow: hidden;
}

.color-filter li {
    width: 37px;
    height: 37px;
    background: #610536;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.size-filter li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #9e3292;
    background-color: #a1528f;
}

.list-product-container {
    margin-bottom: 50px;
}

.list-product-container h3 {
    font-size: 20px;
}

.list-product-container strong {
    font-size: 20px;
}

.listing-page-grid-icons {
    font-size: 25px;
}

.listing-page-list-icons {
    font-size: 28px;
}

.jewellery-quote p {
    font-size: 40px;
}

.jewellery-quote i {
    font-size: 20px;
}

.category-landing-intro-image {
    background-image: url(../images/category-landing/rings/category-landing-inro-image.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    height: 743px;
}

.category-pendant-sets-intro-image {
    background-image: url(../images/category-landing/pendant-sets/pendant-set-inro-image.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    height: 743px;
}

.category-earings-intro-image {
    background-image: url(../images/category-landing/earings/earings-inro-image.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    height: 743px;
}

.category-bracelet-intro-image {
    background-image: url(../images/category-landing/bracelet/bracelet-inro-image.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    height: 743px;
}

.category-necklace-sets-intro-image {
    background-image: url(../images/category-landing/necklace-sets/necklace-sets-inro-image.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    height: 743px;
}

.category-landing-main-title {
    font-size: 60px;
}

.category-landing-video-wrapper {
    background-image: url(../images/category-landing/rings/category-landing-video-image.jpg);
    height: 867px;
}

.category-landing-video-wrapper i {
    color: #fff;
    font-size: 200px;
    margin-top: 25%;
}

.category-pendant-sets-video-wrapper {
    background-image: url(../images/category-landing/pendant-sets/category-pendant-sets-video-image.jpg);
    height: 867px;
}

.category-pendant-sets-video-wrapper i {
    color: #fff;
    font-size: 200px;
    margin-top: 25%;
}

.category-earings-video-wrapper {
    background-image: url(../images/category-landing/earings/category-earings-video-image.jpg);
    height: 867px;
}

.category-earings-video-wrapper i {
    color: #fff;
    font-size: 200px;
    margin-top: 25%;
}

.category-bracelet-video-wrapper {
    background-image: url(../images/category-landing/bracelet/category-bracelet-video-image.jpg);
    height: 867px;
}

.category-bracelet-video-wrapper i {
    color: #fff;
    font-size: 200px;
    margin-top: 25%;
}

.category-necklace-sets-video-wrapper {
    background-image: url(../images/category-landing/necklace-sets/category-necklace-sets-video-image.jpg);
    height: 867px;
}

.category-necklace-sets-video-wrapper i {
    color: #fff;
    font-size: 200px;
    margin-top: 25%;
}

/********************* Product Thumbnail of Product Listing Page **********************/

.product-grid6 {
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    position: relative;
    transition: all 0.5s ease 0s;
}

.product-grid6 .product-image6 {
    overflow: hidden;
    background-color: #fdf4ffe0;
}

.product-grid6:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.product-grid6 .product-image6 a {
    display: block;
}

.product-grid6 .product-image6 img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
}

.product-grid6:hover .product-image6 img {
    transform: scale(1.1);
}

.product-grid6 .product-content {
    padding: 12px 12px 15px;
    transition: all 0.5s ease 0s;
}

.product-grid6:hover .product-content {
    opacity: 0;
}

.product-grid6 .title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 10px;
    transition: all 0.3s ease 0s;
}

.product-grid6 .title a {
    color: #000;
}

.product-grid6 .title a:hover {
    color: #7f305f;
}

.product-grid6 .price {
    font-size: 18px;
    font-weight: 600;
    color: #7f305f;
}

.product-grid6 .price span {
    color: #999;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 7px;
    display: inline-block;
}

.product-grid6 .social-product {
    background-color: #fff;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    bottom: -50%;
    left: 50%;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.product-grid6:hover .social-product {
    opacity: 1;
    bottom: 20px;
}

.product-grid6 .social-product li {
    display: inline-block;
}

.product-grid6 .social-product li a {
    color: #909090;
    font-size: 19px;
    line-height: 36px;
    text-align: center;
    height: 45px;
    width: 45px;
    margin: 0 7px;
    border: 1px solid #909090;
    border-radius: 50px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.product-grid6 .social-product li a:hover {
    color: #fff;
    background-color: #7f305f;
    border: 1px solid #fff;
}

.product-grid6 .social-product li a:after,
.product-grid6 .social-product li a:before {
    content: attr(data-tip);
    color: #fff;
    background-color: #7f305f;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 1px 5px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px;
}

.product-grid6 .social-product li a:after {
    content: "";
    height: 15px;
    width: 15px;
    border-radius: 0;
    transform: translateX(-50%) rotate(45deg);
    top: -20px;
    z-index: -1;
}

.product-grid6 .social-product li a:hover:after,
.product-grid6 .social-product li a:hover:before {
    opacity: 1;
}

@media only screen and (max-width: 990px) {
    .product-grid6 {
        margin-bottom: 30px;
    }
}

.full-height-container {
    display: flex;
    width: 100%;
}

.full-height-col {
    flex: 1;
    padding: 16px;
}

.product-image-cusom {
    background-color: #fff;
    padding: 41px 0;
}
.product-listing-background-color {
    background-color: #fffbfe;
}
@media only screen and (max-device-width: 1366px) {
    .product-image-cusom {
        /* padding: 74px 0; */
    }
}

.product-image-cusom a img {
    width: 50%;
}

.product-options {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    visibility: hidden;
    transition: all 0.1s ease-in-out;
}

.product-options-hover-container {
    background-color: #fff;
    border:solid 1px #ccc;
    padding: 20px;
    box-shadow: 0px 0px 10px #be66a2;
}
.product-options-hover-container p {font-size:13px;}

/* .product-options:hover .product-options-hover-container {opacity:1; transition:all .2s ease-in-out; box-shadow:0px 0px 10px #be66a2;} */

.product-grid-custom:hover .product-options {
    visibility: visible;
    transition: all 0.2s ease-in-out;
    opacity: 1;
    z-index: 999;
}
@media screen and (max-width: 600px) {
    .product-grid-custom:hover .product-options {display:none !important;}
}

.product-listing-thumbnail-hover-padding {
    padding: 100px 0 !important;
}

.product-details-container {
    position: relative;
}

/* .product-details-image {overflow: hidden;} */

.product-additional-images {
    position: absolute;
    width: 100%;
    display: flex;
    bottom: 50px;
    right: -50px;
}

.product-additional-images-new {
}

@media only screen and (max-device-width: 768px) {
    .product-additional-images {
        position: relative;
        width: auto;
        display: block;
        bottom: 0px;
        right: 0px;
    }
}

.price-number {
}

.minus,
.plus {
    width: 35px;
    height: 35px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}

input.price {
    height: 35px;
    width: 50px;
    text-align: center;
    font-size: 26px;
    border: 1px solid rgb(92, 92, 92);
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 5px;
}

.product-details-image-container {
    margin: 80px auto;
    text-align: center;
    width: 80%;
    box-shadow: 2px 2px 2px #bbb;
}

.product-details-image-container .product-details-image,
.product-details-image-container .product-additional-images {
    margin: auto;
    width: 100%;
    border: 2px solid #ccc;
    padding: 5px;
}

.product-details-image-container .product-details-image {
    padding-bottom: 0;
    position: relative;
}

.product-details-image-container .product-details-image img {
    z-index: 1;
    width: 100%;
    height: 99%;
}

.product-details-image-container .product-details-image .fa-chevron-left,
.product-details-image-container .product-details-image .fa-chevron-right {
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: rgb(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px 15px;
    z-index: 2;
    cursor: pointer;
}

.product-details-image-container .product-details-image .fa-chevron-right {
    right: 5px;
    left: auto;
}

.product-details-image-container .product-additional-images {
    overflow: hidden;
}

.product-details-image-container .product-additional-images img {
    float: left;
    width: 19.2%;
    outline: 2px solid #bbb;
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
}

.product-details-image-container .product-additional-images img:last-child {
    margin-right: 0 !important;
}

.product-details-image-container .product-additional-images img.active {
    outline: 2px solid #e63946;
    opacity: 1;
}

.color-swatch-custom li {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.product-details-page-wishlist-icon {
    bottom: 0;
}

.product-details-left-screen-box::before {
    content: "";
    width: 320px;
    height: 565px;
    background-color: #fff4fb;
    position: absolute;
    z-index: -1;
    left: -20px;
    margin-left: -37.5%;
    margin-top: -25%;
}

.product-details-right-screen-box::before {
    content: "";
    width: 320px;
    height: 600px;
    background-color: #fff4fb;
    position: absolute;
    z-index: -1;
    right: 0;
}

@media only screen and (max-width: 1366px) {
    .product-details-left-screen-box::before {
        content: "";
        width: 320px;
        height: 400px;
        background-color: #fff4fb;
        position: absolute;
        z-index: -1;
        left: -20;
        margin-left: -37.5%;
        margin-top: -25%;
    }
    .product-details-right-screen-box::before {
        content: "";
        width: 320px;
        height: 600px;
        background-color: #fff4fb;
        position: absolute;
        z-index: -1;
        right: 0;
        margin-top: 80px;
    }
}

@media only screen and (max-width: 768px) {
    .product-details-left-screen-box::before {
        display: none;
    }
    .product-details-right-screen-box::before {
        display: none;
    }
}

.mini-cart {
    box-shadow: 0px 0px 10px #8a8a8a;
    z-index: 9;
    padding-top: 20px;
    width: 400px;
}

.listing-page-header {
    background-size: cover;
    height: 500px;
    background-position: center right;
    position: relative;
}

/* .listing-page-header::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #fff;
    opacity: .6;
} */

.floating-icons-product-details-page {
    position: absolute;
    right: 0;
    top: 26%;
    z-index:99;
}

.floating-icons-product-details-page a {
    background: #fff;
    display: block;
    padding-top: 25px;
    padding-bottom: 30px;
    padding-right: 60px;
    padding-left: 20px;
    transition: all 0.5s ease-in-out;
}

.floating-icons-product-details-page a:hover {
    background: #5f2764;
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}

.price-and-add-to-cart-container {
    position: absolute;
    left: 0px;
    /*width: 580px;*/
    top: 750px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    background-color: #fff;
    padding-left: 200px !important;
}

.price-and-add-to-cart-container button {
    background-color: #fff !important;
    transition: all 0.3s ease-in-out;
}

.price-and-add-to-cart-container:hover {
    background-color: rgb(95, 39, 100);
    transition: all 0.3s ease-in-out;
    border-top: solid 1px rgb(95, 39, 100);
    border-bottom: solid 1px rgb(95, 39, 100);
    border-right: solid 1px rgb(95, 39, 100);
}

.price-and-add-to-cart-container:hover span {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}

.price-and-add-to-cart-container:hover button {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
    background-color: rgb(95, 39, 100) !important;
}

.price-and-add-to-cart-container .dollar-sign {
    float: left;
    margin-top: 18px;
    font-size: 1.75rem;
}

.dollar-sign-and-price-mobile .dollar-sign {
    font-size: 1.75rem;
}

@media only screen and (max-width: 1366px) {
    .price-and-add-to-cart-container {
        top: 560px;
        padding-left: 150px !important;
    }
}

.product-main-image {
    width: 50%;
    margin-top: 200px;
}

@media only screen and (max-width: 1366px) {
    .product-main-image {
        width: 100%;
        margin-top: 0px;
    }
}

.checkout-step i {
    font-size: 25px;
    border: solid 2px #5f2764;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    color: #5f2764;
    margin-top: -10px;
}

.checkout-step .active {
    background-color: #5f2764;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .checkout-step {
        font-size: 18px;
    }
    .checkout-step i {
        font-size: 18px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-top: -5px;
    }
}

.checkout-steps-badge {
    font-size: 20px;
}

.checkout-steps-badge i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: #5f2764;
    color: #fff;
    font-style: normal;
}

@media only screen and (max-width: 768px) {
    .checkout-steps-badge {
        font-size: 17px;
    }
    .checkout-steps-badge i {
        margin-top: -5px;
    }
}

.fedex-shipping-icon {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border-width: 2px !important;
    border-color: #000 !important;
}

.cart-count {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 10px !important;
    border-radius:50px;
    color:#fff !important;
}

.user-menu-container {
    width: 200px;
    border: 0;
    margin-top: 0px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.user-menu-container:before {
    content: "";
    position: absolute;
    right: 53px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #5f2764;
    clear: both;
}

.user-menu-container li {
    border: 0;
    background-color: #5f2764;
}

.user-menu-container li a {
    color: #fff;
    padding: 8px 15px;
    display: block;
    font-size: 14px;
}

.user-menu-container li a:hover {
    background-color: #000 !important;
}

#user-menu-btn:hover ~ .user-menu-container {
    margin-top: 8px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.user-account-menu li {
    transition: all 0.5s ease-in-out;
}

.user-account-menu li:hover {
    background-color: #5f2764;
    transition: all 0.5s ease-in-out;
}

.user-account-menu li a {
    font-size:16px;
    color: #000 !important;
    transition: all 0.5s ease-in-out;
}

.user-account-menu li:hover a {
    color: #fff !important;
    transition: all 0.5s ease-in-out;
}

.user-account-menu li.active {
    background-color: #5f2764;
}

.user-account-menu li.active a {
    color: #fff !important;
}



/* Start Style*/
.main__menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 900px) {
    .main__menu {
        /* grid-template-columns: 1fr; */
        max-width: 300px;
    }
}
.main__menu .list-item:hover .drop-menu li {
    display: block;
}
.main__menu .list-item:hover .menu-1 {
    perspective: 1000px;
}
.main__menu .list-item:hover .menu-1 .drop-item {
    opacity: 0;
}
.main__menu .list-item:hover .menu-1 .drop-item:nth-child(1) {
    animation-name: leftToRight;
    animation-duration: 400ms;
    animation-delay: -150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-1 .drop-item:nth-child(2) {
    animation-name: leftToRight;
    animation-duration: 400ms;
    animation-delay: 0ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-1 .drop-item:nth-child(3) {
    animation-name: leftToRight;
    animation-duration: 400ms;
    animation-delay: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-1 .drop-item:nth-child(4) {
    animation-name: leftToRight;
    animation-duration: 400ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-1 .drop-item:nth-child(5) {
    animation-name: leftToRight;
    animation-duration: 400ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-2 {
    perspective: 1000px;
    padding-left: 0;
}
.main__menu .list-item:hover .menu-2 .drop-item {
    /*opacity: 0;*/
    transform-origin: top center;
}
.main__menu .list-item:hover .menu-2 .drop-item:nth-child(1) {
    animation-name: topToBottom;
    animation-duration: 400ms;
    animation-delay: -150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-2 .drop-item:nth-child(2) {
    animation-name: topToBottom;
    animation-duration: 400ms;
    animation-delay: 0ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-2 .drop-item:nth-child(3) {
    animation-name: topToBottom;
    animation-duration: 400ms;
    animation-delay: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-2 .drop-item:nth-child(4) {
    animation-name: topToBottom;
    animation-duration: 400ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-2 .drop-item:nth-child(5) {
    animation-name: topToBottom;
    animation-duration: 400ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-3 {
    perspective: 1000px;
}
.main__menu .list-item:hover .menu-3 .drop-item {
    opacity: 0;
}
.main__menu .list-item:hover .menu-3 .drop-item:nth-child(1) {
    animation-name: itemBounce;
    animation-duration: 400ms;
    animation-delay: -150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-3 .drop-item:nth-child(2) {
    animation-name: itemBounce;
    animation-duration: 400ms;
    animation-delay: 0ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-3 .drop-item:nth-child(3) {
    animation-name: itemBounce;
    animation-duration: 400ms;
    animation-delay: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-3 .drop-item:nth-child(4) {
    animation-name: itemBounce;
    animation-duration: 400ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-3 .drop-item:nth-child(5) {
    animation-name: itemBounce;
    animation-duration: 400ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-4 {
    perspective: 1000px;
}
.main__menu .list-item:hover .menu-4 .drop-item {
    opacity: 0;
    transform-origin: top right;
}
.main__menu .list-item:hover .menu-4 .drop-item:nth-child(1) {
    animation-name: bottomToTop;
    animation-duration: 400ms;
    animation-delay: -150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-4 .drop-item:nth-child(2) {
    animation-name: bottomToTop;
    animation-duration: 400ms;
    animation-delay: 0ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-4 .drop-item:nth-child(3) {
    animation-name: bottomToTop;
    animation-duration: 400ms;
    animation-delay: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-4 .drop-item:nth-child(4) {
    animation-name: bottomToTop;
    animation-duration: 400ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.main__menu .list-item:hover .menu-4 .drop-item:nth-child(5) {
    animation-name: bottomToTop;
    animation-duration: 400ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
/* .main__menu .list-item:hover .home {
  border-top: 6px solid #33658a;
}
.main__menu .list-item:hover .about {
  border-top: 6px solid #9966cc;
}
.main__menu .list-item:hover .widget {
  border-top: 6px solid #ff3333;
} */
/* .main__menu .list-item:hover .kabobs {
  border-top: 6px solid #ffcc33;
} */
/* .main__menu .list-item:hover .contact {
  border-top: 6px solid #55dde0;
} */
/* .main__menu .list-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 200px;
  color: #fff;
  cursor: unset;
} */
.main__menu .list-item a:hover {
    cursor: pointer;
}
.main__menu .list-item a span {
    font: 600 25px "Roboto", sans-serif;
    order: 2;
}
.main__menu .list-item a img {
    width: 100px;
}
.main__menu .list-item a.home {
    background: #ff3333;
}
.main__menu .list-item a.about {
    background: #ffcc33;
}
.main__menu .list-item a.widget {
    background: #55dde0;
}
/* .main__menu .list-item a.kabobs {
  background: #9966cc;
} */
.main__menu .list-item a.contact {
    background: #33658a;
}
/* .main__menu .list-item a i {
  color: #fff;
  font-size: 100px;
} */
.main__menu .list-item .drop-menu .drop-item {
    display: none;
}
.main__menu .list-item .drop-menu .drop-item a {
    padding: 10px 15px;
    font-size: 14px;
    text-decoration: left;
    color: #fff;
}
.main__menu .list-item .drop-menu .drop-item a.item--1 {
    background: #5f2764;
}
.main__menu .list-item .drop-menu .drop-item a.item--1:hover {
    background: #000;
}

@keyframes leftToRight {
    0% {
        opacity: 0;
        transform: rotateY(-90deg) translateY(30px);
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg) translateY(0px);
    }
}
@keyframes topToBottom {
    0% {
        opacity: 0;
        transform: rotateX(-90deg);
    }
    100% {
        opacity: 1;
        transform: rotateX(0deg);
    }
}
@keyframes itemBounce {
    0% {
        opacity: 0;
        transform: scale(0.3) translateY(-60px);
    }
    80% {
        transform: scale(1.2) translateY(10px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}
@keyframes bottomToTop {
    0% {
        opacity: 0;
        transform: rotate(-30deg);
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}

.categories-mobile-menu {
    margin-top: 66px;
}

.alert-wrapper {
    width: 300px !important;
    top: 125px !important;
    right: 10px !important;
    position: fixed !important;
    z-index: 100 !important;
    text-align: left !important;
}
.alert-wrapper .alert {
    width: 300px !important;
    padding: 15px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    box-shadow: 0 4px 15.36px 0.64px rgba(0, 0, 0, 0.1),
        0 2px 6px 0 rgba(0, 0, 0, 0.12) !important;
    position: relative !important;
    -webkit-animation: jelly 0.5s ease-in-out !important;
    animation: jelly 0.5s ease-in-out !important;
    transform-origin: center top !important;
    z-index: 500 !important;
    margin-bottom: 10px !important;
}
.alert-wrapper .alert.alert-error {
    background: #fc6868 !important;
}
.alert-wrapper .alert.alert-info {
    background: #204d74 !important;
}
.alert-wrapper .alert.alert-success {
    background: #4caf50 !important;
}
.alert-wrapper .alert.alert-warning {
    background: #ffc107 !important;
}
.alert-wrapper .alert .icon {
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
    cursor: pointer !important;
}
.alert-wrapper .alert p {
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
}

.filter-right {
    float: right !important;
}
.filter-left {
    float: left !important;
}
.dropdown-toggle {
    border: solid 1px #ccc !important;
    overflow: hidden;
    padding: 3px 10px;
    display: none;
}
.name {
    float: left;
}
.icon .arrow-down-icon .active {
    float: right;
}
.search-filter .control {
    border: 1px solid #ccc;
    padding: 3px 10px;
}
.datagrid-filters {
    overflow: hidden;
    padding-bottom: 20px;
}
.grid-container thead {
    background: #343A40;
    color: #fff;
}
.action a {
    height: 20px;
    width: 20px;
    overflow: hidden !important;
    float: right;
}
.action a::after {
    content: "👁️‍🗨️";
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    background: none;
}
.was-validated .form-control:valid, .form-control.is-valid {
    background: none;
    border-color: unset;
}

.size-selection-panel {display: none; z-index:1; background-color:#fff; box-shadow:0 0 10px #ccc;}
.size-selection-panel li {width:50%; float: left; border-bottom:0 !important; border-top:1px solid #dee2e6!important; border-left:1px solid #dee2e6!important;}
.size-selection-panel li a {display:block; color:#000; padding:15px; border:solid 3px transparent;}
.size-selection-panel li a:hover {display:block; color:#000; border:solid 3px #5f2764;}
.size-selection-panel li a.active {background-color:#83388a; color:#fff; border:solid 3px #5f2764;}
.size-selection-panel li:nth-child(even) {border-top:1px solid #dee2e6!important; border-right:1px solid #dee2e6!important; }
.size-selection-panel li:nth-last-child(1):nth-child(even) {border-bottom:1px solid #dee2e6!important;}
.size-selection-panel li:nth-last-child(2):nth-child(odd) {border-bottom:1px solid #dee2e6!important;}

/* RoyaliU Blog */
.image-scale-blog img {transition:all .2s ease-in-out;}
.image-scale-blog:hover img {transform: scale(1.2); transition:all .5s ease-in-out;}
.blog-details-title {font-size:4rem !important;}
.blog-text-shadow {text-shadow: 0px 0px 15px #000;}
.blog-description p {font-size:1.2rem !important; line-height:1.7 !important;}
.blog-sidebar-heading {
    background: rgb(202,117,175);
    background: linear-gradient(-90deg, rgba(202,117,175,1) 0%, rgba(69,23,78,1) 100%);
}
.whatsapp {
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.bounce-4 {
    animation-name: bounce-4;
    animation-timing-function: ease;
}

@keyframes bounce-4 {
    0% {
        transform: scale(1, 1) translateY(0);
    }

    10% {
        transform: scale(1.1, .9) translateY(0);
    }

    30% {
        transform: scale(.9, 1.1) translateY(-100px);
    }

    50% {
        transform: scale(1, 1) translateY(0);
    }

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

/* Blog Module */
/* .blog-details-title {font-size:4rem !important;} */
/* .image-scale-blog img {transition:all .2s ease-in-out;}
.image-scale-blog:hover img {transform: scale(1.2); transition:all .5s ease-in-out;} */
.blog-quote {background-color:#f4e4f5; position:relative; background-image:url(../images/blog/inverted-comman.png); background-repeat:no-repeat; background-position: 50px 20px;} 
.blog-quote::before {content:""; width:1px; height:70px; background-color:#b43478; position:absolute; left:50%; top:-35px;}
.blog-quote .inverted-comma {position:absolute; left:10%; top:5%;}

.blog-profile {background-color:#f4e4f5; position:relative;} 
.blog-profile::before {content:""; width:1px; height:70px; background-color:#b43478; position:absolute; left:50%; top:-35px;}

.newsletter-input {border:unset; background-color:unset; color:#000;}
.newsletter-input:focus {border-color:rgba(100,100,100,1)!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important;}
.tag-cloud-border-color {border-color:#5f2764 !important;}
.custom-text-for-product-listing {border-radius: 10px; box-shadow: 0px 0px 10px #666; padding: 20px;}
.custom-text-for-product-listing h2 {display: inline; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left;}
.heading-custom-cl {font-size: 1.8rem;}
.rounded-testimonial-image {border-radius: 10px;}
@media only screen and (max-device-width: 768px) {
    .swiper-wrapper-testimonial {height:auto !important;}
}
.winner-image {border-left:solid 20px #fff; border-top:solid 20px #fff; border-right:solid 20px #fff; border-bottom:solid 30px #fff; box-shadow:0px 0px 10px #000;}

/* Search box */
#search-box {position:absolute; right:190px; top:7px; bottom:0; padding:0px; z-index: 999; height:48px;}
@media only screen and (max-device-width: 668px) {
    #search-box {padding:0px; height:48px; right:0; top:115px;}
}
#search-box .form-group {padding:5px 40px 5px 0px;}
@media only screen and (max-device-width: 668px) {
    #search-box .form-group {padding:5px 34px 5px 5px;}
}
#search-box .form-group strong {font-size: 3vw;}
#search-box .form-group p {font-size: 1.5vw;}
#search-box .form-group input {border:0; width:320px;}
#search-box .close-btn {font-size:22px; padding-top:5px; right:2%; color:#fff !important;}
.search-field {position:relative;}
.search-field button {right:0; top:0; position:absolute; border-radius:0 3px 3px 0; border:0; padding:7px 10px 7px 10px; color: #000;}
@media only screen and (max-device-width: 668px) {
    #search-box .form-group strong {font-size: 5vw;}
    #search-box .form-group p {font-size: 4vw;}
    #search-box .form-group input {font-size:15px; padding:10px 20px 10px 20px; border:1px solid #ccc;}
    .search-field button {border-radius:3px; border:0; padding:7px 15px 7px 15px; display: block; background-color:#000; color: #fff; font-size:16px;}
}
.search-field button:hover {background-color:#fff; color:#000;}
.search-field button:hover i {color:#000; border-radius:none;}
.search-field button i {color:#000;}

@media only screen and (max-device-width: 668px) {
    .pagination .page-item {padding:5px 10px !important; font-size:15px !important;}
}

.pagination .previous {background:rgb(136 62 125) !important; color:#fff !important;}
.pagination .next {background:rgb(136 62 125) !important; color:#fff !important;}

.pagination-btn a {padding:10px 20px; color:#fff; background:rgb(136 62 125) !important; font-size:20px; margin-right:5px; transition:all .3s ease-in-out; border-radius:50px;}
.pagination-btn a:hover {background:rgb(0, 0, 0) !important; color:#fff; transition:all .3s ease-in-out;}

.listing-wishlist-icon-static {right:7%; top:7%;}
.fs-7 {font-size:13px;}

.gutter-custom.row,
.gutter-custom.container,
.gutter-custom.container-fluid{
  margin-left: 0;
  margin-right: 0;
}

.gutter-custom>[class^="col-"]{
  padding-left: 1px;
  padding-right: 1px;
}

/* POPUP ON LOAD */
.flexTitle{display:flex; justify-content:center; align-items:center; width:100%;}
.flexTitle h1{color:#a31313; margin:0;}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    margin-bottom: 10px;
    cursor: pointer;
}
.close:hover,.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-open {
    overflow: hidden;
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -0%);
    -ms-transform: translate(0, -0%);
    -o-transform: translate(0, -0%);
    transform: translate(0, -0%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: transparent;
    border:0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #52637a;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal-header {
    padding: 0px 0px 5px 0;
    min-height: 16.42857143px;
    background-color: transparent;
    border:0;
}
/* .modal-header .close {
    margin-top: -2px;
} */
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 0;
}
.modal-footer {
    padding: 25px;
    text-align: center;
    background-color: #fff;
    justify-content: center;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
.clickable {
    cursor: pointer;
}
@media (min-width: 768px) {
    .modal-dialog {
    width: 600px;
    margin: 100px auto;
    background:white;
    padding:20px;
    border:solid 1px #ccc;
    box-shadow:0 0 10px #ccc;
    border-radius:10px;
}
 .modal-sm {
    width: 300px;
}
}
@media (min-width: 992px) {
    .modal-lg {
    width: 900px;
}
}
.clearfix:before,.clearfix:after,.modal-footer:before,.modal-footer:after {
    content: " ";
    display: table;
}
.clearfix:after,.modal-footer:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}
.img-responsive-height {
    display: block;
    width: auto;
    max-height: 100%}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.signCenter {
    text-align: center;
}
.closeSymbol {
    color: #fff;
    font-size: 40px;
    border: 3px solid #fff;
    width: 96px;
    heiht: 96px;
    border-radius: 50%;
    font-weight: 700;
    text-align: center;
    padding: 0 15px;
}
.snapHdr {
    color: #5f2764;
    font-size: 40px;
    margin: 0;
    font-weight: 700;
}
.info {
    margin: 0 0 10px 0;
}
.closeftr {
    background-color: #5f2764;
    color: #fff;
    padding: 5px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.closeftr:hover {
    background-color: #000000;
    color: #fff;
}
#modal-content::before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#000;
    opacity:0.9;
}

/******************************************************************
    NEW DESIGN
*******************************************************************/
.fs-14 {font-size:14px;}
.fs-16 {font-size:16px;}
.fs-18 {font-size:18px;}
.fs-20 {font-size:20px;}
/* .home_banner_slider_new {margin-top:57px;} */
.text-dark {color:#000 !important;}
.text-violet {color:#c26ba6;}
.top-space {padding-top:56px;}
.nav-link {padding: 0.5rem 0.5rem;}
.new-logo a img {width:66%;}

.my-custom-1 {margin:1px 0;}

@media screen and (max-width: 600px) {
    .new-logo a img {width:65%;}
}

@media screen and (max-width: 600px) {
    .new-design-top-menu-icons .list-group-item {padding: 3px 10px !important;}
    .page-top-padding {padding-top:47px;}
}
.new-design-top-menu-icons li {border:0;}
.new-primary-text {color:#1F2123;}
.new-primary-text:hover {color:#5F295D;}
.new-design-text-gradient {color: #C26BA6; background-image: -webkit-linear-gradient(90deg, #5F295D 0%, #C26BA6 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent;}

/* New Main Heading */
.new-main-heading {font-family: 'DM Serif Text', serif; font-size:30px;}
.new-main-heading span {color: #C26BA6; background-image: -webkit-linear-gradient(90deg, #5F295D 0%, #C26BA6 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent;}
@media screen and (max-width: 600px) {
    .new-main-heading {font-size:28px;}
}

/* New Main SUB Heading */
.new-main-sub-heading {font-family: 'DM Serif Text', serif; font-size:20px; letter-spacing:0.5px;}
.new-main-sub-heading span {color: #C26BA6; background-image: -webkit-linear-gradient(90deg, #5F295D 0%, #C26BA6 100%); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent;}
@media screen and (max-width: 600px) {
    .new-main-sub-heading {font-size:21px;}
}

.new-small-heading {font-size: 25px;}
.new-page-heading {font-family: 'DM Serif Text', serif; font-size:64px;}
@media screen and (max-width: 600px) {
    .new-page-heading {font-size:25px;}
}
.new-track-order-box-home-page {width:100%; margin-top:-100px;}
.new-track-order-box-home-page button {border:none; color:#fff; font-size:14px; background: linear-gradient(180deg, rgba(194,107,166,1) 0%, rgba(95,41,93,1) 100%);}

.new-shop-by-category img {transition:all .2s;}
.new-shop-by-category img:hover {box-shadow:0px 0px 5px #c4c4c4; border-radius:3px; transition:all .2s; transform: scale(1.2);}

.new-our-collection-section-home {background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size:contain;}
.new-our-collection-section-home .row {height:700px;}
@media screen and (max-width: 600px) {
    .new-mobile-design-our-new-collection {width:85%; background: rgb(255 255 255 / 30%);}
    .new-our-collection-section-home {background-position: calc(100% - 10px) center; background-size:95%;}
    .new-our-collection-section-home .row {height:650px;}
}

.blog_home_slider .item {height:600px; background-repeat:no-repeat; background-size:cover; background-position:top left;}
.blog_home_slider .item .new-blog-home-slider {width:40%; position:absolute; right:8%; bottom:4%;}
.blog_home_slider .item .new-blog-home-slider a {font-size:14px;}
.blog-home-slider-date {font-size:15px;}
.owl-nav {position: absolute; left: 0; right: 0; top: 45%;}
.owl-nav .owl-prev {position: absolute; left: 30px; width: 40px; height: 40px; border-radius: 100px !important; line-height: 44px !important;}
.owl-nav .owl-prev:hover {background:none !important;}
.owl-nav .owl-prev i {font-size:40px;}
.owl-nav .owl-prev:hover i {color:#000;}
.owl-nav .owl-next {position: absolute; right:30px; width: 40px; height: 40px; border-radius: 100px !important; line-height: 44px !important;}
.owl-nav .owl-next:hover {background:none !important;}
.owl-nav .owl-next i {font-size:40px;}
.owl-nav .owl-next:hover i {color:#000;}

.homepageTestimonialSlider .owl-nav .owl-prev {left:-4%;}
.homepageTestimonialSlider .owl-nav .owl-next {right:-4%;}

@media screen and (max-width: 600px) {
    .new-blog-home-slider {width:100% !important; bottom:auto; top:65% !important;}

    .owl-nav {top:43%;}
    .owl-nav .owl-prev {left: 15px; width: 30px; height: 30px; line-height: 31px !important;}
    .owl-nav .owl-prev i {font-size:30px;}
    .owl-nav .owl-next {right: 15px; width: 30px; height: 30px; line-height: 31px !important;}
    .owl-nav .owl-next i {font-size:30px;}
}
/* .owl-carousel .owl-item img {width:100vw; height:100vh;}
.owl-carousel .owl-item video {width:100vw; height:100vh;} */

.new-what-people-say {border:solid 1px #D8D8D8; padding:35px; border-radius:10px; height:335px;}
.new-what-people-say p {font-size:14px;}
.new-what-people-say img {border-radius:100px;}
@media screen and (max-width: 600px) {
    .new-what-people-say {height:550px;}
}

.owl-theme .owl-dots .owl-dot span {background: rgb(206, 206, 206);}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: rgb(194,107,166); background: linear-gradient(180deg, rgba(194,107,166,1) 0%, rgba(95,41,93,1) 100%);}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top:30px;}


.new-footer {background:#F1F1F1; border-radius:20px 20px 0 0;}
.new-footer .new-footer-links {list-style: none; padding:0;}
.new-footer .new-footer-links li a {padding:4px 0; font-size:13px; font-weight:400; color:#000; display: block;}

.new-footer-contact-container i {position: absolute;}
.new-footer-contact-container p {padding-left:22px; font-size:13px;}
.new-footer-contact-container p a {color:#000;}

.new-banner-content {top:30%; right:0; left:0; margin:auto;}
.new-banner-content-paragraph {font-size:18px; width:650px; margin:auto;}
@media screen and (max-width: 600px) {
    .new-banner-content {top:20%;}
    .new-banner-content h1 {width:85%; margin:auto; padding-bottom:10px;}
    .new-banner-content-paragraph {font-size:12px; width:75%; padding-bottom:10px;}
}

/* NEW NAV MENU */
.new-menu-container {position:fixed; left:0; right:0; top:0; background-color:#fff; z-index:999; box-shadow: 0 0 5px #1d1d1d; color:#000 !important; transition:all .5s ease-in-out;}
.new-menu-container a {color:#000; font-size:14px; transition:all .5s ease-in-out;}
/* .new-menu-container:hover {background-color: rgba(255, 255, 255, 0.9); !important; transition:all .5s ease-in-out;}
.new-menu-container:hover a {color:#000 !important; transition:all .5s ease-in-out;}
.new-menu-container:hover .new-dropdown-content a {color:#fff !important;} */

.new-dropdown {position: relative; display: inline-block;}
.new-dropdown-content {display: none; position: absolute; background-color: #93488c; min-width: 180px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999; border-radius:5px;}
.new-dropdown-content a {color:#fff; padding: 8px 15px; text-decoration: none; display: block; transition:all .3s ease-in-out; font-size:14px; border-bottom: solid 1px #87267e;}
.new-dropdown-content a:hover {background-color:#561b59; transition:all .3s ease-in-out;}
.new-dropdown-content a:last-child {border:0;}
.new-dropdown:hover .new-dropdown-content {display: block;}

.responsive-menu-icon {font-size:25px;}
.responsive-user-icon {font-size:25px;}
.responsive-cart-icon {font-size:25px;}
.responsive-menu-close-icon {font-size:30px;}
.responsive-menu-container {width:80%; background-color:#fff; position:fixed; z-index:9; right:0; top:0; bottom:0; box-shadow:0 0 10px #535353;}
.new-mobile-menu li {padding:8px 0;}
.new-mobile-menu li a {padding:0; font-size:17px; color:#000;}
.new-mobile-menu li ul {padding-left:15px;}
.new-mobile-menu li ul li {padding:6px 8px; font-size:14px;}
.new-mobile-menu li ul li a {font-size:14px;}

@media screen and (max-width: 600px) {
    .new-dropdown-content {position: relative;}
    .new-dropdown, .dropbtn {width: 100%;display: block;}
}

.homepageEventSlider {width:50%; position:absolute; right:0;}
.homepageEventSlider img {width:260px !important; border:5px;}
@media screen and (max-width: 600px) {
    .homepageEventSlider {width:100%; position:relative;}
    .homepageEventSlider img {width:120px !important;}
}

.new-page-height {height:400px;}
@media screen and (max-width: 600px) {
    .new-page-height {height:223px;}
}
.new-search-container {background:white; position:fixed; left:0; right:0; top:56px; z-index:999; padding:10px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
#new-search-close-btn i {color:#000; font-size:16px;}
.new-search-bar-input {padding:25px; color:#000;}

@media screen and (max-width: 600px) {
    .new-search-container {padding:5px 0 0 0;}
}

.whatsapp-icon {position:fixed; right:20px; bottom:10px; z-index:999; opacity:.8;}
.whatsapp-icon img {width:65%;}
@media screen and (max-width: 600px) {
    .whatsapp-icon {right:0px; bottom:0px;}
}

.responsive-sub-menu-container {background:#e7bad6;border-radius:10px; margin-top:10px; padding:20px;}

.new-registration .btn {padding:0.64rem 1.2rem;}
.new-registration .btn-secondary {background:#fff; color:#000;}
.new-registration .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {background-color:#7d3d73; border-color:#7d3d73;}
.contact-us-form .form-control {font-size:13px; padding:20px;}

.new-wishlist-icon-border {position:absolute; right:15px; top:15px; width:15px; z-index:99;}
.new-wishlist-icon-fill {position:absolute; right:15px; top:15px; width:15px; z-index:99;}

.blog-listing-editors-pick-overlay {background: rgb(194,107,166); background: linear-gradient(180deg, rgba(194,107,166,0) 0%, rgba(0,0,0,1) 100%);}
.new-blog-details-banner {background-size:cover; background-repeat:no-repeat; background-position:center center;}

.card {border:none;}
.card-blog-mobile {padding:140px 0; background-size:cover; background-position:center center;}
.new-blog-headings h2 {font-family: "DM Serif Text", serif; font-size:25px;}
.new-blog-headings h3 {font-family: "DM Serif Text", serif; font-size:20px;}
.new-blog-headings h4 {font-family: "DM Serif Text", serif; font-size:16px;}
.new-blog-headings a {color:#833E76;}
.new-blog-page-list a {color:#833E76;}
#exampleModal {background-color:#fff;}
@media screen and (max-width: 600px) {
    .card-blog-mobile {padding:180px 0; background-size:cover; background-position:center center;}
}

/* Poppins: CSS classes */
.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
  }

  
  /* DM Serif Text: CSS classes */
  .dm-serif text-regular {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .dm-serif text-regular-italic {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: italic;
  }