.elementor-kit-6{--e-global-color-primary:#14A19E;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* The Card Animation Base */
.project-card {
    transition: all 0.3s ease-out;
    border: 1px solid transparent; /* Prepares for the border effect */
}

/* The Hover State (What happens when mouse is over) */
.project-card:hover {
    transform: translateY(-10px); /* Lifts the card UP by 10 pixels */
    box-shadow: 0 20px 40px rgba(0,0,0,0.4); /* Adds a deep, floating shadow */
    border-color: rgba(255, 255, 255, 0.1); /* Optional: Adds a subtle light border */
}

/* 1. Target the actual text inside the Elementor Widget */
.typewriter-title .elementor-heading-title {
    display: inline-block;
    overflow: hidden;
    border-right: 3px solid #FFD700; /* THE CURSOR COLOR */
    white-space: nowrap;
    margin: 0;
    width: 0;
    
    /* THE UPDATED ANIMATION LIST */
    animation: 
        typing 3.5s steps(30, end) forwards,        /* 1. Type text */
        blink-caret 0.75s step-end infinite,        /* 2. Blink cursor forever... */
        hide-caret 0s linear 3s forwards;           /* 3. ...until 3s passes, then hide it. */
}

/* 2. The Typing Animation */
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

/* 3. The Blinking Cursor Animation */
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #FFD700; } 
}

/* 4. THE NEW ANIMATION: Hide the cursor */
@keyframes hide-caret {
    to { border-color: transparent; }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}/* End custom CSS */