.elementor-37 .elementor-element.elementor-element-431174b{--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-37 .elementor-element.elementor-element-5cfd8e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-314d39a */:root {
    --tts-black: #0C0C0D;
    --tts-surface: #171719;
    --tts-gold: #C6A15B;
    --tts-oxblood: #6E1F2A;
    --tts-ivory: #F2EDE3;
    --tts-grey: #AAA6A0;
    --tts-border: #554731;
}

/* Elementor full-width fixes */

.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.tts-hero,
.tts-hero * {
    box-sizing: border-box;
}

.tts-hero {
    position: relative;
    left: 50%;

    width: 100vw;
    max-width: 100vw;
    height: clamp(680px, 100vh, 920px);
    min-height: 680px;

    margin-right: -50vw;
    margin-left: -50vw;

    overflow: hidden;
    isolation: isolate;

    background: var(--tts-black);
    border-bottom: 1px solid rgba(198, 161, 91, 0.35);

    color: var(--tts-ivory);
    font-family: "Manrope", sans-serif;
}

/* Slides */

.tts-slide {
    position: absolute;
    inset: 0;
    z-index: 0;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 800ms ease,
        visibility 800ms ease;
}

.tts-slide.active {
    z-index: 1;

    opacity: 1;
    visibility: visible;
}

/* Actual image element */

.tts-image-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;

    overflow: hidden;
}

.tts-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transform: scale(1.035);

    transition: transform 6s ease;
}

.tts-slide.active .tts-image {
    transform: scale(1);
}

/* Desktop overlay */

.tts-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(7, 7, 8, 0.99) 0%,
            rgba(7, 7, 8, 0.93) 29%,
            rgba(7, 7, 8, 0.56) 55%,
            rgba(7, 7, 8, 0.08) 100%
        ),
        linear-gradient(
            180deg,
            rgba(7, 7, 8, 0.10),
            rgba(7, 7, 8, 0.35)
        );
}

.tts-blood-slide .tts-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(7, 7, 8, 0.99) 0%,
            rgba(7, 7, 8, 0.93) 29%,
            rgba(7, 7, 8, 0.56) 55%,
            rgba(7, 7, 8, 0.10) 100%
        ),
        linear-gradient(
            90deg,
            rgba(110, 31, 42, 0.08),
            rgba(110, 31, 42, 0.30)
        );
}

/* Content */

.tts-content-wrap {
    position: relative;
    z-index: 2;

    display: flex;
    width: min(90%, 1380px);
    height: 100%;
    align-items: center;

    margin: 0 auto;
    padding: 70px 0 125px;
}

.tts-content {
    width: min(650px, 52vw);
    max-width: 650px;

    opacity: 0;
    transform: translateY(26px);
}

.tts-slide.active .tts-content {
    animation: ttsContentIn 800ms 160ms ease forwards;
}

.tts-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin: 0 0 24px;

    color: var(--tts-gold);

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.17em;
    line-height: 1.4;
    text-transform: uppercase;
}

.tts-eyebrow span {
    width: 34px;
    height: 1px;
    flex: 0 0 auto;

    background: var(--tts-gold);
}

.tts-hero h1,
.tts-hero h2 {
    max-width: 680px;
    margin: 0;

    color: var(--tts-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(58px, 5.4vw, 88px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 0.94;
    text-transform: none;
}

.tts-decoration {
    display: flex;
    height: 35px;
    align-items: center;
    gap: 12px;

    margin: 16px 0 7px;

    color: var(--tts-gold);
    font-size: 10px;
}

.tts-decoration span {
    width: 48px;
    height: 1px;

    background: var(--tts-gold);
}

.tts-decoration b {
    font-weight: 400;
}

.tts-content > p {
    max-width: 590px;
    margin: 0;

    color: var(--tts-grey);

    font-size: clamp(15px, 1.08vw, 17px);
    font-weight: 400;
    line-height: 1.8;
}

/* Buttons */

.tts-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 35px;
}

.tts-btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 15px 24px;

    border: 1px solid var(--tts-gold);
    border-radius: 0;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.10em;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        transform 220ms ease,
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease;
}

.tts-btn b {
    font-size: 14px;
    font-weight: 500;
}

.tts-btn:hover {
    transform: translateY(-2px);
}

.tts-btn-primary {
    border-color: var(--tts-gold);
    background: var(--tts-gold);
    color: var(--tts-black) !important;
}

.tts-btn-primary:hover {
    border-color: var(--tts-oxblood);
    background: var(--tts-oxblood);
    color: var(--tts-ivory) !important;
}

.tts-btn-outline {
    background: rgba(12, 12, 13, 0.30);
    color: var(--tts-ivory) !important;

    backdrop-filter: blur(8px);
}

.tts-btn-outline:hover {
    border-color: var(--tts-oxblood);
    background: var(--tts-oxblood);
    color: var(--tts-ivory) !important;
}

/* Controls */

.tts-controls {
    position: absolute;
    z-index: 5;
    bottom: 38px;
    left: 50%;

    display: flex;
    align-items: center;
    gap: 20px;

    transform: translateX(-50%);
}

.tts-arrow {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;

    padding: 0;

    border: 1px solid rgba(198, 161, 91, 0.48);
    border-radius: 0;

    background: rgba(12, 12, 13, 0.68);
    color: var(--tts-ivory);

    cursor: pointer;
    font-size: 18px;

    transition: 200ms ease;
}

.tts-arrow:hover {
    border-color: var(--tts-gold);
    background: var(--tts-gold);
    color: var(--tts-black);
}

.tts-dots {
    display: flex;
    gap: 12px;
}

.tts-dots button {
    display: grid;
    width: 38px;
    gap: 7px;

    padding: 6px 0;

    border: 0;
    background: transparent;
    color: rgba(242, 237, 227, 0.50);

    cursor: pointer;

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    letter-spacing: 0.12em;
}

.tts-dots button i {
    position: relative;

    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;

    background: rgba(242, 237, 227, 0.22);
}

.tts-dots button i::after {
    position: absolute;
    inset: 0;

    background: var(--tts-gold);

    content: "";

    transform: scaleX(0);
    transform-origin: left;
}

.tts-dots button.active {
    color: var(--tts-gold);
}

.tts-dots button.active i::after {
    animation: ttsProgress 4s linear forwards;
}

.tts-hero:hover .tts-dots button.active i::after {
    animation-play-state: paused;
}

/* Counter */

.tts-counter {
    position: absolute;
    z-index: 5;
    right: 5%;
    bottom: 45px;

    display: flex;
    align-items: center;
    gap: 10px;

    color: var(--tts-gold);

    font-size: 12px;
    letter-spacing: 0.15em;
}

.tts-counter strong {
    font-size: 18px;
    font-weight: 500;
}

.tts-counter span {
    width: 30px;
    height: 1px;

    background: var(--tts-border);
}

.tts-counter small {
    color: var(--tts-grey);
}

/* Animations */

@keyframes ttsContentIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ttsProgress {
    to {
        transform: scaleX(1);
    }
}

/* Tablet */

@media (max-width: 1024px) {

    .tts-content {
        width: min(650px, 68vw);
    }

    .tts-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(7, 7, 8, 0.98),
                rgba(7, 7, 8, 0.78) 56%,
                rgba(7, 7, 8, 0.20)
            );
    }
}

/* Mobile: image separate rahegi */

@media (max-width: 767px) {

    .tts-hero {
        width: 100vw;
        max-width: 100vw;
        height: 800px;
        min-height: 800px;
    }

    .tts-slide {
        display: flex;
        flex-direction: column;

        background: var(--tts-black);
    }

    .tts-image-wrap {
        position: relative;
        inset: auto;

        width: 100%;
        height: 43%;
        min-height: 320px;
        flex: 0 0 43%;

        background: var(--tts-surface);
    }

    .tts-image {
        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;

        transform: none !important;
    }

    .tts-overlay,
    .tts-blood-slide .tts-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
        z-index: 1;

        height: 48%;

        background:
            linear-gradient(
                180deg,
                rgba(12, 12, 13, 0.02) 0%,
                rgba(12, 12, 13, 0.10) 55%,
                var(--tts-black) 100%
            );
    }

    .tts-content-wrap {
        position: relative;
        z-index: 2;

        display: block;
        width: 100%;
        height: 57%;

        margin: -30px 0 0;
        padding: 0 18px 105px;

        background: var(--tts-black);
    }

    .tts-content {
        width: 100%;
        max-width: none;
    }

    .tts-eyebrow {
        gap: 10px;

        margin-bottom: 15px;

        font-size: 9px;
        letter-spacing: 0.12em;
    }

    .tts-eyebrow span {
        width: 24px;
    }

    .tts-hero h1,
    .tts-hero h2 {
        font-size: clamp(39px, 11.5vw, 54px);
        line-height: 0.96;
    }

    .tts-decoration {
        height: 25px;
        margin: 11px 0 5px;
    }

    .tts-decoration span {
        width: 38px;
    }

    .tts-content > p {
        display: -webkit-box;
        overflow: hidden;

        font-size: 12px;
        line-height: 1.6;

        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .tts-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 9px;

        margin-top: 20px;
    }

    .tts-btn {
        width: 100%;
        min-height: 48px;

        padding: 11px 10px;

        font-size: 8px;
        letter-spacing: 0.07em;
    }

    .tts-controls {
        bottom: 22px;
        gap: 10px;
    }

    .tts-arrow {
        width: 39px;
        height: 39px;
    }

    .tts-dots {
        gap: 7px;
    }

    .tts-dots button {
        width: 23px;
    }

    .tts-dots button span,
    .tts-counter {
        display: none;
    }
}

/* Small mobile */

@media (max-width: 400px) {

    .tts-hero {
        height: 780px;
        min-height: 780px;
    }

    .tts-image-wrap {
        height: 40%;
        min-height: 295px;
        flex-basis: 40%;
    }

    .tts-content-wrap {
        height: 60%;

        padding-right: 15px;
        padding-left: 15px;
    }

    .tts-hero h1,
    .tts-hero h2 {
        font-size: clamp(37px, 11vw, 48px);
    }

    .tts-btn {
        font-size: 7.5px;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    .tts-slide,
    .tts-image,
    .tts-content {
        animation: none !important;
        transition: none !important;
    }

    .tts-slide.active .tts-content {
        opacity: 1;
        transform: none;
    }
}

/* =====================================================
   FULL-WIDTH POSITION FIX
   Paste at the very end of existing CSS
===================================================== */

/* Elementor ke parent containers ko full width allow karein */
.elementor-element:has(#ttsHero),
.elementor-widget-html:has(#ttsHero),
.elementor-widget-container:has(#ttsHero),
.e-con:has(#ttsHero),
.e-con-inner:has(#ttsHero) {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Slider ki double shifting remove karein */
#ttsHero.tts-hero {
    position: relative !important;
    left: auto !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-right: 0 !important;
    margin-left: calc(50% - 50vw) !important;

    transform: none !important;
}

/* Content ko correct position par rakhein */
#ttsHero .tts-content-wrap {
    position: relative !important;
    z-index: 3 !important;

    width: min(90%, 1380px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Content visibility fix */
#ttsHero .tts-slide.active .tts-content {
    opacity: 1;
    visibility: visible;
}

/* Image ko poori slider width mein rakhein */
#ttsHero .tts-image-wrap {
    right: 0 !important;
    left: 0 !important;

    width: 100% !important;
}

#ttsHero .tts-image {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    object-fit: cover !important;
}

/* Mobile correction */
@media (max-width: 767px) {

    #ttsHero.tts-hero {
        left: auto !important;

        width: 100vw !important;
        max-width: 100vw !important;

        margin-right: 0 !important;
        margin-left: calc(50% - 50vw) !important;

        transform: none !important;
    }

    #ttsHero .tts-content-wrap {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    #ttsHero .tts-image-wrap {
        position: relative !important;
        inset: auto !important;

        width: 100% !important;
        height: 320px !important;
        min-height: 320px !important;
        flex: 0 0 320px !important;
    }

    #ttsHero .tts-image {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center !important;
    }
}

/* =====================================================
   MOBILE FINAL SPACING + FONT SIZE FIX
   Paste at the very end of existing CSS
===================================================== */

@media (max-width: 767px) {

    /* Fixed height remove */
    #ttsHero.tts-hero {
        height: auto !important;
        min-height: 0 !important;

        background: #0C0C0D !important;
    }

    /* Mobile par sirf active slide display hogi */
    #ttsHero .tts-slide {
        position: relative !important;
        inset: auto !important;

        display: none !important;
        width: 100% !important;

        opacity: 1 !important;
        visibility: visible !important;

        background: #0C0C0D !important;
    }

    #ttsHero .tts-slide.active {
        display: block !important;
    }

    /* Image ko separate image section rakhein */
    #ttsHero .tts-image-wrap {
        position: relative !important;
        inset: auto !important;

        display: block !important;
        width: 100% !important;
        height: 300px !important;
        min-height: 300px !important;

        overflow: hidden !important;
    }

    #ttsHero .tts-image {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center !important;

        transform: none !important;
    }

    /* Image ke bottom par soft gradient */
    #ttsHero .tts-overlay,
    #ttsHero .tts-blood-slide .tts-overlay {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        z-index: 1 !important;

        display: block !important;
        width: 100% !important;
        height: 300px !important;

        background:
            linear-gradient(
                180deg,
                rgba(12, 12, 13, 0.02) 0%,
                rgba(12, 12, 13, 0.08) 65%,
                #0C0C0D 100%
            ) !important;

        pointer-events: none !important;
    }

    /* Image aur heading ke beech spacing */
    #ttsHero .tts-content-wrap {
        position: relative !important;
        z-index: 3 !important;

        display: block !important;
        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 24px 18px 22px !important;

        background: #0C0C0D !important;
    }

    #ttsHero .tts-content {
        width: 100% !important;
        max-width: none !important;

        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        animation: none !important;
    }

    /* Eyebrow spacing */
    #ttsHero .tts-eyebrow {
        margin: 0 0 17px !important;

        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    /* Heading size and spacing */
    #ttsHero h1,
    #ttsHero h2 {
        margin: 0 !important;

        font-size: clamp(42px, 12vw, 55px) !important;
        line-height: 0.98 !important;
    }

    #ttsHero .tts-decoration {
        height: 28px !important;
        margin: 14px 0 8px !important;
    }

    /* Description font size increase */
    #ttsHero .tts-content > p {
        display: block !important;
        overflow: visible !important;

        margin: 0 !important;

        color: #AAA6A0 !important;

        font-size: 15px !important;
        line-height: 1.7 !important;

        -webkit-line-clamp: unset !important;
    }

    /* Buttons spacing */
    #ttsHero .tts-buttons {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 9px !important;

        margin-top: 24px !important;
    }

    #ttsHero .tts-btn {
        width: 100% !important;
        min-height: 50px !important;

        padding: 12px 9px !important;

        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    /* Controls ko content ke immediately niche rakhein */
    #ttsHero .tts-controls {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 5 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 18px 15px 24px !important;

        background: #0C0C0D !important;

        transform: none !important;
    }

    #ttsHero .tts-arrow {
        width: 40px !important;
        height: 40px !important;
    }

    #ttsHero .tts-dots {
        display: flex !important;
        gap: 7px !important;
    }

    #ttsHero .tts-dots button {
        width: 23px !important;
    }

    #ttsHero .tts-dots button span,
    #ttsHero .tts-counter {
        display: none !important;
    }
}

/* Small mobile */
@media (max-width: 400px) {

    #ttsHero .tts-image-wrap,
    #ttsHero .tts-overlay,
    #ttsHero .tts-blood-slide .tts-overlay {
        height: 270px !important;
        min-height: 270px !important;
    }

    #ttsHero .tts-content-wrap {
        padding: 22px 15px 20px !important;
    }

    #ttsHero h1,
    #ttsHero h2 {
        font-size: 40px !important;
    }

    #ttsHero .tts-content > p {
        font-size: 13.5px !important;
        line-height: 1.65 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cfd8e4 *//* =====================================================
   TIGER TATTOO — INTRODUCTION SECTION
===================================================== */

:root {
    --tiger-black: #0C0C0D;
    --tiger-surface: #171719;
    --tiger-card: #222225;
    --tiger-gold: #C6A15B;
    --tiger-oxblood: #6E1F2A;
    --tiger-ivory: #F2EDE3;
    --tiger-grey: #AAA6A0;
    --tiger-border: #554731;
}

.tiger-intro-section,
.tiger-intro-section * {
    box-sizing: border-box;
}

.tiger-intro-section {
    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 110px 30px;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(198, 161, 91, 0.06),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #0C0C0D 0%,
            #111113 50%,
            #0C0C0D 100%
        );

    color: var(--tiger-ivory);
    font-family: "Manrope", sans-serif;
}

/* Subtle background texture */

.tiger-intro-section::before {
    position: absolute;
    inset: 0;

    opacity: 0.035;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 3px,
            rgba(255, 255, 255, 0.8) 4px
        );

    content: "";
}

/* Main container */

.tiger-intro-container {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(55px, 7vw, 105px);
    align-items: center;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

/* =====================================================
   IMAGE
===================================================== */

.tiger-intro-visual {
    position: relative;
    padding: 0 0 34px 34px;
}

.tiger-intro-visual::before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: calc(100% - 35px);
    height: calc(100% - 35px);

    border: 1px solid var(--tiger-border);

    content: "";
}

.tiger-intro-image-frame {
    position: relative;

    width: 100%;
    height: 650px;
    overflow: hidden;

    background: var(--tiger-surface);
}

.tiger-intro-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    filter:
        saturate(0.45)
        contrast(1.08)
        brightness(0.80);

    transition:
        transform 800ms ease,
        filter 800ms ease;
}

.tiger-intro-image-frame:hover .tiger-intro-image {
    transform: scale(1.035);

    filter:
        saturate(0.65)
        contrast(1.05)
        brightness(0.88);
}

.tiger-intro-image-overlay {
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(12, 12, 13, 0.05) 45%,
            rgba(12, 12, 13, 0.90) 100%
        ),
        linear-gradient(
            90deg,
            rgba(198, 161, 91, 0.08),
            transparent 45%
        );
}

/* Image label */

.tiger-intro-image-label {
    position: absolute;
    right: 30px;
    bottom: 28px;
    left: 30px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding-top: 18px;

    border-top: 1px solid rgba(198, 161, 91, 0.50);
}

.tiger-intro-image-label span {
    color: var(--tiger-grey);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.tiger-intro-image-label strong {
    color: var(--tiger-gold);

    font-family: "Cormorant Garamond", serif;
    font-size: 24px;
    font-weight: 500;
}

/* Gold image corners */

.tiger-intro-corner {
    position: absolute;

    width: 44px;
    height: 44px;

    pointer-events: none;
}

.tiger-intro-corner-one {
    top: 18px;
    left: 18px;

    border-top: 1px solid var(--tiger-gold);
    border-left: 1px solid var(--tiger-gold);
}

.tiger-intro-corner-two {
    right: 18px;
    bottom: 18px;

    border-right: 1px solid var(--tiger-gold);
    border-bottom: 1px solid var(--tiger-gold);
}

/* Floating image card */

.tiger-intro-experience {
    position: absolute;
    right: -25px;
    bottom: 0;
    z-index: 3;

    display: flex;
    max-width: 320px;
    align-items: center;
    gap: 16px;

    padding: 20px 24px;

    border: 1px solid var(--tiger-border);

    background: rgba(23, 23, 25, 0.96);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.38);

    backdrop-filter: blur(12px);
}

.tiger-intro-experience-icon {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;

    border: 1px solid var(--tiger-gold);

    color: var(--tiger-gold);
    font-size: 12px;
}

.tiger-intro-experience div {
    display: grid;
    gap: 4px;
}

.tiger-intro-experience strong {
    color: var(--tiger-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
}

.tiger-intro-experience div span {
    color: var(--tiger-grey);

    font-size: 9px;
    letter-spacing: 0.06em;
    line-height: 1.5;
    text-transform: uppercase;
}

/* =====================================================
   CONTENT
===================================================== */

.tiger-intro-content {
    width: 100%;
}

.tiger-intro-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 22px;

    color: var(--tiger-gold);

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.16em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tiger-intro-eyebrow span {
    width: 36px;
    height: 1px;
    flex: 0 0 auto;

    background: var(--tiger-gold);
}

.tiger-intro-content h2 {
    max-width: 650px;
    margin: 0;

    color: var(--tiger-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(52px, 5vw, 78px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 0.98;
    text-transform: none;
}

.tiger-intro-content h2 em {
    display: block;

    color: var(--tiger-gold);

    font-weight: 500;
}

.tiger-intro-decoration {
    display: flex;
    height: 42px;
    align-items: center;
    gap: 12px;

    margin: 14px 0 10px;

    color: var(--tiger-gold);
}

.tiger-intro-decoration span {
    width: 50px;
    height: 1px;

    background: var(--tiger-gold);
}

.tiger-intro-decoration b {
    font-size: 10px;
    font-weight: 400;
}

.tiger-intro-content > p {
    max-width: 680px;
    margin: 0 0 17px;

    color: var(--tiger-grey);

    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
}

/* Service list */

.tiger-intro-services {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    margin: 30px 0 35px;

    border-top: 1px solid rgba(85, 71, 49, 0.80);
    border-left: 1px solid rgba(85, 71, 49, 0.80);
}

.tiger-intro-service {
    display: flex;
    min-height: 58px;
    align-items: center;
    gap: 13px;

    padding: 13px 16px;

    border-right: 1px solid rgba(85, 71, 49, 0.80);
    border-bottom: 1px solid rgba(85, 71, 49, 0.80);

    color: var(--tiger-ivory);

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.tiger-intro-service span {
    color: var(--tiger-gold);

    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    font-weight: 500;
}

/* CTA */

.tiger-intro-button {
    display: inline-flex;
    min-height: 55px;
    align-items: center;
    justify-content: center;
    gap: 18px;

    padding: 16px 26px;

    border: 1px solid var(--tiger-gold);

    background: var(--tiger-gold);
    color: var(--tiger-black) !important;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.3;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        transform 220ms ease,
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease;
}

.tiger-intro-button span {
    font-size: 16px;
    font-weight: 500;
}

.tiger-intro-button:hover {
    border-color: var(--tiger-oxblood);

    background: var(--tiger-oxblood);
    color: var(--tiger-ivory) !important;

    transform: translateY(-2px);
}

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

@media (max-width: 1024px) {

    .tiger-intro-section {
        padding: 85px 28px;
    }

    .tiger-intro-container {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 50px;
    }

    .tiger-intro-image-frame {
        height: 590px;
    }

    .tiger-intro-experience {
        right: -15px;
    }

    .tiger-intro-content h2 {
        font-size: clamp(48px, 6vw, 65px);
    }

    .tiger-intro-content > p {
        font-size: 14px;
    }
}

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

@media (max-width: 767px) {

    .tiger-intro-section {
        padding: 65px 16px;
    }

    .tiger-intro-container {
        display: flex;
        flex-direction: column;
        gap: 48px;
    }

    .tiger-intro-visual {
        width: 100%;
        padding: 0 0 22px 15px;
    }

    .tiger-intro-visual::before {
        width: calc(100% - 15px);
        height: calc(100% - 20px);
    }

    .tiger-intro-image-frame {
        width: 100%;
        height: 430px;
    }

    .tiger-intro-image {
        object-position: center;
    }

    .tiger-intro-image-label {
        right: 20px;
        bottom: 22px;
        left: 20px;
    }

    .tiger-intro-image-label strong {
        font-size: 20px;
    }

    .tiger-intro-experience {
        position: relative;
        right: auto;
        bottom: auto;

        width: calc(100% - 20px);
        max-width: none;

        margin: -18px 0 0 20px;
        padding: 17px 18px;
    }

    .tiger-intro-content {
        width: 100%;
    }

    .tiger-intro-eyebrow {
        gap: 10px;

        margin-bottom: 17px;

        font-size: 9px;
        letter-spacing: 0.12em;
    }

    .tiger-intro-eyebrow span {
        width: 25px;
    }

    .tiger-intro-content h2 {
        font-size: clamp(43px, 12vw, 58px);
        line-height: 0.98;
    }

    .tiger-intro-decoration {
        height: 34px;
        margin: 11px 0 8px;
    }

    .tiger-intro-content > p {
        margin-bottom: 15px;

        font-size: 14px;
        line-height: 1.75;
    }

    .tiger-intro-services {
        margin: 25px 0 30px;
    }

    .tiger-intro-service {
        min-height: 55px;

        padding: 12px;

        font-size: 9px;
        line-height: 1.4;
    }

    .tiger-intro-service span {
        font-size: 16px;
    }

    .tiger-intro-button {
        width: 100%;
        min-height: 54px;
    }
}

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

@media (max-width: 400px) {

    .tiger-intro-image-frame {
        height: 380px;
    }

    .tiger-intro-services {
        grid-template-columns: 1fr;
    }

    .tiger-intro-content h2 {
        font-size: 42px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07d901f *//* =====================================================
   TIGER TATTOO — SERVICES SECTION
===================================================== */

:root {
    --tss-black: #0C0C0D;
    --tss-surface: #171719;
    --tss-card: #222225;
    --tss-gold: #C6A15B;
    --tss-oxblood: #6E1F2A;
    --tss-ivory: #F2EDE3;
    --tss-grey: #AAA6A0;
    --tss-border: #554731;
}

.tiger-services-section,
.tiger-services-section * {
    box-sizing: border-box;
}

.tiger-services-section {
    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 110px 30px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(110, 31, 42, 0.09),
            transparent 32%
        ),
        radial-gradient(
            circle at 10% 90%,
            rgba(198, 161, 91, 0.05),
            transparent 30%
        ),
        var(--tss-surface);

    color: var(--tss-ivory);
    font-family: "Manrope", sans-serif;
}

/* Subtle texture */

.tiger-services-section::before {
    position: absolute;
    inset: 0;

    opacity: 0.025;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 3px,
            rgba(255, 255, 255, 0.75) 4px
        );

    content: "";
}

.tiger-services-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

/* =====================================================
   SECTION HEADING
===================================================== */

.tiger-services-header {
    max-width: 790px;

    margin: 0 auto 65px;

    text-align: center;
}

.tiger-services-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin-bottom: 20px;

    color: var(--tss-gold);

    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tiger-services-eyebrow span {
    width: 35px;
    height: 1px;

    background: var(--tss-gold);
}

.tiger-services-header h2 {
    margin: 0;

    color: var(--tss-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(54px, 5.5vw, 80px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 0.96;
    text-transform: none;
}

.tiger-services-header h2 em {
    display: block;

    color: var(--tss-gold);

    font-weight: 500;
}

.tiger-services-header > p {
    max-width: 650px;

    margin: 25px auto 0;

    color: var(--tss-grey);

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

/* =====================================================
   SERVICES GRID
===================================================== */

.tiger-services-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

/* =====================================================
   SERVICE CARD
===================================================== */

.tiger-service-card {
    display: grid;
    grid-template-columns: 44% 56%;
    min-height: 410px;
    overflow: hidden;

    border: 1px solid rgba(85, 71, 49, 0.85);

    background:
        linear-gradient(
            135deg,
            rgba(34, 34, 37, 0.98),
            rgba(17, 17, 19, 0.98)
        );

    transition:
        transform 300ms ease,
        border-color 300ms ease,
        box-shadow 300ms ease;
}

.tiger-service-card:hover {
    border-color: var(--tss-gold);

    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.35);

    transform: translateY(-5px);
}

/* =====================================================
   SERVICE IMAGE
===================================================== */

.tiger-service-image {
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 410px;
    overflow: hidden;

    background: var(--tss-black);
}

.tiger-service-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    filter:
        grayscale(0.72)
        contrast(1.06)
        brightness(0.72);

    transition:
        transform 700ms ease,
        filter 700ms ease;
}

.tiger-service-card:hover .tiger-service-image img {
    filter:
        grayscale(0.35)
        contrast(1.05)
        brightness(0.82);

    transform: scale(1.055);
}

.tiger-service-image-overlay {
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent 45%,
            rgba(12, 12, 13, 0.80) 100%
        ),
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(12, 12, 13, 0.88) 100%
        );
}

.tiger-service-number {
    position: absolute;
    bottom: 22px;
    left: 22px;

    color: var(--tss-gold);

    font-family: "Cormorant Garamond", serif;
    font-size: 52px;
    font-weight: 500;
    line-height: 1;
}

/* Blood Art accent */

.tiger-service-blood .tiger-service-image-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(110, 31, 42, 0.12),
            rgba(12, 12, 13, 0.78)
        ),
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(110, 31, 42, 0.45) 100%
        );
}

/* =====================================================
   CARD CONTENT
===================================================== */

.tiger-service-content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 38px 32px;
}

.tiger-service-title-row {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 20px;
}

.tiger-service-line {
    width: 30px;
    height: 1px;
    flex: 0 0 30px;

    background: var(--tss-gold);
}

.tiger-service-content h3 {
    margin: 0;

    color: var(--tss-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(29px, 2.3vw, 38px);
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1;
    text-transform: none;
}

.tiger-service-content > p {
    margin: 0;

    color: var(--tss-grey);

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

/* =====================================================
   SERVICE BUTTONS
===================================================== */

.tiger-service-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;

    margin-top: 28px;
}

.tiger-service-btn {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 12px 11px;

    border: 1px solid var(--tss-gold);

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        transform 220ms ease;
}

.tiger-service-btn span {
    font-size: 15px;
    font-weight: 500;
}

.tiger-service-btn:hover {
    transform: translateY(-2px);
}

.tiger-service-whatsapp {
    border-color: var(--tss-gold);

    background: var(--tss-gold);
    color: var(--tss-black) !important;
}

.tiger-service-whatsapp:hover {
    border-color: var(--tss-oxblood);

    background: var(--tss-oxblood);
    color: var(--tss-ivory) !important;
}

.tiger-service-call {
    background: transparent;
    color: var(--tss-ivory) !important;
}

.tiger-service-call:hover {
    border-color: var(--tss-oxblood);

    background: var(--tss-oxblood);
    color: var(--tss-ivory) !important;
}

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

@media (max-width: 1100px) {

    .tiger-services-section {
        padding: 90px 25px;
    }

    .tiger-services-grid {
        gap: 22px;
    }

    .tiger-service-card {
        grid-template-columns: 40% 60%;
    }

    .tiger-service-content {
        padding: 30px 24px;
    }

    .tiger-service-content h3 {
        font-size: 30px;
    }
}

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

@media (max-width: 900px) {

    .tiger-services-grid {
        grid-template-columns: 1fr;
    }

    .tiger-service-card {
        grid-template-columns: 43% 57%;
        min-height: 380px;
    }

    .tiger-service-image {
        min-height: 380px;
    }
}

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

@media (max-width: 767px) {

    .tiger-services-section {
        padding: 65px 16px;
    }

    .tiger-services-header {
        margin-bottom: 42px;
    }

    .tiger-services-eyebrow {
        gap: 10px;

        margin-bottom: 15px;

        font-size: 9px;
        letter-spacing: 0.14em;
    }

    .tiger-services-eyebrow span {
        width: 25px;
    }

    .tiger-services-header h2 {
        font-size: clamp(43px, 12vw, 58px);
        line-height: 0.98;
    }

    .tiger-services-header > p {
        margin-top: 18px;

        font-size: 14px;
        line-height: 1.7;
    }

    .tiger-services-grid {
        gap: 22px;
    }

    .tiger-service-card {
        display: block;
        min-height: 0;
    }

    .tiger-service-image {
        width: 100%;
        height: 280px;
        min-height: 280px;
    }

    .tiger-service-image-overlay {
        background:
            linear-gradient(
                180deg,
                transparent 45%,
                rgba(12, 12, 13, 0.90) 100%
            );
    }

    .tiger-service-number {
        right: 20px;
        bottom: 18px;
        left: auto;

        font-size: 36px;
    }

    .tiger-service-content {
        display: block;

        padding: 27px 20px 24px;
    }

    .tiger-service-title-row {
        margin-bottom: 16px;
    }

    .tiger-service-content h3 {
        font-size: 34px;
    }

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

    .tiger-service-actions {
        margin-top: 23px;
    }

    .tiger-service-btn {
        min-height: 50px;

        padding: 12px 9px;

        font-size: 9px;
    }
}

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

@media (max-width: 390px) {

    .tiger-service-image {
        height: 245px;
        min-height: 245px;
    }

    .tiger-service-content {
        padding-right: 16px;
        padding-left: 16px;
    }

    .tiger-service-content h3 {
        font-size: 31px;
    }

    .tiger-service-content > p {
        font-size: 13.5px;
    }

    .tiger-service-actions {
        gap: 7px;
    }

    .tiger-service-btn {
        font-size: 8px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71cd255 *//* =====================================================
   TIGER TATTOO — FEATURED GALLERY
===================================================== */

:root {
    --tfg-black: #0C0C0D;
    --tfg-surface: #171719;
    --tfg-card: #222225;
    --tfg-gold: #C6A15B;
    --tfg-oxblood: #6E1F2A;
    --tfg-ivory: #F2EDE3;
    --tfg-grey: #AAA6A0;
    --tfg-border: #554731;
}

.tfg-section,
.tfg-section * {
    box-sizing: border-box;
}

.tfg-section {
    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 110px 30px;

    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(198, 161, 91, 0.055),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #0C0C0D,
            #111113 50%,
            #0C0C0D
        );

    color: var(--tfg-ivory);
    font-family: "Manrope", sans-serif;
}

.tfg-section::before {
    position: absolute;
    inset: 0;

    opacity: 0.025;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 3px,
            rgba(255, 255, 255, 0.8) 4px
        );

    content: "";
}

.tfg-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */

.tfg-header {
    max-width: 800px;

    margin: 0 auto 48px;

    text-align: center;
}

.tfg-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin-bottom: 20px;

    color: var(--tfg-gold);

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tfg-eyebrow span {
    width: 35px;
    height: 1px;

    background: var(--tfg-gold);
}

.tfg-header h2 {
    margin: 0;

    color: var(--tfg-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(54px, 5.5vw, 80px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 0.96;
    text-transform: none;
}

.tfg-header h2 em {
    display: block;

    color: var(--tfg-gold);

    font-weight: 500;
}

.tfg-header > p {
    max-width: 680px;

    margin: 24px auto 0;

    color: var(--tfg-grey);

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

/* =====================================================
   FILTERS
===================================================== */

.tfg-filters {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;

    margin-bottom: 38px;
}

.tfg-filters button {
    width: 100%;
    min-height: 48px;

    padding: 11px 14px;

    border: 1px solid rgba(85, 71, 49, 0.90);
    border-radius: 0;

    background: transparent;
    color: var(--tfg-grey);

    cursor: pointer;

    font-family: "Manrope", sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.09em;
    line-height: 1.35;
    text-transform: uppercase;

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease;
}

.tfg-filters button:hover,
.tfg-filters button.active {
    border-color: var(--tfg-gold);

    background: var(--tfg-gold);
    color: var(--tfg-black);
}

/* =====================================================
   GALLERY GRID
===================================================== */

.tfg-grid {
    display: grid;
    grid-auto-flow: dense;
    grid-auto-rows: 250px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.tfg-item {
    position: relative;

    min-width: 0;
    overflow: hidden;

    border: 1px solid rgba(85, 71, 49, 0.78);

    background: var(--tfg-card);

    opacity: 1;
    transform: scale(1);

    transition:
        opacity 300ms ease,
        transform 300ms ease,
        border-color 300ms ease;
}

.tfg-item-tall {
    grid-row: span 2;
}

.tfg-item-wide {
    grid-column: span 2;
}

.tfg-item.tfg-hidden {
    display: none !important;
}

.tfg-item:hover {
    border-color: var(--tfg-gold);
}

/* Images */

.tfg-item > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    filter:
        grayscale(0.82)
        contrast(1.08)
        brightness(0.72);

    transition:
        transform 700ms ease,
        filter 700ms ease;
}

.tfg-item:hover > img {
    filter:
        grayscale(0.35)
        contrast(1.05)
        brightness(0.82);

    transform: scale(1.055);
}

.tfg-item-blood > img {
    filter:
        sepia(0.18)
        saturate(0.80)
        contrast(1.10)
        brightness(0.72);
}

.tfg-item-blood:hover > img {
    filter:
        sepia(0.12)
        saturate(1.15)
        contrast(1.05)
        brightness(0.84);
}

/* Image overlay */

.tfg-item-overlay {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;

    padding: 24px;

    background:
        linear-gradient(
            180deg,
            transparent 30%,
            rgba(12, 12, 13, 0.94) 100%
        );

    opacity: 0;
    transform: translateY(12px);

    transition:
        opacity 300ms ease,
        transform 300ms ease;
}

.tfg-item:hover .tfg-item-overlay {
    opacity: 1;
    transform: translateY(0);
}

.tfg-item-overlay div {
    display: grid;
    gap: 5px;
}

.tfg-item-overlay span {
    color: var(--tfg-gold);

    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tfg-item-overlay h3 {
    margin: 0;

    color: var(--tfg-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: 27px;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
}

.tfg-item-overlay > b {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;

    border: 1px solid var(--tfg-gold);

    color: var(--tfg-gold);

    font-size: 15px;
    font-weight: 400;
}

/* =====================================================
   CTA AREA
===================================================== */

.tfg-cta-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;

    margin-top: 35px;
    padding: 30px 32px;

    border: 1px solid rgba(85, 71, 49, 0.85);

    background:
        linear-gradient(
            100deg,
            rgba(34, 34, 37, 0.95),
            rgba(12, 12, 13, 0.98)
        );
}

.tfg-cta-text {
    display: grid;
    gap: 7px;
}

.tfg-cta-text > span {
    color: var(--tfg-gold);

    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.tfg-cta-text p {
    margin: 0;

    color: var(--tfg-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(23px, 2.2vw, 31px);
    font-weight: 500;
    line-height: 1.15;
}

.tfg-buttons {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

.tfg-btn {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 13px;

    padding: 14px 21px;

    border: 1px solid var(--tfg-gold);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.10em;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        transform 220ms ease;
}

.tfg-btn span {
    font-size: 14px;
    font-weight: 500;
}

.tfg-btn:hover {
    transform: translateY(-2px);
}

.tfg-btn-primary {
    background: var(--tfg-gold);
    color: var(--tfg-black) !important;
}

.tfg-btn-primary:hover {
    border-color: var(--tfg-oxblood);

    background: var(--tfg-oxblood);
    color: var(--tfg-ivory) !important;
}

.tfg-btn-secondary {
    background: transparent;
    color: var(--tfg-ivory) !important;
}

.tfg-btn-secondary:hover {
    border-color: var(--tfg-oxblood);

    background: var(--tfg-oxblood);
    color: var(--tfg-ivory) !important;
}

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

@media (max-width: 1024px) {

    .tfg-section {
        padding: 90px 25px;
    }

    .tfg-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tfg-grid {
        grid-auto-rows: 230px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tfg-cta-area {
        align-items: flex-start;
        flex-direction: column;
    }
}

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

@media (max-width: 767px) {

    .tfg-section {
        padding: 65px 16px;
    }

    .tfg-header {
        margin-bottom: 32px;
    }

    .tfg-eyebrow {
        gap: 10px;

        margin-bottom: 15px;

        font-size: 9px;
        letter-spacing: 0.14em;
    }

    .tfg-eyebrow span {
        width: 25px;
    }

    .tfg-header h2 {
        font-size: clamp(43px, 12vw, 58px);
        line-height: 0.98;
    }

    .tfg-header > p {
        margin-top: 18px;

        font-size: 14px;
        line-height: 1.7;
    }

    /* Scrollable mobile filters */

    .tfg-filters {
        display: flex;
        justify-content: flex-start;
        gap: 8px;

        margin-right: -16px;
        margin-bottom: 25px;
        margin-left: -16px;
        padding: 0 16px 9px;

        overflow-x: auto;

        scrollbar-width: none;
    }

    .tfg-filters::-webkit-scrollbar {
        display: none;
    }

    .tfg-filters button {
        width: auto;
        min-width: max-content;
        min-height: 44px;
        flex: 0 0 auto;

        padding-right: 17px;
        padding-left: 17px;

        white-space: nowrap;
    }

    /* Mobile gallery */

    .tfg-grid {
        grid-auto-rows: 185px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .tfg-item-wide {
        grid-column: span 2;
    }

    .tfg-item-overlay {
        padding: 14px;

        opacity: 1;
        transform: none;
    }

    .tfg-item-overlay h3 {
        font-size: 20px;
    }

    .tfg-item-overlay span {
        font-size: 7px;
    }

    .tfg-item-overlay > b {
        display: none;
    }

    .tfg-cta-area {
        gap: 22px;

        margin-top: 25px;
        padding: 24px 19px;
    }

    .tfg-cta-text p {
        font-size: 25px;
    }

    .tfg-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;

        width: 100%;
    }

    .tfg-btn {
        min-height: 50px;

        padding: 12px 10px;

        font-size: 8px;
    }
}

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

@media (max-width: 390px) {

    .tfg-grid {
        grid-auto-rows: 165px;
    }

    .tfg-item-overlay h3 {
        font-size: 18px;
    }

    .tfg-buttons {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c8a888 *//* =====================================================
   TIGER TATTOO — WHY CHOOSE US
===================================================== */

:root {
    --twu-black: #0C0C0D;
    --twu-surface: #171719;
    --twu-card: #222225;
    --twu-gold: #C6A15B;
    --twu-oxblood: #6E1F2A;
    --twu-ivory: #F2EDE3;
    --twu-grey: #AAA6A0;
    --twu-border: #554731;
}

.twu-section,
.twu-section * {
    box-sizing: border-box;
}

.twu-section {
    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 115px 30px;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(198, 161, 91, 0.065),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(110, 31, 42, 0.08),
            transparent 32%
        ),
        var(--twu-black);

    color: var(--twu-ivory);
    font-family: "Manrope", sans-serif;
}

/* Background grain */

.twu-section::before {
    position: absolute;
    inset: 0;

    opacity: 0.025;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 3px,
            rgba(255, 255, 255, 0.8) 4px
        );

    content: "";
}

/* Decorative vertical line */

.twu-section::after {
    position: absolute;
    top: 80px;
    bottom: 80px;
    left: 50%;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(85, 71, 49, 0.55),
            transparent
        );

    content: "";
}

.twu-container {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
    gap: clamp(55px, 7vw, 100px);
    align-items: start;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

/* =====================================================
   INTRODUCTION
===================================================== */

.twu-introduction {
    position: sticky;
    top: 100px;

    width: 100%;
    padding-top: 10px;
}

.twu-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 23px;

    color: var(--twu-gold);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.17em;
    line-height: 1.5;
    text-transform: uppercase;
}

.twu-eyebrow span {
    width: 36px;
    height: 1px;
    flex: 0 0 auto;

    background: var(--twu-gold);
}

.twu-introduction h2 {
    max-width: 530px;
    margin: 0;

    color: var(--twu-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(52px, 5vw, 75px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 0.97;
    text-transform: none;
}

.twu-introduction h2 em {
    display: block;

    color: var(--twu-gold);

    font-weight: 500;
}

.twu-decoration {
    display: flex;
    height: 42px;
    align-items: center;
    gap: 12px;

    margin: 13px 0 9px;

    color: var(--twu-gold);
}

.twu-decoration span {
    width: 50px;
    height: 1px;

    background: var(--twu-gold);
}

.twu-decoration b {
    font-size: 10px;
    font-weight: 400;
}

.twu-introduction > p {
    max-width: 500px;
    margin: 0;

    color: var(--twu-grey);

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

/* =====================================================
   MONOGRAM AREA
===================================================== */

.twu-monogram {
    display: flex;
    max-width: 500px;
    align-items: center;
    gap: 22px;

    margin-top: 40px;
    padding-top: 30px;

    border-top: 1px solid rgba(85, 71, 49, 0.75);
}

.twu-monogram-circle {
    position: relative;

    display: grid;
    width: 104px;
    height: 132px;
    flex: 0 0 104px;
    place-items: center;

    border: 1px solid var(--twu-border);
    border-radius: 50%;

    color: var(--twu-gold);
}

.twu-monogram-circle::before {
    position: absolute;
    inset: 5px;

    border: 1px solid rgba(198, 161, 91, 0.28);
    border-radius: 50%;

    content: "";
}

.twu-monogram-circle strong {
    position: relative;
    z-index: 2;

    font-family: "Cormorant Garamond", serif;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -0.08em;
}

.twu-monogram-top,
.twu-monogram-bottom {
    position: absolute;
    left: 50%;

    color: var(--twu-grey);

    font-size: 6px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;

    transform: translateX(-50%);

    white-space: nowrap;
}

.twu-monogram-top {
    top: 19px;
}

.twu-monogram-bottom {
    bottom: 19px;
}

.twu-monogram-text {
    display: grid;
    gap: 8px;
}

.twu-monogram-text > span {
    color: var(--twu-gold);

    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.twu-monogram-text p {
    margin: 0;

    color: var(--twu-grey);

    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    font-style: italic;
    line-height: 1.35;
}

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

.twu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    border-top: 1px solid rgba(85, 71, 49, 0.85);
    border-left: 1px solid rgba(85, 71, 49, 0.85);
}

.twu-card {
    position: relative;

    min-height: 310px;
    overflow: hidden;

    padding: 32px 29px;

    border-right: 1px solid rgba(85, 71, 49, 0.85);
    border-bottom: 1px solid rgba(85, 71, 49, 0.85);

    background:
        linear-gradient(
            135deg,
            rgba(34, 34, 37, 0.82),
            rgba(17, 17, 19, 0.92)
        );

    transition:
        background-color 300ms ease,
        transform 300ms ease;
}

.twu-card::before {
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 2px;

    background: var(--twu-gold);

    content: "";

    transition: width 350ms ease;
}

.twu-card::after {
    position: absolute;
    right: -35px;
    bottom: -45px;

    width: 130px;
    height: 130px;

    border: 1px solid rgba(198, 161, 91, 0.08);
    border-radius: 50%;

    content: "";

    transition:
        border-color 300ms ease,
        transform 500ms ease;
}

.twu-card:hover {
    background:
        linear-gradient(
            135deg,
            rgba(40, 40, 43, 0.96),
            rgba(18, 18, 20, 0.98)
        );

    transform: translateY(-3px);
}

.twu-card:hover::before {
    width: 100%;
}

.twu-card:hover::after {
    border-color: rgba(198, 161, 91, 0.28);

    transform: scale(1.2);
}

/* Featured Blood Art influenced card */

.twu-card-featured {
    background:
        linear-gradient(
            135deg,
            rgba(110, 31, 42, 0.24),
            rgba(17, 17, 19, 0.96) 65%
        );
}

/* =====================================================
   CARD CONTENT
===================================================== */

.twu-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 32px;
}

.twu-number {
    color: var(--twu-gold);

    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    font-weight: 500;
}

.twu-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;

    border: 1px solid rgba(198, 161, 91, 0.60);

    color: var(--twu-gold);

    font-family: "Cormorant Garamond", serif;
    font-size: 15px;

    transform: rotate(45deg);
}

.twu-icon::first-letter {
    transform: rotate(-45deg);
}

.twu-card h3 {
    position: relative;
    z-index: 2;

    min-height: 61px;
    margin: 0;

    color: var(--twu-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(26px, 2.2vw, 34px);
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.05;
    text-transform: none;
}

.twu-card-line {
    display: block;
    width: 35px;
    height: 1px;

    margin: 20px 0 16px;

    background: var(--twu-gold);

    transition: width 300ms ease;
}

.twu-card:hover .twu-card-line {
    width: 58px;
}

.twu-card p {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--twu-grey);

    font-size: 13px;
    line-height: 1.75;
}

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

@media (max-width: 1050px) {

    .twu-section {
        padding: 90px 25px;
    }

    .twu-container {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        gap: 50px;
    }

    .twu-card {
        min-height: 325px;
        padding: 28px 24px;
    }

    .twu-card h3 {
        font-size: 28px;
    }
}

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

@media (max-width: 850px) {

    .twu-section::after {
        display: none;
    }

    .twu-container {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .twu-introduction {
        position: relative;
        top: auto;

        max-width: 700px;
    }

    .twu-introduction h2 {
        max-width: 680px;
    }

    .twu-grid {
        width: 100%;
    }
}

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

@media (max-width: 767px) {

    .twu-section {
        padding: 65px 16px;
    }

    .twu-container {
        gap: 42px;
    }

    .twu-eyebrow {
        gap: 10px;

        margin-bottom: 17px;

        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .twu-eyebrow span {
        width: 25px;
    }

    .twu-introduction h2 {
        font-size: clamp(43px, 12vw, 58px);
        line-height: 0.98;
    }

    .twu-decoration {
        height: 34px;
        margin: 11px 0 8px;
    }

    .twu-introduction > p {
        font-size: 14px;
        line-height: 1.75;
    }

    .twu-monogram {
        gap: 17px;

        margin-top: 30px;
        padding-top: 25px;
    }

    .twu-monogram-circle {
        width: 88px;
        height: 112px;
        flex-basis: 88px;
    }

    .twu-monogram-circle strong {
        font-size: 30px;
    }

    .twu-monogram-text p {
        font-size: 18px;
    }

    /* One card per row */

    .twu-grid {
        grid-template-columns: 1fr;
    }

    .twu-card {
        min-height: 0;

        padding: 27px 21px 26px;
    }

    .twu-card-top {
        margin-bottom: 24px;
    }

    .twu-card h3 {
        min-height: 0;

        font-size: 32px;
    }

    .twu-card-line {
        margin: 17px 0 14px;
    }

    .twu-card p {
        font-size: 14px;
        line-height: 1.7;
    }
}

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

@media (max-width: 390px) {

    .twu-introduction h2 {
        font-size: 41px;
    }

    .twu-monogram-circle {
        width: 78px;
        height: 100px;
        flex-basis: 78px;
    }

    .twu-monogram-text p {
        font-size: 16px;
    }

    .twu-card h3 {
        font-size: 29px;
    }

    .twu-card p {
        font-size: 13.5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18061fe *//* =====================================================
   TIGER TATTOO — OUR PROCESS
===================================================== */

:root {
    --tpr-black: #0C0C0D;
    --tpr-surface: #171719;
    --tpr-card: #222225;
    --tpr-gold: #C6A15B;
    --tpr-oxblood: #6E1F2A;
    --tpr-ivory: #F2EDE3;
    --tpr-grey: #AAA6A0;
    --tpr-border: #554731;
}

.tpr-section,
.tpr-section * {
    box-sizing: border-box;
}

.tpr-section {
    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 115px 30px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(198, 161, 91, 0.07),
            transparent 32%
        ),
        radial-gradient(
            circle at 95% 85%,
            rgba(110, 31, 42, 0.07),
            transparent 30%
        ),
        var(--tpr-surface);

    color: var(--tpr-ivory);
    font-family: "Manrope", sans-serif;
}

/* Subtle grain */

.tpr-section::before {
    position: absolute;
    inset: 0;

    opacity: 0.025;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 3px,
            rgba(255, 255, 255, 0.8) 4px
        );

    content: "";
}

.tpr-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */

.tpr-header {
    max-width: 830px;

    margin: 0 auto 75px;

    text-align: center;
}

.tpr-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin-bottom: 20px;

    color: var(--tpr-gold);

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tpr-eyebrow span {
    width: 35px;
    height: 1px;

    background: var(--tpr-gold);
}

.tpr-header h2 {
    margin: 0;

    color: var(--tpr-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(54px, 5.5vw, 80px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 0.96;
    text-transform: none;
}

.tpr-header h2 em {
    display: block;

    color: var(--tpr-gold);

    font-weight: 500;
}

.tpr-header > p {
    max-width: 680px;

    margin: 24px auto 0;

    color: var(--tpr-grey);

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

/* =====================================================
   TIMELINE
===================================================== */

.tpr-timeline {
    position: relative;

    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));

    width: 100%;
}

.tpr-progress-line {
    position: absolute;
    top: 39px;
    right: 10%;
    left: 10%;
    z-index: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--tpr-border) 8%,
            var(--tpr-gold) 50%,
            var(--tpr-border) 92%,
            transparent
        );
}

/* =====================================================
   TIMELINE STEPS
===================================================== */

.tpr-step {
    position: relative;
    z-index: 2;

    min-width: 0;

    padding: 0 10px;

    text-align: center;
}

.tpr-step-marker {
    position: relative;

    display: grid;
    width: 78px;
    height: 78px;
    place-items: center;

    margin: 0 auto 28px;

    border: 1px solid var(--tpr-border);
    border-radius: 50%;

    background: var(--tpr-surface);
    color: var(--tpr-gold);

    transition:
        background-color 300ms ease,
        border-color 300ms ease,
        transform 300ms ease;
}

.tpr-step-marker::before {
    position: absolute;
    inset: 6px;

    border: 1px solid rgba(198, 161, 91, 0.22);
    border-radius: 50%;

    content: "";
}

.tpr-step-marker::after {
    position: absolute;
    bottom: -4px;
    left: 50%;

    width: 7px;
    height: 7px;

    background: var(--tpr-gold);

    content: "";

    transform:
        translateX(-50%)
        rotate(45deg);
}

.tpr-step:hover .tpr-step-marker {
    border-color: var(--tpr-gold);

    background: var(--tpr-gold);
    color: var(--tpr-black);

    transform: translateY(-5px);
}

.tpr-step-marker span {
    position: relative;
    z-index: 2;

    font-family: "Cormorant Garamond", serif;
    font-size: 26px;
    font-weight: 500;
}

/* =====================================================
   STEP CONTENT
===================================================== */

.tpr-step-content {
    position: relative;

    min-height: 285px;

    padding: 27px 20px 24px;

    border: 1px solid rgba(85, 71, 49, 0.80);

    background:
        linear-gradient(
            145deg,
            rgba(34, 34, 37, 0.88),
            rgba(12, 12, 13, 0.95)
        );

    transition:
        border-color 300ms ease,
        box-shadow 300ms ease,
        transform 300ms ease;
}

.tpr-step-content::before {
    position: absolute;
    top: -8px;
    left: 50%;

    width: 14px;
    height: 14px;

    border-top: 1px solid var(--tpr-border);
    border-left: 1px solid var(--tpr-border);

    background: var(--tpr-card);

    content: "";

    transform:
        translateX(-50%)
        rotate(45deg);
}

.tpr-step:hover .tpr-step-content {
    border-color: var(--tpr-gold);

    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.28);

    transform: translateY(-3px);
}

.tpr-step-label {
    margin-bottom: 13px;

    color: var(--tpr-gold);

    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.16em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tpr-step h3 {
    min-height: 64px;
    margin: 0;

    color: var(--tpr-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(25px, 2.1vw, 32px);
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.02;
    text-transform: none;
}

.tpr-step-line {
    display: block;
    width: 31px;
    height: 1px;

    margin: 18px auto 14px;

    background: var(--tpr-gold);

    transition: width 300ms ease;
}

.tpr-step:hover .tpr-step-line {
    width: 55px;
}

.tpr-step p {
    margin: 0;

    color: var(--tpr-grey);

    font-size: 12px;
    line-height: 1.7;
}

/* =====================================================
   CTA AREA
===================================================== */

.tpr-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;

    margin-top: 50px;
    padding: 30px 32px;

    border: 1px solid rgba(85, 71, 49, 0.85);

    background:
        linear-gradient(
            100deg,
            rgba(34, 34, 37, 0.96),
            rgba(12, 12, 13, 0.98)
        );
}

.tpr-cta-decoration {
    display: flex;
    align-items: center;
    gap: 10px;

    color: var(--tpr-gold);
}

.tpr-cta-decoration span {
    width: 28px;
    height: 1px;

    background: var(--tpr-gold);
}

.tpr-cta-decoration b {
    font-size: 9px;
    font-weight: 400;
}

.tpr-cta > p {
    flex: 1;

    margin: 0;

    color: var(--tpr-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(22px, 2vw, 29px);
    font-weight: 500;
    line-height: 1.2;
}

.tpr-button {
    display: inline-flex;
    min-height: 54px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 15px;

    padding: 15px 23px;

    border: 1px solid var(--tpr-gold);

    background: var(--tpr-gold);
    color: var(--tpr-black) !important;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.11em;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        transform 220ms ease;
}

.tpr-button span {
    font-size: 15px;
    font-weight: 500;
}

.tpr-button:hover {
    border-color: var(--tpr-oxblood);

    background: var(--tpr-oxblood);
    color: var(--tpr-ivory) !important;

    transform: translateY(-2px);
}

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

@media (max-width: 1100px) {

    .tpr-section {
        padding: 90px 25px;
    }

    .tpr-step {
        padding: 0 6px;
    }

    .tpr-step-content {
        min-height: 305px;
        padding: 25px 15px 22px;
    }

    .tpr-step h3 {
        font-size: 26px;
    }
}

/* =====================================================
   MOBILE AND SMALL TABLET
===================================================== */

@media (max-width: 850px) {

    .tpr-timeline {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;

        max-width: 680px;

        margin: 0 auto;
    }

    .tpr-progress-line {
        top: 25px;
        right: auto;
        bottom: 25px;
        left: 34px;

        width: 1px;
        height: auto;

        background:
            linear-gradient(
                180deg,
                transparent,
                var(--tpr-gold) 8%,
                var(--tpr-border) 92%,
                transparent
            );
    }

    .tpr-step {
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 18px;

        padding: 0;

        text-align: left;
    }

    .tpr-step-marker {
        width: 68px;
        height: 68px;

        margin: 0;
    }

    .tpr-step-marker::after {
        top: 50%;
        right: -4px;
        bottom: auto;
        left: auto;

        transform:
            translateY(-50%)
            rotate(45deg);
    }

    .tpr-step-content {
        min-height: 0;

        padding: 25px 23px;
    }

    .tpr-step-content::before {
        top: 25px;
        left: -8px;

        transform: rotate(-45deg);
    }

    .tpr-step h3 {
        min-height: 0;

        font-size: 30px;
    }

    .tpr-step-line {
        margin: 16px 0 13px;
    }

    .tpr-step p {
        font-size: 13px;
    }

    .tpr-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .tpr-cta-decoration {
        display: none;
    }
}

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

@media (max-width: 767px) {

    .tpr-section {
        padding: 65px 16px;
    }

    .tpr-header {
        margin-bottom: 45px;
    }

    .tpr-eyebrow {
        gap: 10px;

        margin-bottom: 15px;

        font-size: 9px;
        letter-spacing: 0.14em;
    }

    .tpr-eyebrow span {
        width: 25px;
    }

    .tpr-header h2 {
        font-size: clamp(43px, 12vw, 58px);
        line-height: 0.98;
    }

    .tpr-header > p {
        margin-top: 18px;

        font-size: 14px;
        line-height: 1.7;
    }

    .tpr-timeline {
        gap: 17px;
    }

    .tpr-step {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 13px;
    }

    .tpr-progress-line {
        left: 27px;
    }

    .tpr-step-marker {
        width: 54px;
        height: 54px;
    }

    .tpr-step-marker span {
        font-size: 20px;
    }

    .tpr-step-content {
        padding: 22px 18px;
    }

    .tpr-step-content::before {
        top: 19px;
    }

    .tpr-step-label {
        margin-bottom: 9px;
    }

    .tpr-step h3 {
        font-size: 27px;
    }

    .tpr-step p {
        font-size: 13px;
        line-height: 1.65;
    }

    .tpr-cta {
        gap: 20px;

        margin-top: 35px;
        padding: 24px 19px;
    }

    .tpr-cta > p {
        font-size: 25px;
    }

    .tpr-button {
        width: 100%;
    }
}

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

@media (max-width: 390px) {

    .tpr-step {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 11px;
    }

    .tpr-progress-line {
        left: 24px;
    }

    .tpr-step-marker {
        width: 48px;
        height: 48px;
    }

    .tpr-step-content {
        padding: 20px 15px;
    }

    .tpr-step h3 {
        font-size: 25px;
    }

    .tpr-step p {
        font-size: 12.5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a39613 *//* =====================================================
   TIGER TATTOO — BLOOD ART FEATURE
===================================================== */

:root {
    --tba-black: #0C0C0D;
    --tba-surface: #171719;
    --tba-card: #222225;
    --tba-gold: #C6A15B;
    --tba-oxblood: #6E1F2A;
    --tba-red: #9A2636;
    --tba-ivory: #F2EDE3;
    --tba-grey: #AAA6A0;
    --tba-border: #554731;
}

.tba-section,
.tba-section * {
    box-sizing: border-box;
}

.tba-section {
    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 115px 30px;

    background:
        radial-gradient(
            circle at 85% 25%,
            rgba(110, 31, 42, 0.22),
            transparent 33%
        ),
        radial-gradient(
            circle at 10% 85%,
            rgba(198, 161, 91, 0.05),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #0C0C0D 0%,
            #130E10 50%,
            #0C0C0D 100%
        );

    color: var(--tba-ivory);
    font-family: "Manrope", sans-serif;
}

/* Background texture */

.tba-section::before {
    position: absolute;
    inset: 0;

    opacity: 0.03;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 3px,
            rgba(255, 255, 255, 0.8) 4px
        );

    content: "";
}

/* Decorative red vertical line */

.tba-section::after {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 50%;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(110, 31, 42, 0.80),
            transparent
        );

    content: "";
}

.tba-container {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    gap: clamp(55px, 7vw, 105px);
    align-items: center;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

/* =====================================================
   CONTENT
===================================================== */

.tba-content {
    width: 100%;
}

.tba-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 22px;

    color: var(--tba-red);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tba-eyebrow span {
    width: 38px;
    height: 1px;
    flex: 0 0 auto;

    background: var(--tba-red);
}

.tba-content h2 {
    max-width: 650px;
    margin: 0;

    color: var(--tba-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(56px, 5.5vw, 84px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 0.94;
    text-transform: none;
}

.tba-content h2 em {
    display: block;

    color: var(--tba-red);

    font-weight: 500;
}

.tba-decoration {
    display: flex;
    height: 42px;
    align-items: center;
    gap: 12px;

    margin: 14px 0 9px;

    color: var(--tba-red);
}

.tba-decoration span {
    width: 52px;
    height: 1px;

    background: var(--tba-red);
}

.tba-decoration b {
    font-size: 10px;
    font-weight: 400;
}

.tba-content > p {
    max-width: 680px;
    margin: 0 0 17px;

    color: var(--tba-grey);

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

/* =====================================================
   FEATURE POINTS
===================================================== */

.tba-features {
    display: grid;
    gap: 0;

    margin: 31px 0 35px;

    border-top: 1px solid rgba(85, 71, 49, 0.80);
}

.tba-feature {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 17px;

    padding: 18px 0;

    border-bottom: 1px solid rgba(85, 71, 49, 0.80);
}

.tba-feature-number {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;

    border: 1px solid rgba(154, 38, 54, 0.75);

    color: var(--tba-red);

    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    font-weight: 500;
}

.tba-feature > div {
    display: grid;
    gap: 5px;
}

.tba-feature strong {
    color: var(--tba-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.1;
}

.tba-feature p {
    max-width: 520px;
    margin: 0;

    color: var(--tba-grey);

    font-size: 12px;
    line-height: 1.65;
}

/* =====================================================
   CTA
===================================================== */

.tba-button {
    display: inline-flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 17px;

    padding: 16px 26px;

    border: 1px solid var(--tba-gold);

    background: var(--tba-gold);
    color: var(--tba-black) !important;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        transform 220ms ease;
}

.tba-button span {
    font-size: 16px;
    font-weight: 500;
}

.tba-button:hover {
    border-color: var(--tba-oxblood);

    background: var(--tba-oxblood);
    color: var(--tba-ivory) !important;

    transform: translateY(-2px);
}

/* =====================================================
   IMAGE
===================================================== */

.tba-visual {
    position: relative;

    padding: 0 28px 38px 0;
}

.tba-visual::before {
    position: absolute;
    right: 0;
    bottom: 0;

    width: calc(100% - 28px);
    height: calc(100% - 38px);

    border: 1px solid rgba(110, 31, 42, 0.75);

    content: "";
}

.tba-image-frame {
    position: relative;

    width: 100%;
    height: 680px;
    overflow: hidden;

    background: var(--tba-card);
}

.tba-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    filter:
        contrast(1.08)
        brightness(0.74)
        saturate(0.72);

    transition:
        transform 800ms ease,
        filter 800ms ease;
}

.tba-image-frame:hover .tba-image {
    filter:
        contrast(1.05)
        brightness(0.83)
        saturate(1);

    transform: scale(1.04);
}

.tba-image-overlay {
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(12, 12, 13, 0.18) 25%,
            rgba(12, 12, 13, 0.90) 100%
        ),
        linear-gradient(
            90deg,
            rgba(110, 31, 42, 0.20),
            transparent 50%
        );
}

/* Top image label */

.tba-image-top-label {
    position: absolute;
    top: 27px;
    left: 27px;

    display: grid;
    gap: 4px;

    padding-left: 14px;

    border-left: 1px solid var(--tba-red);
}

.tba-image-top-label span {
    color: var(--tba-grey);

    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tba-image-top-label strong {
    color: var(--tba-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: 25px;
    font-weight: 500;
}

/* Bottom image content */

.tba-image-bottom {
    position: absolute;
    right: 28px;
    bottom: 27px;
    left: 28px;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;

    padding-top: 19px;

    border-top: 1px solid rgba(154, 38, 54, 0.80);
}

.tba-image-bottom > div {
    display: grid;
    gap: 6px;
}

.tba-image-bottom span {
    color: var(--tba-red);

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tba-image-bottom p {
    max-width: 320px;
    margin: 0;

    color: var(--tba-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    font-style: italic;
    line-height: 1.3;
}

.tba-image-bottom > b {
    display: grid;
    width: 58px;
    height: 72px;
    flex: 0 0 58px;
    place-items: center;

    border: 1px solid rgba(154, 38, 54, 0.80);
    border-radius: 50%;

    color: var(--tba-red);

    font-family: "Cormorant Garamond", serif;
    font-size: 22px;
    font-weight: 500;
}

/* Image corners */

.tba-corner {
    position: absolute;

    width: 45px;
    height: 45px;

    pointer-events: none;
}

.tba-corner-top {
    top: 17px;
    right: 17px;

    border-top: 1px solid var(--tba-gold);
    border-right: 1px solid var(--tba-gold);
}

.tba-corner-bottom {
    bottom: 17px;
    left: 17px;

    border-bottom: 1px solid var(--tba-gold);
    border-left: 1px solid var(--tba-gold);
}

/* Disclaimer card */

.tba-disclaimer {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;

    display: grid;
    max-width: 385px;
    gap: 6px;

    padding: 18px 21px;

    border: 1px solid rgba(154, 38, 54, 0.75);

    background: rgba(23, 17, 19, 0.97);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.38);

    backdrop-filter: blur(12px);
}

.tba-disclaimer span {
    color: var(--tba-red);

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tba-disclaimer p {
    margin: 0;

    color: var(--tba-grey);

    font-size: 10px;
    line-height: 1.6;
}

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

@media (max-width: 1050px) {

    .tba-section {
        padding: 90px 25px;
    }

    .tba-container {
        gap: 55px;
    }

    .tba-image-frame {
        height: 620px;
    }

    .tba-content h2 {
        font-size: clamp(52px, 6vw, 70px);
    }
}

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

@media (max-width: 850px) {

    .tba-section::after {
        display: none;
    }

    .tba-container {
        display: flex;
        flex-direction: column-reverse;
        gap: 58px;
    }

    .tba-content,
    .tba-visual {
        width: 100%;
    }

    .tba-image-frame {
        height: 650px;
    }
}

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

@media (max-width: 767px) {

    .tba-section {
        padding: 65px 16px;
    }

    .tba-container {
        gap: 48px;
    }

    .tba-visual {
        padding: 0 12px 28px 0;
    }

    .tba-visual::before {
        width: calc(100% - 12px);
        height: calc(100% - 28px);
    }

    .tba-image-frame {
        height: 480px;
    }

    .tba-image {
        object-position: center;
    }

    .tba-disclaimer {
        position: relative;
        right: auto;
        bottom: auto;

        max-width: calc(100% - 18px);

        margin: -15px 0 0 18px;
    }

    .tba-eyebrow {
        gap: 10px;

        margin-bottom: 17px;

        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .tba-eyebrow span {
        width: 25px;
    }

    .tba-content h2 {
        font-size: clamp(45px, 13vw, 60px);
        line-height: 0.96;
    }

    .tba-decoration {
        height: 34px;
        margin: 11px 0 8px;
    }

    .tba-content > p {
        margin-bottom: 15px;

        font-size: 14px;
        line-height: 1.75;
    }

    .tba-features {
        margin: 26px 0 30px;
    }

    .tba-feature {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 14px;

        padding: 16px 0;
    }

    .tba-feature-number {
        width: 40px;
        height: 40px;
    }

    .tba-feature strong {
        font-size: 20px;
    }

    .tba-feature p {
        font-size: 12px;
    }

    .tba-button {
        width: 100%;
    }
}

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

@media (max-width: 390px) {

    .tba-image-frame {
        height: 410px;
    }

    .tba-image-bottom p {
        font-size: 17px;
    }

    .tba-image-bottom > b {
        display: none;
    }

    .tba-content h2 {
        font-size: 43px;
    }

    .tba-content > p {
        font-size: 13.5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2836d02 *//* =====================================================
   TIGER TATTOO — ABOUT PREVIEW
===================================================== */

:root {
    --tap-black: #0C0C0D;
    --tap-surface: #171719;
    --tap-card: #222225;
    --tap-gold: #C6A15B;
    --tap-oxblood: #6E1F2A;
    --tap-ivory: #F2EDE3;
    --tap-grey: #AAA6A0;
    --tap-border: #554731;
}

.tap-section,
.tap-section * {
    box-sizing: border-box;
}

.tap-section {
    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 115px 30px;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(198, 161, 91, 0.065),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(110, 31, 42, 0.07),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #171719,
            #101011 55%,
            #171719
        );

    color: var(--tap-ivory);
    font-family: "Manrope", sans-serif;
}

/* Background texture */

.tap-section::before {
    position: absolute;
    inset: 0;

    opacity: 0.025;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 3px,
            rgba(255, 255, 255, 0.8) 4px
        );

    content: "";
}

.tap-container {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
    gap: clamp(65px, 8vw, 115px);
    align-items: center;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

/* =====================================================
   IMAGE SIDE
===================================================== */

.tap-visual {
    position: relative;

    padding: 0 0 65px 35px;
}

.tap-visual::before {
    position: absolute;
    bottom: 30px;
    left: 0;

    width: calc(100% - 50px);
    height: calc(100% - 55px);

    border: 1px solid var(--tap-border);

    content: "";
}

.tap-main-image {
    position: relative;

    width: 100%;
    height: 650px;
    overflow: hidden;

    background: var(--tap-card);
}

.tap-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    filter:
        grayscale(0.78)
        contrast(1.08)
        brightness(0.75);

    transition:
        transform 800ms ease,
        filter 800ms ease;
}

.tap-main-image:hover .tap-image {
    filter:
        grayscale(0.40)
        contrast(1.05)
        brightness(0.84);

    transform: scale(1.04);
}

.tap-image-overlay {
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(12, 12, 13, 0.05) 40%,
            rgba(12, 12, 13, 0.92) 100%
        ),
        linear-gradient(
            90deg,
            rgba(198, 161, 91, 0.08),
            transparent 50%
        );
}

/* Image text */

.tap-image-label {
    position: absolute;
    right: 28px;
    bottom: 27px;
    left: 28px;

    display: grid;
    gap: 8px;

    padding-top: 18px;

    border-top: 1px solid rgba(198, 161, 91, 0.55);
}

.tap-image-label span {
    color: var(--tap-gold);

    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tap-image-label strong {
    max-width: 390px;

    color: var(--tap-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: 26px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2;
}

/* Image corners */

.tap-corner {
    position: absolute;

    width: 44px;
    height: 44px;

    pointer-events: none;
}

.tap-corner-top {
    top: 18px;
    left: 18px;

    border-top: 1px solid var(--tap-gold);
    border-left: 1px solid var(--tap-gold);
}

.tap-corner-bottom {
    right: 18px;
    bottom: 18px;

    border-right: 1px solid var(--tap-gold);
    border-bottom: 1px solid var(--tap-gold);
}

/* Small overlapping image */

.tap-small-image {
    position: absolute;
    right: -35px;
    bottom: 0;
    z-index: 4;

    width: 220px;
    height: 245px;
    overflow: hidden;

    border: 8px solid var(--tap-surface);

    background: var(--tap-card);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.45);
}

.tap-small-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    filter:
        grayscale(0.60)
        contrast(1.08)
        brightness(0.78);
}

.tap-small-image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(12, 12, 13, 0.90)
        );

    content: "";
}

.tap-small-image span {
    position: absolute;
    right: 15px;
    bottom: 14px;
    left: 15px;
    z-index: 2;

    color: var(--tap-gold);

    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

/* Decorative number */

.tap-image-number {
    position: absolute;
    bottom: 11px;
    left: 0;

    color: rgba(198, 161, 91, 0.35);

    font-family: "Cormorant Garamond", serif;
    font-size: 56px;
    font-weight: 500;
    line-height: 1;
}

/* =====================================================
   CONTENT
===================================================== */

.tap-content {
    width: 100%;
}

.tap-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 22px;

    color: var(--tap-gold);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tap-eyebrow span {
    width: 38px;
    height: 1px;
    flex: 0 0 auto;

    background: var(--tap-gold);
}

.tap-content h2 {
    max-width: 630px;
    margin: 0;

    color: var(--tap-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(56px, 5.5vw, 82px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 0.95;
    text-transform: none;
}

.tap-content h2 em {
    display: block;

    color: var(--tap-gold);

    font-weight: 500;
}

.tap-decoration {
    display: flex;
    height: 42px;
    align-items: center;
    gap: 12px;

    margin: 14px 0 9px;

    color: var(--tap-gold);
}

.tap-decoration span {
    width: 52px;
    height: 1px;

    background: var(--tap-gold);
}

.tap-decoration b {
    font-size: 10px;
    font-weight: 400;
}

.tap-content > p {
    max-width: 670px;
    margin: 0 0 17px;

    color: var(--tap-grey);

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

/* =====================================================
   PURPOSE POINTS
===================================================== */

.tap-purpose-points {
    display: grid;
    gap: 0;

    margin: 31px 0 35px;

    border-top: 1px solid rgba(85, 71, 49, 0.80);
}

.tap-purpose-item {
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr);
    gap: 16px;

    padding: 17px 0;

    border-bottom: 1px solid rgba(85, 71, 49, 0.80);
}

.tap-purpose-item > span {
    color: var(--tap-gold);

    font-family: "Cormorant Garamond", serif;
    font-size: 19px;
    font-weight: 500;
}

.tap-purpose-item > div {
    display: grid;
    gap: 4px;
}

.tap-purpose-item strong {
    color: var(--tap-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.15;
}

.tap-purpose-item p {
    margin: 0;

    color: var(--tap-grey);

    font-size: 11px;
    line-height: 1.6;
}

/* =====================================================
   CTA
===================================================== */

.tap-button {
    display: inline-flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 17px;

    padding: 16px 26px;

    border: 1px solid var(--tap-gold);

    background: var(--tap-gold);
    color: var(--tap-black) !important;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        transform 220ms ease;
}

.tap-button span {
    font-size: 16px;
    font-weight: 500;
}

.tap-button:hover {
    border-color: var(--tap-oxblood);

    background: var(--tap-oxblood);
    color: var(--tap-ivory) !important;

    transform: translateY(-2px);
}

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

@media (max-width: 1050px) {

    .tap-section {
        padding: 90px 25px;
    }

    .tap-container {
        gap: 65px;
    }

    .tap-main-image {
        height: 610px;
    }

    .tap-small-image {
        right: -22px;

        width: 190px;
        height: 215px;
    }
}

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

@media (max-width: 850px) {

    .tap-container {
        grid-template-columns: 1fr;
        gap: 65px;
    }

    .tap-visual {
        width: min(100%, 680px);

        margin: 0 auto;
    }

    .tap-main-image {
        height: 650px;
    }

    .tap-content {
        max-width: 720px;

        margin: 0 auto;
    }
}

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

@media (max-width: 767px) {

    .tap-section {
        padding: 65px 16px;
    }

    .tap-container {
        gap: 50px;
    }

    .tap-visual {
        padding: 0 0 48px 14px;
    }

    .tap-visual::before {
        bottom: 20px;

        width: calc(100% - 25px);
        height: calc(100% - 45px);
    }

    .tap-main-image {
        height: 480px;
    }

    .tap-small-image {
        right: -5px;
        bottom: 0;

        width: 155px;
        height: 180px;

        border-width: 6px;
    }

    .tap-image-label {
        right: 18px;
        bottom: 18px;
        left: 18px;
    }

    .tap-image-label strong {
        max-width: 210px;

        font-size: 20px;
    }

    .tap-image-number {
        bottom: 7px;

        font-size: 42px;
    }

    .tap-eyebrow {
        gap: 10px;

        margin-bottom: 17px;

        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .tap-eyebrow span {
        width: 25px;
    }

    .tap-content h2 {
        font-size: clamp(45px, 13vw, 60px);
        line-height: 0.97;
    }

    .tap-decoration {
        height: 34px;
        margin: 11px 0 8px;
    }

    .tap-content > p {
        margin-bottom: 15px;

        font-size: 14px;
        line-height: 1.75;
    }

    .tap-purpose-points {
        margin: 26px 0 30px;
    }

    .tap-purpose-item {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 13px;

        padding: 15px 0;
    }

    .tap-purpose-item strong {
        font-size: 20px;
    }

    .tap-purpose-item p {
        font-size: 12px;
    }

    .tap-button {
        width: 100%;
    }
}

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

@media (max-width: 390px) {

    .tap-main-image {
        height: 420px;
    }

    .tap-small-image {
        width: 135px;
        height: 155px;
    }

    .tap-content h2 {
        font-size: 43px;
    }

    .tap-content > p {
        font-size: 13.5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-322b0b7 *//* =====================================================
   TIGER TATTOO — VISIT OUR STUDIO
===================================================== */

:root {
    --tvs-black: #0C0C0D;
    --tvs-surface: #171719;
    --tvs-card: #222225;
    --tvs-gold: #C6A15B;
    --tvs-oxblood: #6E1F2A;
    --tvs-ivory: #F2EDE3;
    --tvs-grey: #AAA6A0;
    --tvs-border: #554731;
}

.tvs-section,
.tvs-section * {
    box-sizing: border-box;
}

.tvs-section {
    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 110px 30px;

    background:
        radial-gradient(
            circle at 10% 80%,
            rgba(198, 161, 91, 0.06),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 10%,
            rgba(110, 31, 42, 0.07),
            transparent 28%
        ),
        var(--tvs-black);

    color: var(--tvs-ivory);
    font-family: "Manrope", sans-serif;
}

/* Background texture */

.tvs-section::before {
    position: absolute;
    inset: 0;

    opacity: 0.025;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 3px,
            rgba(255, 255, 255, 0.75) 4px
        );

    content: "";
}

.tvs-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */

.tvs-header {
    max-width: 780px;

    margin: 0 auto 60px;

    text-align: center;
}

.tvs-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin-bottom: 20px;

    color: var(--tvs-gold);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tvs-eyebrow span {
    width: 35px;
    height: 1px;

    background: var(--tvs-gold);
}

.tvs-header h2 {
    margin: 0;

    color: var(--tvs-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(56px, 5.5vw, 80px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 0.96;
    text-transform: none;
}

.tvs-header h2 em {
    display: block;

    color: var(--tvs-gold);

    font-weight: 500;
}

.tvs-header > p {
    max-width: 620px;

    margin: 21px auto 0;

    color: var(--tvs-grey);

    font-size: 14px;
    line-height: 1.75;
}

/* =====================================================
   MAIN LAYOUT
===================================================== */

.tvs-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
    min-height: 610px;

    border: 1px solid rgba(85, 71, 49, 0.85);

    background: var(--tvs-surface);
}

/* =====================================================
   GOOGLE MAP
===================================================== */

.tvs-map-wrap {
    position: relative;

    width: 100%;
    min-height: 610px;
    overflow: hidden;

    border-right: 1px solid rgba(85, 71, 49, 0.85);

    background: var(--tvs-card);
}

.tvs-map {
    display: block;

    width: 100%;
    height: 100%;
    min-height: 610px;

    border: 0;

    filter:
        grayscale(0.88)
        invert(0.91)
        contrast(0.86)
        brightness(0.70);

    transition: filter 500ms ease;
}

.tvs-map-wrap:hover .tvs-map {
    filter:
        grayscale(0.55)
        invert(0.91)
        contrast(0.90)
        brightness(0.78);
}

/* Map label */

.tvs-map-label {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 3;

    display: grid;
    gap: 5px;

    padding: 17px 20px;

    border: 1px solid rgba(198, 161, 91, 0.65);

    background: rgba(12, 12, 13, 0.92);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);

    backdrop-filter: blur(10px);
}

.tvs-map-label span {
    color: var(--tvs-gold);

    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tvs-map-label strong {
    color: var(--tvs-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.05;
}

/* Map decorative corners */

.tvs-map-corner {
    position: absolute;
    z-index: 2;

    width: 50px;
    height: 50px;

    pointer-events: none;
}

.tvs-map-corner-top {
    top: 18px;
    left: 18px;

    border-top: 1px solid var(--tvs-gold);
    border-left: 1px solid var(--tvs-gold);
}

.tvs-map-corner-bottom {
    right: 18px;
    bottom: 18px;

    border-right: 1px solid var(--tvs-gold);
    border-bottom: 1px solid var(--tvs-gold);
}

/* =====================================================
   DETAILS
===================================================== */

.tvs-details {
    display: flex;
    flex-direction: column;

    padding: 45px 40px;

    background:
        linear-gradient(
            145deg,
            rgba(34, 34, 37, 0.96),
            rgba(12, 12, 13, 0.98)
        );
}

.tvs-details-heading {
    margin-bottom: 25px;
}

.tvs-details-heading > span {
    display: block;

    margin-bottom: 10px;

    color: var(--tvs-gold);

    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.tvs-details-heading h3 {
    margin: 0;

    color: var(--tvs-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: 45px;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 0.95;
    text-transform: none;
}

.tvs-details-heading h3 em {
    display: block;

    color: var(--tvs-gold);

    font-weight: 500;
}

/* =====================================================
   INFORMATION ITEMS
===================================================== */

.tvs-info-item {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 15px;

    padding: 20px 0;

    border-top: 1px solid rgba(85, 71, 49, 0.75);
}

.tvs-info-number {
    color: var(--tvs-gold);

    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    font-weight: 500;
}

.tvs-info-content {
    display: grid;
    gap: 7px;
}

.tvs-info-content > span {
    color: var(--tvs-gold);

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.tvs-info-content address,
.tvs-info-content p {
    margin: 0;

    color: var(--tvs-grey);

    font-size: 14px;
    font-style: normal;
    line-height: 1.7;
}

.tvs-info-content p strong {
    color: var(--tvs-ivory);

    font-weight: 500;
}

.tvs-info-content > a {
    width: fit-content;

    color: var(--tvs-ivory) !important;

    font-family: "Cormorant Garamond", serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none !important;

    transition: color 200ms ease;
}

.tvs-info-content > a:hover {
    color: var(--tvs-gold) !important;
}

/* =====================================================
   BUTTONS
===================================================== */

.tvs-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;

    margin-top: auto;
    padding-top: 25px;

    border-top: 1px solid rgba(85, 71, 49, 0.75);
}

.tvs-button {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 13px 11px;

    border: 1px solid var(--tvs-gold);

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        transform 220ms ease;
}

.tvs-button span {
    font-size: 14px;
    font-weight: 500;
}

.tvs-button:hover {
    transform: translateY(-2px);
}

.tvs-directions {
    background: var(--tvs-gold);
    color: var(--tvs-black) !important;
}

.tvs-directions:hover {
    border-color: var(--tvs-oxblood);

    background: var(--tvs-oxblood);
    color: var(--tvs-ivory) !important;
}

.tvs-appointment {
    background: transparent;
    color: var(--tvs-ivory) !important;
}

.tvs-appointment:hover {
    border-color: var(--tvs-oxblood);

    background: var(--tvs-oxblood);
    color: var(--tvs-ivory) !important;
}

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

@media (max-width: 1024px) {

    .tvs-section {
        padding: 90px 25px;
    }

    .tvs-layout {
        grid-template-columns: minmax(0, 1fr) 390px;
    }

    .tvs-details {
        padding: 38px 30px;
    }
}

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

@media (max-width: 850px) {

    .tvs-layout {
        display: flex;
        min-height: 0;
        flex-direction: column;
    }

    .tvs-map-wrap {
        min-height: 500px;

        border-right: 0;
        border-bottom: 1px solid rgba(85, 71, 49, 0.85);
    }

    .tvs-map {
        min-height: 500px;
    }

    .tvs-details {
        min-height: 560px;
    }
}

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

@media (max-width: 767px) {

    .tvs-section {
        padding: 65px 16px;
    }

    .tvs-header {
        margin-bottom: 38px;
    }

    .tvs-eyebrow {
        gap: 10px;

        margin-bottom: 15px;

        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .tvs-eyebrow span {
        width: 24px;
    }

    .tvs-header h2 {
        font-size: clamp(45px, 13vw, 60px);
        line-height: 0.97;
    }

    .tvs-header > p {
        margin-top: 17px;

        font-size: 14px;
        line-height: 1.7;
    }

    .tvs-map-wrap,
    .tvs-map {
        min-height: 390px;
    }

    .tvs-map-label {
        bottom: 16px;
        left: 16px;

        padding: 14px 16px;
    }

    .tvs-map-label strong {
        font-size: 20px;
    }

    .tvs-map-corner {
        width: 36px;
        height: 36px;
    }

    .tvs-map-corner-top {
        top: 12px;
        left: 12px;
    }

    .tvs-map-corner-bottom {
        right: 12px;
        bottom: 12px;
    }

    .tvs-details {
        min-height: 0;

        padding: 31px 20px 24px;
    }

    .tvs-details-heading h3 {
        font-size: 40px;
    }

    .tvs-info-item {
        grid-template-columns: 37px minmax(0, 1fr);
        gap: 11px;

        padding: 17px 0;
    }

    .tvs-info-content address,
    .tvs-info-content p {
        font-size: 13px;
    }

    .tvs-info-content > a {
        font-size: 23px;
    }

    .tvs-actions {
        margin-top: 5px;
        padding-top: 21px;
    }

    .tvs-button {
        min-height: 50px;

        padding: 12px 9px;

        font-size: 8px;
    }
}

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

@media (max-width: 390px) {

    .tvs-map-wrap,
    .tvs-map {
        min-height: 340px;
    }

    .tvs-details {
        padding-right: 16px;
        padding-left: 16px;
    }

    .tvs-actions {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ed3136 *//* =====================================================
   TIGER TATTOO — FAQ SECTION
===================================================== */

:root {
    --tfaq-black: #0C0C0D;
    --tfaq-surface: #171719;
    --tfaq-card: #222225;
    --tfaq-gold: #C6A15B;
    --tfaq-oxblood: #6E1F2A;
    --tfaq-ivory: #F2EDE3;
    --tfaq-grey: #AAA6A0;
    --tfaq-border: #554731;
}

.tfaq-section,
.tfaq-section * {
    box-sizing: border-box;
}

.tfaq-section {
    position: relative;

    width: 100%;
    overflow: hidden;

    padding: 115px 30px;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(198, 161, 91, 0.06),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(110, 31, 42, 0.07),
            transparent 30%
        ),
        var(--tfaq-surface);

    color: var(--tfaq-ivory);
    font-family: "Manrope", sans-serif;
}

/* Background grain */

.tfaq-section::before {
    position: absolute;
    inset: 0;

    opacity: 0.025;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 3px,
            rgba(255, 255, 255, 0.8) 4px
        );

    content: "";
}

.tfaq-container {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
    gap: clamp(60px, 8vw, 110px);
    align-items: start;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}

/* =====================================================
   INTRODUCTION
===================================================== */

.tfaq-introduction {
    position: sticky;
    top: 100px;

    width: 100%;
}

.tfaq-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 22px;

    color: var(--tfaq-gold);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tfaq-eyebrow span {
    width: 37px;
    height: 1px;
    flex: 0 0 auto;

    background: var(--tfaq-gold);
}

.tfaq-introduction h2 {
    max-width: 530px;
    margin: 0;

    color: var(--tfaq-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(55px, 5.3vw, 78px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 0.95;
    text-transform: none;
}

.tfaq-introduction h2 em {
    display: block;

    color: var(--tfaq-gold);

    font-weight: 500;
}

.tfaq-decoration {
    display: flex;
    height: 42px;
    align-items: center;
    gap: 12px;

    margin: 14px 0 9px;

    color: var(--tfaq-gold);
}

.tfaq-decoration span {
    width: 51px;
    height: 1px;

    background: var(--tfaq-gold);
}

.tfaq-decoration b {
    font-size: 10px;
    font-weight: 400;
}

.tfaq-introduction > p {
    max-width: 500px;
    margin: 0;

    color: var(--tfaq-grey);

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

/* =====================================================
   WHATSAPP CONTACT BOX
===================================================== */

.tfaq-contact-box {
    display: grid;
    gap: 9px;

    margin-top: 35px;
    padding: 24px;

    border: 1px solid rgba(85, 71, 49, 0.85);

    background:
        linear-gradient(
            135deg,
            rgba(34, 34, 37, 0.94),
            rgba(12, 12, 13, 0.97)
        );
}

.tfaq-contact-box > span {
    color: var(--tfaq-gold);

    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.tfaq-contact-box > p {
    margin: 0;

    color: var(--tfaq-grey);

    font-size: 12px;
    line-height: 1.65;
}

.tfaq-whatsapp {
    display: inline-flex;
    width: fit-content;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin-top: 9px;
    padding: 13px 19px;

    border: 1px solid var(--tfaq-gold);

    background: var(--tfaq-gold);
    color: var(--tfaq-black) !important;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.10em;
    line-height: 1.3;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        transform 220ms ease;
}

.tfaq-whatsapp span {
    font-size: 14px;
    font-weight: 500;
}

.tfaq-whatsapp:hover {
    border-color: var(--tfaq-oxblood);

    background: var(--tfaq-oxblood);
    color: var(--tfaq-ivory) !important;

    transform: translateY(-2px);
}

/* =====================================================
   ACCORDION
===================================================== */

.tfaq-accordion {
    width: 100%;

    border-top: 1px solid rgba(85, 71, 49, 0.88);
}

.tfaq-item {
    position: relative;

    overflow: hidden;

    border-right: 1px solid rgba(85, 71, 49, 0.88);
    border-bottom: 1px solid rgba(85, 71, 49, 0.88);
    border-left: 1px solid rgba(85, 71, 49, 0.88);

    background:
        linear-gradient(
            135deg,
            rgba(34, 34, 37, 0.76),
            rgba(12, 12, 13, 0.88)
        );

    transition:
        background-color 250ms ease,
        border-color 250ms ease;
}

.tfaq-item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 2px;

    background: var(--tfaq-gold);

    content: "";

    transform: scaleY(0);
    transform-origin: top;

    transition: transform 300ms ease;
}

.tfaq-item.active {
    border-color: rgba(198, 161, 91, 0.65);

    background:
        linear-gradient(
            135deg,
            rgba(39, 39, 42, 0.96),
            rgba(15, 15, 17, 0.98)
        );
}

.tfaq-item.active::before {
    transform: scaleY(1);
}

/* Question */

.tfaq-question {
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr) 42px;
    gap: 16px;
    align-items: center;

    width: 100%;
    min-height: 90px;

    padding: 20px 24px;

    border: 0;

    background: transparent;
    color: var(--tfaq-ivory);

    cursor: pointer;
    text-align: left;
}

.tfaq-number {
    color: var(--tfaq-gold);

    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    font-weight: 500;
}

.tfaq-question-text {
    color: var(--tfaq-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(22px, 2vw, 29px);
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.15;
}

/* Plus and minus button */

.tfaq-toggle {
    position: relative;

    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;

    border: 1px solid rgba(198, 161, 91, 0.60);

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        transform 300ms ease;
}

.tfaq-toggle::before,
.tfaq-toggle::after {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 13px;
    height: 1px;

    background: var(--tfaq-gold);

    content: "";

    transform: translate(-50%, -50%);

    transition:
        background-color 220ms ease,
        transform 300ms ease;
}

.tfaq-toggle::after {
    transform:
        translate(-50%, -50%)
        rotate(90deg);
}

.tfaq-item.active .tfaq-toggle {
    border-color: var(--tfaq-gold);

    background: var(--tfaq-gold);
}

.tfaq-item.active .tfaq-toggle::before {
    background: var(--tfaq-black);
}

.tfaq-item.active .tfaq-toggle::after {
    background: var(--tfaq-black);

    transform:
        translate(-50%, -50%)
        rotate(0deg);
}

/* Answer */

.tfaq-answer {
    display: grid;
    grid-template-rows: 0fr;

    visibility: hidden;

    transition:
        grid-template-rows 350ms ease,
        visibility 350ms ease;
}

.tfaq-item.active .tfaq-answer {
    grid-template-rows: 1fr;

    visibility: visible;
}

.tfaq-answer-inner {
    min-height: 0;
    overflow: hidden;
}

.tfaq-answer-inner p {
    max-width: 720px;

    margin: 0;
    padding: 0 80px 27px 85px;

    color: var(--tfaq-grey);

    font-size: 14px;
    line-height: 1.75;
}

/* Focus state */

.tfaq-question:focus-visible {
    outline: 1px solid var(--tfaq-gold);
    outline-offset: -4px;
}

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

@media (max-width: 1024px) {

    .tfaq-section {
        padding: 90px 25px;
    }

    .tfaq-container {
        grid-template-columns: minmax(0, 0.68fr) minmax(0, 1.32fr);
        gap: 55px;
    }

    .tfaq-question {
        grid-template-columns: 38px minmax(0, 1fr) 40px;

        padding-right: 19px;
        padding-left: 19px;
    }

    .tfaq-answer-inner p {
        padding-right: 65px;
        padding-left: 73px;
    }
}

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

@media (max-width: 850px) {

    .tfaq-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .tfaq-introduction {
        position: relative;
        top: auto;

        max-width: 700px;
    }

    .tfaq-contact-box {
        max-width: 500px;
    }
}

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

@media (max-width: 767px) {

    .tfaq-section {
        padding: 65px 16px;
    }

    .tfaq-container {
        gap: 40px;
    }

    .tfaq-eyebrow {
        gap: 10px;

        margin-bottom: 17px;

        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .tfaq-eyebrow span {
        width: 25px;
    }

    .tfaq-introduction h2 {
        font-size: clamp(45px, 13vw, 60px);
        line-height: 0.97;
    }

    .tfaq-decoration {
        height: 34px;
        margin: 11px 0 8px;
    }

    .tfaq-introduction > p {
        font-size: 14px;
        line-height: 1.75;
    }

    .tfaq-contact-box {
        margin-top: 27px;
        padding: 20px;
    }

    .tfaq-whatsapp {
        width: 100%;
    }

    .tfaq-question {
        grid-template-columns: 31px minmax(0, 1fr) 36px;
        gap: 10px;

        min-height: 78px;

        padding: 17px 13px;
    }

    .tfaq-number {
        font-size: 16px;
    }

    .tfaq-question-text {
        font-size: 22px;
        line-height: 1.1;
    }

    .tfaq-toggle {
        width: 34px;
        height: 34px;
    }

    .tfaq-answer-inner p {
        padding: 0 49px 22px 54px;

        font-size: 13px;
        line-height: 1.7;
    }
}

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

@media (max-width: 390px) {

    .tfaq-question {
        grid-template-columns: 27px minmax(0, 1fr) 32px;
        gap: 8px;

        padding-right: 10px;
        padding-left: 10px;
    }

    .tfaq-question-text {
        font-size: 20px;
    }

    .tfaq-toggle {
        width: 31px;
        height: 31px;
    }

    .tfaq-answer-inner p {
        padding-right: 42px;
        padding-left: 45px;

        font-size: 12.5px;
    }
}

/* =====================================================
   MOBILE FAQ — COMPLETE QUESTION WRAPPING FIX
   Paste at the very end of existing FAQ CSS
===================================================== */

@media (max-width: 767px) {

    /* Horizontal scrolling remove */
    #frequently-asked-questions,
    #frequently-asked-questions .tfaq-container,
    #frequently-asked-questions .tfaq-accordion,
    #frequently-asked-questions .tfaq-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        overflow-x: hidden !important;
    }

    /* Question button layout */
    #frequently-asked-questions .tfaq-question {
        display: grid !important;
        grid-template-columns:
            25px
            minmax(0, 1fr)
            34px !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 82px !important;

        align-items: center !important;
        gap: 9px !important;

        padding: 15px 11px !important;

        overflow: hidden !important;
    }

    /* Question number */
    #frequently-asked-questions .tfaq-number {
        width: 25px !important;
        min-width: 25px !important;

        font-size: 14px !important;
    }

    /* Complete question wrapping */
    #frequently-asked-questions .tfaq-question-text {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        overflow: visible !important;

        color: #F2EDE3 !important;

        font-size: 18px !important;
        line-height: 1.22 !important;

        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;

        -webkit-line-clamp: unset !important;
    }

    /* Plus/minus icon */
    #frequently-asked-questions .tfaq-toggle {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;

        justify-self: end !important;
    }

    /* Answer alignment */
    #frequently-asked-questions .tfaq-answer-inner p {
        width: 100% !important;
        max-width: none !important;

        padding:
            0
            50px
            22px
            45px !important;

        font-size: 13px !important;
        line-height: 1.7 !important;
    }
}

/* Extra-small mobile */

@media (max-width: 390px) {

    #frequently-asked-questions .tfaq-question {
        grid-template-columns:
            23px
            minmax(0, 1fr)
            32px !important;

        gap: 7px !important;

        padding-right: 9px !important;
        padding-left: 9px !important;
    }

    #frequently-asked-questions .tfaq-question-text {
        font-size: 17px !important;
        line-height: 1.25 !important;
    }

    #frequently-asked-questions .tfaq-toggle {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    #frequently-asked-questions .tfaq-answer-inner p {
        padding-right: 45px !important;
        padding-left: 39px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9881d77 *//* =====================================================
   TIGER TATTOO — APPOINTMENT CTA
===================================================== */

:root {
    --tac-black: #0C0C0D;
    --tac-surface: #171719;
    --tac-gold: #C6A15B;
    --tac-oxblood: #6E1F2A;
    --tac-ivory: #F2EDE3;
    --tac-grey: #AAA6A0;
    --tac-border: #554731;
}

/* Elementor full-width support */

.elementor-element:has(#appointment-cta),
.elementor-widget-html:has(#appointment-cta),
.elementor-widget-container:has(#appointment-cta),
.e-con:has(#appointment-cta) {
    max-width: none !important;
    overflow: visible !important;
}

.tac-section,
.tac-section * {
    box-sizing: border-box;
}

.tac-section {
    position: relative;

    width: 100vw;
    max-width: 100vw;
    min-height: 410px;
    overflow: hidden;

    margin-left: calc(50% - 50vw);

    background: var(--tac-black);
    border-top: 1px solid rgba(198, 161, 91, 0.35);
    border-bottom: 1px solid rgba(198, 161, 91, 0.35);

    color: var(--tac-ivory);
    font-family: "Manrope", sans-serif;
}

/* =====================================================
   IMAGE
===================================================== */

.tac-image-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;

    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tac-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 45%;

    filter:
        grayscale(0.78)
        contrast(1.10)
        brightness(0.55);

    transform: scale(1.015);

    transition:
        transform 900ms ease,
        filter 900ms ease;
}

.tac-section:hover .tac-image {
    filter:
        grayscale(0.55)
        contrast(1.06)
        brightness(0.62);

    transform: scale(1.035);
}

/* Image overlay */

.tac-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(12, 12, 13, 0.97) 0%,
            rgba(12, 12, 13, 0.88) 40%,
            rgba(12, 12, 13, 0.57) 68%,
            rgba(12, 12, 13, 0.75) 100%
        ),
        linear-gradient(
            180deg,
            rgba(12, 12, 13, 0.18),
            rgba(12, 12, 13, 0.68)
        );
}

/* =====================================================
   CONTENT CONTAINER
===================================================== */

.tac-container {
    position: relative;
    z-index: 3;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 55px;
    align-items: center;

    width: min(90%, 1280px);
    min-height: 410px;

    margin: 0 auto;
    padding: 55px 0;
}

.tac-content {
    max-width: 780px;
}

.tac-eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 15px;

    color: var(--tac-gold);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.tac-eyebrow span {
    width: 35px;
    height: 1px;
    flex: 0 0 auto;

    background: var(--tac-gold);
}

.tac-content h2 {
    max-width: 780px;
    margin: 0;

    color: var(--tac-ivory);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(46px, 4.5vw, 70px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 0.96;
    text-transform: none;
}

.tac-content h2 em {
    display: block;

    color: var(--tac-gold);

    font-weight: 500;
}

.tac-content > p {
    max-width: 700px;

    margin: 20px 0 0;

    color: var(--tac-grey);

    font-size: 14px;
    line-height: 1.75;
}

/* =====================================================
   BUTTONS
===================================================== */

.tac-actions {
    display: grid;
    width: 255px;
    flex: 0 0 255px;
    gap: 11px;
}

.tac-button {
    display: inline-flex;
    width: 100%;
    min-height: 55px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    padding: 15px 20px;

    border: 1px solid var(--tac-gold);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.10em;
    line-height: 1.35;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        transform 220ms ease;
}

.tac-button span {
    font-size: 15px;
    font-weight: 500;
}

.tac-button:hover {
    transform: translateY(-2px);
}

.tac-whatsapp {
    background: var(--tac-gold);
    color: var(--tac-black) !important;
}

.tac-whatsapp:hover {
    border-color: var(--tac-oxblood);

    background: var(--tac-oxblood);
    color: var(--tac-ivory) !important;
}

.tac-call {
    background: rgba(12, 12, 13, 0.40);
    color: var(--tac-ivory) !important;

    backdrop-filter: blur(8px);
}

.tac-call:hover {
    border-color: var(--tac-oxblood);

    background: var(--tac-oxblood);
    color: var(--tac-ivory) !important;
}

/* =====================================================
   DECORATIVE CORNERS
===================================================== */

.tac-decoration {
    position: absolute;
    z-index: 2;

    width: 65px;
    height: 65px;

    pointer-events: none;
}

.tac-decoration-left {
    top: 24px;
    left: 24px;

    border-top: 1px solid rgba(198, 161, 91, 0.65);
    border-left: 1px solid rgba(198, 161, 91, 0.65);
}

.tac-decoration-right {
    right: 24px;
    bottom: 24px;

    border-right: 1px solid rgba(198, 161, 91, 0.65);
    border-bottom: 1px solid rgba(198, 161, 91, 0.65);
}

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

@media (max-width: 1024px) {

    .tac-section,
    .tac-container {
        min-height: 390px;
    }

    .tac-container {
        grid-template-columns: minmax(0, 1fr) 230px;
        gap: 35px;

        width: calc(100% - 50px);
    }

    .tac-actions {
        width: 230px;
    }

    .tac-content h2 {
        font-size: clamp(43px, 5.5vw, 62px);
    }
}

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

@media (max-width: 767px) {

    .tac-section {
        min-height: 0;
    }

    .tac-container {
        display: block;
        width: 100%;
        min-height: 0;

        padding: 60px 18px 56px;
    }

    .tac-image {
        object-position: 62% center;
    }

    .tac-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(12, 12, 13, 0.70) 0%,
                rgba(12, 12, 13, 0.89) 48%,
                rgba(12, 12, 13, 0.98) 100%
            );
    }

    .tac-eyebrow {
        gap: 10px;

        margin-bottom: 14px;

        font-size: 9px;
        letter-spacing: 0.14em;
    }

    .tac-eyebrow span {
        width: 25px;
    }

    .tac-content h2 {
        font-size: clamp(42px, 12vw, 56px);
        line-height: 0.97;
    }

    .tac-content > p {
        margin-top: 17px;

        font-size: 14px;
        line-height: 1.7;
    }

    .tac-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;

        width: 100%;

        margin-top: 28px;
    }

    .tac-button {
        min-height: 52px;

        padding: 13px 12px;

        font-size: 8px;
    }

    .tac-decoration {
        width: 42px;
        height: 42px;
    }

    .tac-decoration-left {
        top: 14px;
        left: 14px;
    }

    .tac-decoration-right {
        right: 14px;
        bottom: 14px;
    }
}

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

@media (max-width: 390px) {

    .tac-container {
        padding: 55px 15px 50px;
    }

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

    .tac-content > p {
        font-size: 13.5px;
    }

    .tac-actions {
        grid-template-columns: 1fr;
    }

    .tac-button {
        justify-content: center;
    }
}/* End custom CSS */