.elementor-kit-11{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-f94e8c3:#FFFFFF;--e-global-color-5576ab0:#143123;--e-global-color-8b765ee:#66BB6A;--e-global-color-ec3c070:#F2F2F3;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-4fafc0a-font-family:"Teachers";--e-global-typography-4fafc0a-font-size:clamp(1rem, 2vw, 1.125rem);--e-global-typography-4fafc0a-font-weight:400;--e-global-typography-0dbef4d-font-family:"Phudu";--e-global-typography-0dbef4d-font-size:clamp(2.25rem, 5vw, 4.5rem);--e-global-typography-0dbef4d-font-weight:700;--e-global-typography-0dbef4d-text-transform:uppercase;background-color:#133123;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:2400px){.elementor-kit-11{--e-global-typography-4fafc0a-font-size:clamp(1rem, 1.1vw, 2rem);--e-global-typography-0dbef4d-font-size:clamp(2.25rem, 4.5vw, 6rem);}}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-0dbef4d-font-size:clamp(3.2rem, 5vw, 4.5rem);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-0dbef4d-font-size:clamp(2.25rem, 5vw, 4.5rem);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Text-Grey:#F2F2F2; --Green:#8BAE66; --Mini-Green:#66bb6a; }
/* Start custom CSS */.elementor-background-video-container video.elementor-background-video-hosted {
  width: 100% !important;
}

/* =========================================
   LINE BUTTON
========================================= */

.line-button {
    position: relative;

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

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

    padding: 0 0 12px;

    background: transparent;
    border: 0;

    text-decoration: none;

    color: #FFFFFF;

    cursor: pointer;

    overflow: visible;
}


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

.line-button-text {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-family: "Phudu", sans-serif;

    font-size: 1rem;
    font-weight: 500;

    line-height: 1.2;
    letter-spacing: 0.02em;

    color: #FFFFFF;

    transition: transform 0.35s ease;
}


/* =========================================
   BOOTSTRAP ARROW ICON
========================================= */

.line-button-text::after {
    content: "";

    display: inline-block;

    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    background-color: #FFFFFF;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-right-short' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E") center / contain no-repeat;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-right-short' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E") center / contain no-repeat;

    transform: translateX(0);

    transition: transform 0.35s ease;
}


/* =========================================
   BOTTOM LINE
========================================= */

.line-button::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background: #FFFFFF;

    transform-origin: left center;

    transition: transform 0.4s ease;
}


/* =========================================
   HOVER
========================================= */

/* Text moves slightly right */
.line-button:hover .line-button-text {
    transform: translateX(2px);
}


/* Arrow moves right only */
.line-button:hover .line-button-text::after {
    transform: translateX(6px);
}


/* Line becomes shorter */
.line-button:hover::after {
    transform: scaleX(0.55);
}


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

@media (max-width: 767px) {

    .line-button {
        max-width: 100%;
        padding-bottom: 12px;
    }

    .line-button-text {
        font-size: 1rem;
    }

    .line-button-text::after {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }
}

/* =========================================
   BLACK LINE BUTTON
========================================= */

.line-button-black {
    position: relative;

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

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

    padding: 0 0 12px;

    background: transparent;
    border: 0;

    text-decoration: none;
    color: #000000;

    cursor: pointer;
    overflow: visible;
}


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

.line-button-black-text {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-family: "Phudu", sans-serif;

    font-size: 1rem;
    font-weight: 500;

    line-height: 1.2;
    letter-spacing: 0.02em;

    color: #000000;

    transition: transform 0.35s ease;
}


/* =========================================
   ARROW ICON
========================================= */

.line-button-black-text::after {
    content: "";

    display: inline-block;

    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    background-color: #000000;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E") center / contain no-repeat;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E") center / contain no-repeat;

    transform: translateX(0);

    transition: transform 0.35s ease;
}


/* =========================================
   BOTTOM LINE
========================================= */

.line-button-black::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background: #000000;

    transform-origin: left center;

    transition: transform 0.4s ease;
}


/* =========================================
   HOVER
========================================= */

.line-button-black:hover .line-button-black-text {
    transform: translateX(2px);
}

.line-button-black:hover .line-button-black-text::after {
    transform: translateX(6px);
}

.line-button-black:hover::after {
    transform: scaleX(0.55);
}


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

@media (max-width: 767px) {

    .line-button-black {
        max-width: 100%;
        padding-bottom: 12px;
    }

    .line-button-black-text {
        font-size: 1rem;
    }

    .line-button-black-text::after {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

}/* End custom CSS */