/*!
Theme Name: Shoppable Jewelry
Theme URI: https://bosathemes.com/shoppable-jewelry
Author: Bosa Themes
Author URI: https://bosathemes.com
Description:  Shoppable Jewelry is beautiful multipurpose ecommerce theme. Shoppable Jewelry is beautiful, fast, lightweight, responsive, extremely customizable, multipurpose ecommerce theme that you can use as a foundation to build versatile sites such as accessories, fashion, gemstone, goldsmith, handcrafted, jewellery, jewellery shop, jewelry, jewelry store, luxury, marketplace, modern, vendor, responsive, store, woocommerce and preferably ideal for any type of sites. Shoppable Jewelry works perfectly with Gutenberg and the most popular page builder Elementor that can easily drag-and-drop your ideas from the interface. Shoppable Jewelry is built with SEO, speed, and usability in mind with the multiple Header & Footer layouts, predesigned starter sites includes awesome Home & Inner Pages that is incredibly customizable and powerful enough to take a stand among the crowd. Shoppable Jewelry is compatible with all major plugins like WooCommerce, Yoast, Contact form 7, Mailchimp for WordPress, bbPress, etc. Looking for a multipurpose ecommerce theme? Look no further! Browse the demos to see that it's the only theme you will ever need: https://demo.bosathemes.com/shoppable/jewelry
Version: 1.0.2
Requires PHP: 5.6
Tested up to: 6.5
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: hello-shoppable
Text Domain: shoppable-jewelry
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Shoppable Jewelry WordPress Theme, Copyright 2024 Bosa Themes
Shoppable Jewelry is distributed under the terms of the GNU General Public License v3

Shoppable Jewelry is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #111111;
    font-family: 'Jost', serif;
    font-weight: 500;
}
.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a {
    text-decoration: underline;
}
.entry-content p a,
.comment-content p a,
.entry-content li a,
.comment-content li a,
.widget p a,
.comments-area .comment-list .comment-content a {
    color: #2e92ff;
}
.entry-content p a:hover,
.entry-content p a:focus,
.comment-content p a:hover,
.comment-content p a:focus,
.entry-content li a:hover,
.entry-content li a:focus,
.comment-content li a:hover,
.comment-content li a:focus,
.widget p a:hover,
.widget p a:focus,
.comments-area .comment-list .comment-content a:hover,
.comments-area .comment-list .comment-content a:focus {
    color: #086abd;
}
.slide-item .entry-content h3 a,
.list-post .entry-content h3 a,
.grid-post .entry-content h3 a,
.single-post .entry-content h3 a {
    text-decoration: none;
}
.wp-block-quote {
    padding: 30px 30px 30px 50px;
    margin: 30px 0 30px 30px;
}

/*Facts area section*/
.section-facts-area {
    padding-bottom: 70px;
}
.section-facts-area .row {
    row-gap: 40px;
}
.section-facts-area .info-content-wrap {
    padding: 40px 30px;
    border-radius: 10px;
    display: flex;
    gap: 30px;
    background-color: #fdfdfd;
    position: relative;
    box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.15);
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.section-facts-area .info-content-wrap:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: -20px;
    background-color: #dadada;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    z-index: -1;
}
.section-facts-area .info-content-wrap .info-icon {
    font-size: 80px;
    color: #979797;
    text-align: center;
    flex-shrink: 0;
    line-height: 1;
}
.section-facts-area .info-content-wrap .entry-header p {
    margin-bottom: 0;
}
@media screen and (max-width: 467px) {
    .section-facts-area .info-content-wrap {
        flex-direction: column;
        padding: 40px 20px;
        gap: 25px;
    }
    .section-facts-area .info-content-wrap .entry-header {
        text-align: center;
    }
    .section-facts-area .info-content-wrap .info-icon {
        font-size: 70px;
    }
}

/*centerstage event css*/
.section-centerstage-event-area {
    padding-bottom: 70px;
}
.section-centerstage-event-area .event-wrapper {
    padding-left: 70px;
    position: relative;
}
.section-centerstage-event-area .event-wrapper:after {
    content: "";
    width: 1px;
    height: 130%;
    background-color: #D9D9D9;
    position: absolute;
    left: 14px;
    top: 0;
    z-index: -1;
}
.section-centerstage-event-area div.row>div:first-child .event-wrapper:after {
    top: 50%;
}
.section-centerstage-event-area div.row>div:last-child .event-wrapper:after {
    bottom: 50%;
    height: 50%;
}
.section-centerstage-event-area .event-wrapper:before {
    content: "\f192";
    font-family: "Font Awesome 5 Free";
    left: 0;
    top: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background-color: #fff;
    color: #333;
    font-size: 30px;
    position: absolute;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    transition: all 0.2s;
}
.section-centerstage-event-area .event-wrapper:hover:before {
    font-size: 40px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    left: -5px;
}
.section-centerstage-event-area .event-iconbox {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #D9D9D9;
    margin-bottom: 25px;
    padding: 25px;
}
.section-centerstage-event-area .event-iconbox .event-icon {
    border-radius: 5px;
    background-color: #F2F2F2;
    color: #333;
    font-size: 28px;
    width: 78px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    flex-shrink: 0;
}
.section-centerstage-event-area .event-iconbox .entry-content {
    flex-grow: 1;
}
.section-centerstage-event-area .event-iconbox .entry-content .entry-title a {
    text-decoration: none;
}
.section-centerstage-event-area .event-iconbox .event-page-link {
    padding-right: 25px;
    flex-shrink: 0;
}
.section-centerstage-event-area .event-iconbox .event-page-link i {
    font-size: 17px;
}
@media screen and (max-width: 768px) {
    .section-centerstage-event-area .event-iconbox .event-page-link {
        padding-right: 0;
    }
}
@media screen and (max-width: 576px) {
    .section-centerstage-event-area .event-iconbox {
        padding: 20px 15px;
    }
    .section-centerstage-event-area .event-wrapper:before {
        font-size: 25px;
        height: 25px;
        width: 25px;
        line-height: 25px;
        left: 2;
    }
    .section-centerstage-event-area .event-wrapper:hover:before {
        font-size: 30px;
        height: 30px;
        width: 30px;
        line-height: 30px;
        left: 0;
    }
    .section-centerstage-event-area .event-iconbox .event-icon {
        width: 65px;
        height: 65px;
        line-height: 65px;
        font-size: 25px;
    }
.section-centerstage-event-area .event-wrapper {
        padding-left: 40px;
    }
    .section-centerstage-event-area .event-iconbox .event-page-link {
        padding-left: 10px;
    }
}

/* Premium homepage hero */
.sj-hero {
    position: relative;
    overflow: hidden;
    padding: 110px 0 88px;
    background:
        radial-gradient(circle at top left, rgba(214, 182, 135, 0.38), transparent 32%),
        radial-gradient(circle at 85% 18%, rgba(255, 255, 255, 0.9), transparent 18%),
        linear-gradient(135deg, #f7f1e8 0%, #f2e5d7 42%, #f8f7f3 100%);
}
.sj-hero:before,
.sj-hero:after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}
.sj-hero:before {
    width: 420px;
    height: 420px;
    right: -120px;
    top: -180px;
    background: rgba(125, 79, 32, 0.09);
    filter: blur(8px);
}
.sj-hero:after {
    width: 320px;
    height: 320px;
    left: -120px;
    bottom: -180px;
    background: rgba(255, 255, 255, 0.72);
    filter: blur(10px);
}
.sj-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 42px;
    align-items: center;
}
.sj-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    padding: 8px 14px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
    color: #6e4f33;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
.sj-hero__eyebrow:before {
    content: "";
    width: 32px;
    height: 1px;
    background: currentColor;
}
.sj-hero__title {
    max-width: 12ch;
    margin-bottom: 22px;
    color: #17120d;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(3.4rem, 7vw, 6.2rem);
    line-height: 0.92;
    letter-spacing: -0.05em;
    font-weight: 600;
}
.sj-hero__description {
    max-width: 560px;
    margin-bottom: 34px;
    color: #4f453c;
    font-size: 18px;
    line-height: 1.8;
}
.sj-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 24px;
}
.sj-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 16px 24px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.sj-hero__button:hover,
.sj-hero__button:focus {
    transform: translateY(-2px);
}
.sj-hero__button--primary {
    background: #17120d;
    color: #fff;
    box-shadow: 0 18px 40px rgba(23, 18, 13, 0.18);
}
.sj-hero__button--primary:hover,
.sj-hero__button--primary:focus {
    background: #2b221a;
    color: #fff;
}
.sj-hero__button--secondary {
    border: 1px solid rgba(23, 18, 13, 0.12);
    background: rgba(255, 255, 255, 0.68);
    color: #17120d;
}
.sj-hero__button--secondary:hover,
.sj-hero__button--secondary:focus {
    border-color: rgba(23, 18, 13, 0.22);
    color: #17120d;
}
.sj-hero__panel {
    display: grid;
    gap: 18px;
}
.sj-hero__product-frame {
    position: relative;
    padding: 22px;
    border: 1px solid rgba(23, 18, 13, 0.08);
    border-radius: 30px;
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.55)),
        linear-gradient(180deg, rgba(236, 223, 204, 0.92), rgba(249, 245, 239, 0.9));
    box-shadow: 0 34px 70px rgba(78, 53, 27, 0.14);
}
.sj-hero__product-badge {
    position: absolute;
    top: 34px;
    left: 34px;
    z-index: 2;
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 34px rgba(23, 18, 13, 0.12);
}
.sj-hero__product-badge span {
    color: #7d5c3d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.sj-hero__product-badge strong {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 600;
}
.sj-hero__product-frame:before {
    content: "";
    position: absolute;
    inset: 16px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    pointer-events: none;
}
.sj-hero__product-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 22px;
    object-fit: cover;
}
.sj-hero__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.sj-hero__card {
    padding: 28px;
    border: 1px solid rgba(23, 18, 13, 0.08);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(14px);
    box-shadow: 0 28px 60px rgba(78, 53, 27, 0.08);
    color: #17120d;
}
.sj-hero__card--feature {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.9)),
        linear-gradient(135deg, rgba(189, 149, 99, 0.36), rgba(98, 69, 35, 0.08));
}
.sj-hero__card strong {
    display: block;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
}
.sj-hero__benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sj-hero__benefits li {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 10px 14px;
    border: 1px solid rgba(23, 18, 13, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #4f453c;
    font-size: 13px;
    font-weight: 500;
}
.sj-hero__benefits li:before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 999px;
    background: #b38a60;
}
.sj-hero__label {
    display: inline-block;
    margin-bottom: 14px;
    color: #7d5c3d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.sj-front-page-content {
    padding-top: 48px;
}
.sj-collections {
    position: relative;
    padding: 0 0 52px;
    margin-top: -18px;
}
.sj-trust,
.sj-products {
    padding: 0 0 52px;
}
.sj-section-heading {
    margin-bottom: 26px;
}
.sj-section-heading__eyebrow {
    margin: 0 0 10px;
    color: #7d5c3d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
.sj-section-heading__title {
    margin: 0;
    color: #17120d;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1;
    letter-spacing: -0.03em;
}
.sj-collections__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.sj-collections__card {
    display: block;
    min-height: 170px;
    padding: 28px 24px;
    border: 1px solid rgba(23, 18, 13, 0.08);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(248, 244, 238, 0.92)),
        linear-gradient(135deg, rgba(245, 232, 215, 0.8), rgba(255, 255, 255, 0.8));
    box-shadow: 0 24px 50px rgba(78, 53, 27, 0.08);
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sj-collections__card:hover,
.sj-collections__card:focus {
    transform: translateY(-4px);
    border-color: rgba(23, 18, 13, 0.14);
    box-shadow: 0 30px 60px rgba(78, 53, 27, 0.12);
}
.sj-collections__title {
    display: block;
    margin-bottom: 12px;
    color: #17120d;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 600;
}
.sj-collections__description {
    display: block;
    color: #5b4f44;
    font-size: 15px;
    line-height: 1.65;
}
.sj-trust__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.sj-trust__card {
    min-height: 210px;
    padding: 30px 26px;
    border: 1px solid rgba(23, 18, 13, 0.08);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(248, 244, 238, 0.92)),
        linear-gradient(135deg, rgba(242, 229, 215, 0.72), rgba(255, 255, 255, 0.75));
    box-shadow: 0 24px 50px rgba(78, 53, 27, 0.08);
}
.sj-trust__card h3 {
    margin-bottom: 14px;
    color: #17120d;
    font-size: 24px;
    line-height: 1.15;
}
.sj-trust__card p {
    margin: 0;
    color: #5b4f44;
    font-size: 15px;
    line-height: 1.7;
}
.sj-products__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.sj-products__card {
    display: block;
    padding: 16px 16px 22px;
    border: 1px solid rgba(23, 18, 13, 0.08);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 24px 50px rgba(78, 53, 27, 0.08);
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sj-products__card:hover,
.sj-products__card:focus {
    transform: translateY(-4px);
    border-color: rgba(23, 18, 13, 0.14);
    box-shadow: 0 30px 60px rgba(78, 53, 27, 0.12);
}
.sj-products__image-wrap {
    display: block;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(236, 223, 204, 0.92), rgba(249, 245, 239, 0.9));
}
.sj-products__image {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1.05;
    object-fit: cover;
}
.sj-products__meta {
    display: inline-block;
    margin-bottom: 10px;
    color: #7d5c3d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.sj-products__title {
    display: block;
    margin-bottom: 8px;
    color: #17120d;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 600;
}
.sj-products__price {
    display: block;
    color: #5b4f44;
    font-size: 15px;
    line-height: 1.4;
}
.site-content .container > .section-facts-area:first-child,
.site-content .container > .section-centerstage-event-area:first-child,
.site-content .container > .section-post-area:first-child {
    margin-top: 8px;
}
@media screen and (max-width: 991px) {
    .sj-hero {
        padding: 84px 0 64px;
    }
    .sj-hero__inner,
    .sj-hero__stats {
        grid-template-columns: 1fr;
    }
    .sj-hero__title {
        max-width: 100%;
    }
    .sj-hero__panel {
        max-width: 620px;
    }
    .sj-hero__product-frame {
        order: -1;
    }
    .sj-collections__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sj-trust__grid,
    .sj-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (max-width: 767px) {
    .sj-hero {
        padding: 58px 0 38px;
    }
    .sj-hero__eyebrow {
        margin-bottom: 14px;
        padding: 7px 12px;
        font-size: 11px;
        letter-spacing: 0.14em;
    }
    .sj-hero:before {
        width: 220px;
        height: 220px;
        right: -90px;
        top: -110px;
    }
    .sj-hero:after {
        width: 180px;
        height: 180px;
        left: -70px;
        bottom: -110px;
    }
    .sj-hero__inner {
        gap: 24px;
    }
    .sj-hero__title {
        max-width: 8ch;
        font-size: clamp(2.2rem, 9.8vw, 3.4rem);
        line-height: 0.96;
        margin-bottom: 16px;
    }
    .sj-hero__description {
        margin-bottom: 22px;
        font-size: 15px;
        line-height: 1.55;
    }
    .sj-hero__actions {
        gap: 10px;
    }
    .sj-hero__button {
        width: 100%;
        min-height: 52px;
        padding: 14px 20px;
        font-size: 12px;
    }
    .sj-hero__benefits {
        gap: 8px;
    }
    .sj-hero__benefits li {
        width: 100%;
        justify-content: center;
        min-height: 38px;
        font-size: 12px;
    }
    .sj-hero__panel {
        gap: 0;
    }
    .sj-hero__product-frame {
        margin-bottom: 14px;
        padding: 14px;
        border-radius: 24px;
    }
    .sj-hero__product-badge {
        top: 22px;
        left: 22px;
        padding: 10px 12px;
        border-radius: 14px;
    }
    .sj-hero__product-badge strong {
        font-size: 15px;
    }
    .sj-hero__stats {
        display: none;
    }
    .sj-hero__card {
        padding: 20px;
        border-radius: 22px;
    }
    .sj-hero__card--feature {
        min-height: auto;
    }
    .sj-hero__card strong {
        font-size: 20px;
    }
    .sj-collections {
        padding-bottom: 40px;
    }
    .sj-trust,
    .sj-products {
        padding-bottom: 40px;
    }
    .sj-collections__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .sj-trust__grid,
    .sj-products__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .sj-collections__card {
        min-height: auto;
        padding: 22px 18px;
        border-radius: 22px;
    }
    .sj-collections__title {
        font-size: 22px;
    }
    .sj-trust__card,
    .sj-products__card {
        min-height: auto;
        padding: 20px 18px;
        border-radius: 22px;
    }
    .sj-trust__card h3,
    .sj-products__title {
        font-size: 22px;
    }
    .sj-products__image-wrap {
        border-radius: 18px;
    }
}
@media screen and (max-width: 467px) {
    .section-centerstage-event-area .event-iconbox {
        flex-direction: column;
        padding: 30px 15px;
    }
    .section-centerstage-event-area .event-iconbox .entry-content {
        padding: 0;
        text-align: center;
    }
    .section-centerstage-event-area .event-iconbox .event-page-link {
        display: inline-block;
    }
    .section-centerstage-event-area .event-iconbox .event-page-link i {
        height: 30px;
        width: 30px;
        line-height: 29px;
        text-align: center;
        border: 1px solid #a6a6a6;
        border-radius: 50%;
    }
    .section-centerstage-event-area .event-iconbox .event-page-link i:hover {
        border: 1px solid #086abd;
    }
}

/*Redemption code section*/
.section-redemption-code-area {
    padding-bottom: 70px;
}
.section-redemption-code-area .row {
    row-gap: 30px;
}
.section-redemption-code-area .redeem-code-content-wrap {
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
}
.section-redemption-code-area .redeem-code-content-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    transition: all 0.4s;
    opacity: 0;
}
.section-redemption-code-area .redeem-code-content-wrap:hover:before {
    opacity: 1;
}
.section-redemption-code-area .redeem-code-content-wrap .redeem-code-txt {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(41%, -50%);
    color: #fff;
    opacity: 0;
    transition: opacity 0.4s;
}
.section-redemption-code-area .redeem-code-content-wrap:hover .redeem-code-txt {
    opacity: 1;
}