.elementor-1490 .elementor-element.elementor-element-e3f14a7{--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;}/* Start custom CSS for html, class: .elementor-element-cb239d0 */<style>
/* =========================================================
   GO TINTING — PREMIUM THANK YOU PAGE
   BLACK / RED / AUTOMOTIVE STYLE
   ========================================================= */

.gt-thankyou,
.gt-thankyou * {
    box-sizing: border-box;
}

.gt-thankyou {
    min-height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 60px 20px;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(255, 0, 0, 0.09),
            transparent 38%
        ),
        radial-gradient(
            circle at 10% 80%,
            rgba(180, 0, 0, 0.07),
            transparent 30%
        ),
        #050505;

    font-family: "Manrope", Arial, sans-serif;
    color: #ffffff;
}

/* =========================================================
   BACKGROUND GLOWS
   ========================================================= */

.gt-red-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;

    background: rgba(220, 0, 0, 0.10);

    filter: blur(130px);
    pointer-events: none;
}

.gt-glow-left {
    left: -300px;
    top: 5%;
}

.gt-glow-right {
    right: -300px;
    bottom: -10%;
}

/* =========================================================
   SPEED LINES
   ========================================================= */

.gt-speed-lines {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.gt-speed-lines span {
    position: absolute;

    width: 750px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 0, 0, 0.28),
        transparent
    );

    transform: rotate(-28deg);

    animation: gtSpeed 8s linear infinite;
}

.gt-speed-lines span:nth-child(1) {
    top: 15%;
    left: -350px;
}

.gt-speed-lines span:nth-child(2) {
    top: 40%;
    right: -400px;
    animation-delay: 2s;
}

.gt-speed-lines span:nth-child(3) {
    bottom: 25%;
    left: -300px;
    animation-delay: 4s;
}

.gt-speed-lines span:nth-child(4) {
    bottom: 8%;
    right: -350px;
    animation-delay: 6s;
}

@keyframes gtSpeed {
    0% {
        opacity: 0;
        transform: translateX(-100px) rotate(-28deg);
    }

    20% {
        opacity: 0.7;
    }

    80% {
        opacity: 0.35;
    }

    100% {
        opacity: 0;
        transform: translateX(600px) rotate(-28deg);
    }
}

/* =========================================================
   MAIN CARD
   ========================================================= */

.gt-thankyou-card {
    width: 100%;
    max-width: 920px;

    position: relative;
    z-index: 5;

    text-align: center;

    padding: 58px 60px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.055),
            rgba(255,255,255,0.012)
        );

    border: 1px solid rgba(255,255,255,0.10);

    border-radius: 24px;

    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);

    box-shadow:
        0 35px 100px rgba(0,0,0,0.75),
        inset 0 1px 0 rgba(255,255,255,0.06);

    overflow: hidden;
}

/* Top red accent */

.gt-thankyou-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 10%;

    width: 80%;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #ff0000,
        #ff4a4a,
        #ff0000,
        transparent
    );

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

/* Subtle inner red glow */

.gt-thankyou-card::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    top: -180px;
    left: 50%;

    transform: translateX(-50%);

    background: rgba(255,0,0,0.06);

    filter: blur(90px);

    pointer-events: none;
}

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

.gt-top-label {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    color: #ff2929;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 4px;

    margin-bottom: 26px;
}

.gt-line {
    width: 45px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        #ff0000
    );
}

.gt-line:last-child {
    background: linear-gradient(
        90deg,
        #ff0000,
        transparent
    );
}

/* =========================================================
   SUCCESS ICON
   ========================================================= */

.gt-success {
    width: 88px;
    height: 88px;

    position: relative;

    margin: 0 auto 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,0,0,0.16),
            rgba(255,0,0,0.025)
        );

    border: 1px solid rgba(255,0,0,0.45);

    box-shadow:
        0 0 35px rgba(255,0,0,0.16);

    animation: gtSuccessPulse 3s ease-in-out infinite;
}

.gt-success-ring {
    position: absolute;

    inset: -7px;

    border-radius: 50%;

    border: 1px solid rgba(255,0,0,0.14);

    border-top-color: #ff1a1a;

    animation: gtRotate 5s linear infinite;
}

.gt-success svg {
    width: 45px;
    height: 45px;

    position: relative;
}

.gt-success svg path {
    fill: none;

    stroke: #ff3030;

    stroke-width: 3;

    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray: 45;
    stroke-dashoffset: 45;

    animation: gtCheck 0.8s ease forwards 0.3s;
}

@keyframes gtCheck {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes gtRotate {
    to {
        transform: rotate(360deg);
    }
}

@keyframes gtSuccessPulse {

    0%,
    100% {
        box-shadow:
            0 0 30px rgba(255,0,0,0.10);
    }

    50% {
        box-shadow:
            0 0 55px rgba(255,0,0,0.26);
    }
}

/* =========================================================
   STATUS
   ========================================================= */

.gt-status {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;

    padding: 7px 14px;

    border-radius: 50px;

    background: rgba(255,0,0,0.07);

    border: 1px solid rgba(255,0,0,0.18);

    color: #ff3737;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 2px;

    margin-bottom: 18px;
}

/* Small status dot */

.gt-status::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #ff1c1c;

    box-shadow: 0 0 8px #ff0000;

    margin-right: 8px;
}

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

.gt-thankyou-card h1 {
    position: relative;
    z-index: 2;

    margin: 0;

    font-size: clamp(42px, 7vw, 74px);

    line-height: 0.98;

    letter-spacing: -3px;

    font-weight: 900;

    color: #ffffff !important;
}

.gt-thankyou-card h1 span {
    display: block;

    color: #ff1b1b !important;

    text-shadow:
        0 0 30px rgba(255,0,0,0.18);
}

/* =========================================================
   HEADING LINE
   ========================================================= */

.gt-heading-line {
    width: 75px;
    height: 3px;

    margin: 23px auto;

    background: linear-gradient(
        90deg,
        #a90000,
        #ff0000,
        #a90000
    );

    box-shadow:
        0 0 18px rgba(255,0,0,0.55);

    transform: skewX(-30deg);
}

/* =========================================================
   DESCRIPTION
   ========================================================= */

.gt-description {
    position: relative;
    z-index: 2;

    max-width: 680px;

    margin: 0 auto 34px;

    color: rgba(255,255,255,0.56) !important;

    font-size: 14px;

    line-height: 1.8;
}

/* =========================================================
   FEATURE CARDS
   ========================================================= */

.gt-features {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns: repeat(2,1fr);

    gap: 14px;

    max-width: 720px;

    margin: 0 auto 32px;
}

.gt-feature {
    display: flex;

    align-items: center;

    gap: 15px;

    text-align: left;

    padding: 18px 19px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.035),
            rgba(255,255,255,0.012)
        );

    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 12px;

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease;
}

.gt-feature:hover {
    transform: translateY(-4px);

    border-color: rgba(255,0,0,0.35);

    background:
        linear-gradient(
            135deg,
            rgba(255,0,0,0.045),
            rgba(255,255,255,0.015)
        );
}

.gt-feature-number {
    font-size: 12px;

    font-weight: 900;

    color: #ff2424;

    min-width: 34px;
}

.gt-feature strong {
    display: block;

    color: #ffffff !important;

    font-size: 11px;

    letter-spacing: 1px;

    margin-bottom: 4px;
}

.gt-feature p {
    margin: 0;

    color: rgba(255,255,255,0.40) !important;

    font-size: 10px;

    line-height: 1.5;
}

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

.gt-buttons {
    position: relative;
    z-index: 3;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

    flex-wrap: wrap;

    margin-top: 4px;
}

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

.gt-home-btn,
.gt-call-btn {

    min-height: 54px;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    gap: 14px;

    padding: 0 24px;

    border-radius: 7px;

    text-decoration: none !important;

    font-family: "Manrope", Arial, sans-serif !important;

    font-size: 11px !important;

    font-weight: 900 !important;

    letter-spacing: 1.1px;

    line-height: 1 !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;

    cursor: pointer;
}

/* =========================================================
   HOME BUTTON
   ========================================================= */

.gt-home-btn {

    min-width: 205px;

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #ff2525 0%,
            #d60000 50%,
            #9c0000 100%
        ) !important;

    border: 1px solid rgba(255,90,90,0.35) !important;

    box-shadow:
        0 10px 28px rgba(255,0,0,0.18);
}

.gt-home-btn:hover,
.gt-home-btn:focus,
.gt-home-btn:active {

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #ff3434,
            #e00000,
            #ae0000
        ) !important;

    box-shadow:
        0 16px 38px rgba(255,0,0,0.30);
}

/* Force Elementor/global styles */

.gt-home-btn,
.gt-home-btn *,
.gt-home-btn span {

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;
}

/* Arrow circle */

.gt-home-btn span {

    width: 27px;
    height: 27px;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(0,0,0,0.20);

    font-size: 16px !important;

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}

.gt-home-btn:hover span {

    transform: translateX(4px);

    background: rgba(0,0,0,0.30);
}

/* =========================================================
   CALL BUTTON
   ========================================================= */

.gt-call-btn {

    min-width: 160px;

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    background:
        rgba(255,255,255,0.025) !important;

    border: 1px solid rgba(255,255,255,0.14) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.gt-call-btn:hover,
.gt-call-btn:focus,
.gt-call-btn:active {

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    transform: translateY(-3px);

    background:
        rgba(255,0,0,0.07) !important;

    border-color: rgba(255,0,0,0.65) !important;

    box-shadow:
        0 12px 30px rgba(255,0,0,0.10);
}

.gt-call-btn,
.gt-call-btn *,
.gt-call-btn span {

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;
}

/* Phone icon */

.gt-call-icon {

    width: 26px;
    height: 26px;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ff2525 !important;

    -webkit-text-fill-color: #ff2525 !important;

    background: rgba(255,0,0,0.08);

    font-size: 14px !important;

    transition: 0.3s ease;
}

.gt-call-btn:hover .gt-call-icon {

    background: #ff1c1c;

    color: #ffffff !important;

    -webkit-text-fill-color: #ffffff !important;

    transform: scale(1.05);
}

/* =========================================================
   BOTTOM TEXT
   ========================================================= */

.gt-bottom {

    position: relative;
    z-index: 2;

    margin-top: 30px;

    color: rgba(255,255,255,0.25) !important;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;

    line-height: 1.8;
}

.gt-separator {

    color: #ff2020 !important;

    margin: 0 7px;
}

.gt-dot {

    width: 5px;
    height: 5px;

    display: inline-block;

    border-radius: 50%;

    background: #ff0000;

    margin: 0 9px;

    box-shadow:
        0 0 9px #ff0000;
}

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

@media (max-width: 900px) {

    .gt-thankyou-card {
        max-width: 850px;
        padding: 52px 38px;
    }

    .gt-thankyou-card h1 {
        font-size: clamp(42px, 8vw, 68px);
    }
}

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

@media (max-width: 767px) {

    .gt-thankyou {

        min-height: 100svh;

        padding: 25px 12px;
    }

    .gt-thankyou-card {

        padding: 42px 18px;

        border-radius: 18px;
    }

    .gt-top-label {

        font-size: 8px;

        letter-spacing: 2.5px;

        gap: 9px;

        margin-bottom: 22px;
    }

    .gt-line {
        width: 25px;
    }

    .gt-success {

        width: 76px;
        height: 76px;

        margin-bottom: 20px;
    }

    .gt-success svg {

        width: 40px;
        height: 40px;
    }

    .gt-status {

        font-size: 8px;

        letter-spacing: 1.5px;

        padding: 6px 11px;
    }

    .gt-thankyou-card h1 {

        font-size: 42px;

        letter-spacing: -2px;

        line-height: 1;
    }

    .gt-heading-line {

        margin: 21px auto;
    }

    .gt-description {

        font-size: 12px;

        line-height: 1.75;

        margin-bottom: 28px;
    }

    .gt-features {

        grid-template-columns: 1fr;

        gap: 10px;

        margin-bottom: 26px;
    }

    .gt-feature {

        padding: 15px;

        gap: 13px;
    }

    .gt-feature strong {
        font-size: 10px;
    }

    .gt-feature p {
        font-size: 9px;
    }

    .gt-buttons {

        flex-direction: column;

        width: 100%;

        gap: 10px;
    }

    .gt-home-btn,
    .gt-call-btn {

        width: 100%;

        min-height: 52px;

        font-size: 10px !important;
    }

    .gt-bottom {

        margin-top: 25px;

        font-size: 6.5px;

        line-height: 2.1;

        letter-spacing: 1px;
    }

    .gt-dot {

        width: 4px;
        height: 4px;

        margin: 0 5px;
    }
}

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

@media (max-width: 380px) {

    .gt-thankyou-card {

        padding: 36px 15px;
    }

    .gt-thankyou-card h1 {

        font-size: 36px;
    }

    .gt-description {

        font-size: 11px;
    }

    .gt-bottom {

        font-size: 6px;
    }
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

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

    .gt-speed-lines span,
    .gt-success,
    .gt-success-ring,
    .gt-success svg path {

        animation: none !important;
    }

    .gt-feature,
    .gt-home-btn,
    .gt-call-btn {

        transition: none !important;
    }
}
</style>


<div class="gt-thankyou">

    <!-- Background effects -->
    <div class="gt-red-glow gt-glow-left"></div>
    <div class="gt-red-glow gt-glow-right"></div>

    <!-- Decorative speed lines -->
    <div class="gt-speed-lines">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>


    <!-- Main card -->
    <div class="gt-thankyou-card">

        <!-- Brand -->
        <div class="gt-top-label">
            <span class="gt-line"></span>
            GO TINTING
            <span class="gt-line"></span>
        </div>


        <!-- Success icon -->
        <div class="gt-success">

            <div class="gt-success-ring"></div>

            <svg viewBox="0 0 52 52" aria-hidden="true">
                <path d="M14 27 L22 35 L39 17"></path>
            </svg>

        </div>


        <!-- Status -->
        <div class="gt-status">
            ENQUIRY SUCCESSFULLY SENT
        </div>


        <!-- Heading -->
        <h1>
            THANKS FOR
            <span>CONTACTING US.</span>
        </h1>


        <!-- Accent line -->
        <div class="gt-heading-line"></div>


        <!-- Description -->
        <p class="gt-description">
            Your enquiry is on its way to our team.
            We appreciate your interest in Go Tinting and will be in touch shortly
            to discuss the right tinting solution for your vehicle.
        </p>


        <!-- Feature cards -->
        <div class="gt-features">

            <div class="gt-feature">

                <div class="gt-feature-number">
                    01
                </div>

                <div>
                    <strong>ENQUIRY RECEIVED</strong>

                    <p>
                        Your details have been successfully submitted.
                    </p>
                </div>

            </div>


            <div class="gt-feature">

                <div class="gt-feature-number">
                    02
                </div>

                <div>
                    <strong>TEAM CONTACT</strong>

                    <p>
                        Our team will get back to you shortly.
                    </p>
                </div>

            </div>

        </div>


        <!-- CTA buttons -->
        <div class="gt-buttons">

            <a
                href="https://gotinting.com.au/"
                class="gt-home-btn"
            >
                <span>BACK TO WEBSITE</span>
                <span aria-hidden="true">→</span>
            </a>


            <a
                href="tel:0449268998"
                class="gt-call-btn"
            >
                <span class="gt-call-icon">☎</span>
                <span>CALL US</span>
            </a>

        </div>


        <!-- Bottom service line -->
        <div class="gt-bottom">

            <span class="gt-dot"></span>

            PREMIUM WINDOW TINTING

            <span class="gt-separator">/</span>

            PROFESSIONAL INSTALLATION

            <span class="gt-separator">/</span>

            GO TINTING

            <span class="gt-dot"></span>

        </div>

    </div>

</div>/* End custom CSS */