.elementor-kit-12{--e-global-color-primary:#1B2D4F;--e-global-color-secondary:#F5C518;--e-global-color-text:#4A5260;--e-global-color-accent:#F5C518;--e-global-color-3ac308b:#E8EA03;--e-global-color-0ff4312:#FFFFFF;--e-global-color-8722cee:#D4A017;--e-global-color-a619b45:#E6B800;--e-global-color-c18bfca:#1A1A1A;--e-global-color-b775da4:#F8F9FA;--e-global-color-f231b62:#E9ECEF;--e-global-color-bc3a08f:#9BA3AD;--e-global-color-3177e93:#4A5260;--e-global-color-b83bea7:#1B2D4F;--e-global-color-6bd6d9d:#2C4470;--e-global-color-4b60748:#F5C518;--e-global-color-083df62:#FEF3C7;--e-global-typography-primary-font-family:"Jost";--e-global-typography-primary-font-size:14px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.5em;background-color:#FFFFFF;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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 */.has-border-animation {
    position: relative;
}

/* Top line - grows from right to left */
.has-border-animation::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #ff6b6b;
    transition: width 0.4s ease;
    z-index: 10;
}

/* Right line - grows from top to bottom */
.has-border-animation::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 0;
    background-color: #ff6b6b;
    transition: height 0.4s ease;
    z-index: 10;
}

/* Bottom line - grows from left to right */
/* Using first child element for additional pseudo elements */
.has-border-animation > :first-child::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ff6b6b;
    transition: width 0.4s ease;
    z-index: 10;
    pointer-events: none;
}

/* Left line - grows from bottom to top */
.has-border-animation > :first-child::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #ff6b6b;
    transition: height 0.4s ease;
    z-index: 10;
    pointer-events: none;
}

/* Hover animations - all 4 lines grow at same time */
.has-border-animation:hover::before,
.has-border-animation:hover > :first-child::before {
    width: 100%;
}

.has-border-animation:hover::after,
.has-border-animation:hover > :first-child::after {
    height: 100%;
}/* End custom CSS */