.elementor-46 .elementor-element.elementor-element-69e469e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-46 .elementor-element.elementor-element-d854009{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-d854009 img{width:100%;}.elementor-46 .elementor-element.elementor-element-8c3663c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-46 .elementor-element.elementor-element-8c3663c:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-8c3663c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-46 .elementor-element.elementor-element-abf4562{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-46 .elementor-element.elementor-element-12e40b3{--display:flex;}.elementor-46 .elementor-element.elementor-element-fb34dae{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-46 .elementor-element.elementor-element-abf4562{--width:90%;}}/* Start custom CSS for html, class: .elementor-element-d0a0be8 *//* =================================
   TATTOO STORY SECTION
================================= */

.tattoo-story-section {
    width: 100%;
    background: #000000;
    padding: 20px 0;
}

.tattoo-story-content {
    max-width: 650px;
    color: #ffffff;
}


/* =================================
   LABEL
================================= */

.tattoo-story-label {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: #D6B36A;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;

    text-shadow: 0 0 8px rgba(214,179,106,0.35);
}

.tattoo-story-label span {
    width: 35px;
    height: 1px;

    display: inline-block;

    background: #D6B36A;

    box-shadow: 0 0 8px rgba(214,179,106,0.5);
}


/* =================================
   MAIN HEADING
================================= */

.tattoo-story-content h2 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 48px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -1px;
}

.tattoo-story-content h2 strong {
    color: #F1D48A;
    font-weight: 700;

    text-shadow:
        0 0 5px rgba(241,212,138,0.45),
        0 0 18px rgba(214,179,106,0.25);
}


/* =================================
   TAGLINE
================================= */

.tattoo-story-content h3 {
    margin: 0 0 25px;

    color: #eeeeee;

    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 1px;
}

.tattoo-story-content h3 span {
    color: #D6B36A;

    text-shadow:
        0 0 6px rgba(214,179,106,0.35);
}


/* =================================
   PARAGRAPH
================================= */

.tattoo-story-content > p {
    margin: 0 0 16px;

    color: #aaaaaa;

    font-size: 15px;
    line-height: 1.8;
}


/* =================================
   FEATURES
================================= */

.tattoo-story-features {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 15px 30px;

    margin-top: 28px;
    margin-bottom: 30px;
}

.story-feature {
    display: flex;
    align-items: center;
    gap: 10px;
}

.story-feature span {
    color: #F1D48A;

    font-size: 16px;

    text-shadow:
        0 0 5px rgba(241,212,138,0.5);
}

.story-feature p {
    margin: 0;

    color: #dddddd;

    font-size: 14px;
}


/* =================================
   BUTTON AREA
================================= */

.story-buttons {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 32px;
}


/* =================================
   COMMON BUTTON
================================= */

.story-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 15px;

    padding: 14px 24px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;

    text-decoration: none !important;

    transition: all 0.3s ease;
}

.story-btn span {
    font-size: 18px;
    line-height: 1;
}


/* =================================
   GOLDEN BUTTON
================================= */

.story-btn-primary {
    color: #080808 !important;

    background: linear-gradient(
        135deg,
        #D6B36A,
        #F1D48A
    );

    border: 1px solid #D6B36A;

    box-shadow:
        0 4px 18px rgba(214,179,106,0.22);
}

.story-btn-primary:hover {
    color: #000000 !important;

    background: #ffffff;

    border-color: #ffffff;

    transform: translateY(-3px);

    box-shadow:
        0 6px 25px rgba(255,255,255,0.18);
}


/* =================================
   SECONDARY BUTTON
================================= */

.story-btn-outline {
    color: #ffffff !important;

    background: transparent;

    border: 1px solid #555555;
}

.story-btn-outline span {
    color: #D6B36A;
}

.story-btn-outline:hover {
    color: #D6B36A !important;

    border-color: #D6B36A;

    transform: translateY(-3px);

    box-shadow:
        0 0 15px rgba(214,179,106,0.18);
}


/* =================================
   SUBTLE PINK ACCENT
   Very Minimal
================================= */

.tattoo-story-content h2::after {
    content: "";
    display: block;

    width: 42px;
    height: 2px;

    margin-top: 18px;

    background: #D94F9D;

    opacity: 0.7;

    box-shadow:
        0 0 8px rgba(217,79,157,0.35);
}


/* =================================
   TABLET
================================= */

@media (max-width: 768px) {

    .tattoo-story-content h2 {
        font-size: 40px;
    }

    .tattoo-story-features {
        grid-template-columns: 1fr;
    }
}


/* =================================
   MOBILE
================================= */

@media (max-width: 480px) {

    .tattoo-story-content h2 {
        font-size: 34px;
    }

    .tattoo-story-content h3 {
        font-size: 17px;
    }

    .tattoo-story-content > p {
        font-size: 14px;
        line-height: 1.7;
    }

    .story-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .story-btn {
        width: 100%;
    }
}/* End custom CSS */