:root {
  --text-light: #FFFFFF;
  --text-dark: #2C3F23;
  --green-dark: #4D5D35;
  --green-light: #A7B354;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    max-width: 100%;
    max-height: 100%;
}

body, html {
    background: linear-gradient(to right, var(--green-dark), var(--green-light)) fixed;
    font-family: 'Mulish', sans-serif;
    position: relative;
}
.logo {
    margin: 0 auto;
    top: 4vh;
    display: flex;
    position: relative;
    width: 10%;
    max-width: 32vw;
    z-index: 2000;
}

/* Section: head */
.head {
    z-index: 2000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
    text-align: center;
    gap: 2vh;
}
.title {
    margin-top: 8vh;
    color: var(--text-dark);
    font-size: 36px;
    font-weight: 800;
    z-index: 1500;
}
.head p {
    width: 36%;
    margin-top: 1vh;
    margin-left: 5vw;
    margin-right: 5vw;
    color: var(--text-light);
    font-size: 26px;
}

/* Section: courses */
.courses {
    z-index: 2000;
    margin-top: 14vh;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.courses p {
    margin-left: 6vw;
    margin-right: 6vw;
    width: 43%;
    color: var(--text-light);
    font-size: 24px;
    text-align: center;
}
.courses__updating {
    margin-top: 4vh;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    text-align: center;
    align-items: center;
    gap: 1vw;
}
.courses__updating h3 {
    color: var(--text-dark);
    font-weight: 600;
    font-size: 24px;
    margin: 0 auto;
    text-align: left;
}
.courses__certificate {
    margin-top: 3vh;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    text-align: center;
    align-items: center;
    gap: 1vw;
}
.courses__certificate h3 {
    color: var(--text-dark);
    font-weight: 600;
    font-size: 24px;
    margin: 0 auto;
    text-align: left;
}
.spacer {
    display: block;
    visibility: visible;
    width: 90%;
    margin-top: 3vh;
    z-index: 2000;
}
.buttons_row {
    display: flex;
    gap: 1vw;
    justify-content: center;
}
button {
    background: var(--green-dark);
    color: var(--text-light);
    padding: 14px 16px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    font-size: clamp(14px, 2vw, 1rem);
    transition: background 0.3s ease;
    display: inline-block;
    cursor: pointer;
    z-index: 2000;
}
button:hover {
  background: var(--green-light);
}

button:hover {
  background: var(--green-light);
}

/* Footer */
footer {
    z-index: 2000;
    margin-bottom: 4vh;
    margin-top: 12vh;
    margin-left: 4vw;
    margin-right: 4vw;
    align-items: center;
    justify-items: center;
}
.social_media {
    z-index: 2000;
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    gap: 1vw;
}
.social_media h3 {
    margin: 0;
    color: var(--text-light);
    font-weight: 400;
    font-size: 24px;
    z-index: 2000;
}
.social_media svg {
    z-index: 2000;
}
.social-icon:hover .icon-bg {
  fill: var(--green-light);
}
.contact {
    z-index: 2000;
    margin-top: 5vh;
    margin-bottom: 1vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20vh;
    padding: 0;
    width: 100%;
    text-align: left;
    position: absolute;
}
.contact a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1vw;
    text-decoration: none;
    color: var(--text-light);
}
.contact a:hover {
    color: var(--green-light);
    fill: var(--green-light);
}
.contact__item{
  z-index: 2000;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--text-light);
  transition: color 0.3s ease;
  text-decoration: none;
}

.contact__item:hover .icon-bg {
  fill: var(--green-light);
}

.contact__item:hover {
  color: var(--green-light);
}
.footer > *:last-child {
    margin-bottom: 0;
}

/* Decorators */
.leaf-pc {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  z-index: 20;
  position: fixed;   
  top: var(--top, 0); 
  left: var(--left, 0);
  width: auto;
  height: auto;
  pointer-events: none;
  transform: 
    translate(-50%, 0)
    rotate(var(--rotate, 0))
    scale(var(--scale, 1))
    scaleX(var(--flip, 1));
  transform-origin: center;
  opacity: var(--opacity, 1);
}
.leaf1-mobile, .leaf2-mobile, .leaf3-mobile, .leaf4-mobile, .leaf5-mobile, .leaf6-mobile, .leaf7-mobile, .leaf8-mobile {
    display: none; 
    visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    z-index: 20;
    position: absolute;   
    top: var(--top, 0); 
    left: var(--left, 0);
    width: auto;
    height: auto;
    pointer-events: none;
    transform: 
        translate(-50%, 0)
        rotate(var(--rotate, 0))
        scale(var(--scale, 1))
        scaleX(var(--flip, 1));
    transform-origin: center;
    opacity: var(--opacity, 1);
}
.spacer {
    display: none;
    visibility: hidden;
    background-color: var(--green-light);
    width: 92%;
    height: 2px;
    opacity: 1;
    border-radius: 4px;
    z-index: 2000;
}
.woman {
    z-index: 500;
    display: block;
    visibility: visible;
    position: absolute;
    top: 46.5%;
    left: 82%;   
    transform: scale(120%);
    pointer-events: none;
}
@media (max-width: 2089px) {
    /* Footer */
    footer {
        z-index: 2000;
        margin-bottom: 4vh;
        margin-top: 12vh;
        margin-left: 4vw;
        margin-right: 4vw;
        align-items: center;
        justify-items: center;
        justify-content: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relative;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        justify-items: center;
        gap: 1vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 400;
        font-size: 24px;
        z-index: 2000;
    }
    .social_media svg {
        z-index: 2000;
    }
    .social-icon:hover .icon-bg {
    fill: var(--green-light);
    }
    .contact {
        z-index: 2000;
        margin-top: 6vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 14vw;
        padding: 0;
        width: 100%;
        text-align: center;
        position: absolute;
    }
    .contact a {
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.1vw;
        text-decoration: none;
        color: var(--text-light);
    }
    .contact a:hover {
        color: var(--green-light);
        fill: var(--green-light);
    }
    .contact__item{
        z-index: 2000;
        display: inline-flex;
        gap: 10px;
        align-items: center;
        color: var(--text-light);
        transition: color 0.3s ease;
        text-decoration: none;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 49.7%;
        left: 80%;   
        transform: scale(110%);
        pointer-events: none;
        bottom: 0;
    }
}
@media (max-width: 1919px) {

    .logo {
        margin: 0 auto;
        top: 5vh;
        display: flex;
        position: relative;
        width: 10%;
        top: 3vh;
        max-width: 32vw;
        z-index: 2000;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 8vh;
        color: var(--text-dark);
        font-size: 32px;
        font-weight: 800;
        z-index: 1500;
    }
    .head p {
        width: 36%;
        margin-top: 1vh;
        margin-left: 5vw;
        margin-right: 5vw;
        color: var(--text-light);
        font-size: 22px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 6vw;
        margin-right: 6vw;
        width: 43%;
        color: var(--text-light);
        font-size: 18px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: left;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 600;
        font-size: 20px;
        margin: 0 auto;
        text-align: left;
    }
    .courses__certificate {
        margin-top: 3vh;
        text-align: left;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 600;
        font-size: 20px;
        margin: 0 auto;
        text-align: left;
    }
    .buttons_row {
        display: flex;
        gap: 1vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 12px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        gap: 1vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 400;
        font-size: 20px;
        z-index: 2000;
    }
    .contact {
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 20vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: absolute;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.1vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .spacer { display: none; visibility: hidden; }
    .leaf-pc {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
        z-index: 20;
        position: fixed;   
        top: var(--top, 0); 
        left: var(--left, 0);
        width: auto;
        height: auto;
        pointer-events: none;
        transform: 
            translate(-50%, 0)
            rotate(var(--rotate, 0))
            scale(var(--scale, 1))
            scaleX(var(--flip, 1));
        transform-origin: center;
        opacity: var(--opacity, 1);
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 44.3%;
        left: 82%;   
        transform: scale(76%);
        pointer-events: none;
    }
}
@media (max-width: 450px) {
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 5vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 24.5%;
        left: -53%;
        rotate: -18deg;
        scale: 0.72;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 50%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 49%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 43%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 54%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 62%;
        left: 52%;   
        transform: scale(40%);
        pointer-events: none;
        bottom: 0;
    }
}
@media (max-width: 431px) {
    
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 5vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 24.5%;
        left: -53%;
        rotate: -18deg;
        scale: 0.72;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 53%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 49%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 43%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 48%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 61%;
        left: 51%;   
        transform: scale(42%);
        pointer-events: none;
    }
}
@media (max-width: 426px) {
    
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 5vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 24.5%;
        left: -53%;
        rotate: -18deg;
        scale: 0.72;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 53%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 49%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 43%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 48%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 62%;
        left: 50%;   
        transform: scale(42%);
        pointer-events: none;
    }
}
@media (max-width: 420px) {
        
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 5vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 24.5%;
        left: -53%;
        rotate: -18deg;
        scale: 0.72;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 53%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 49%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 43%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 48%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 62%;
        left: 50%;   
        transform: scale(42%);
        pointer-events: none;
    }
}
@media (max-width: 413px) {
    
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 5vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 24.5%;
        left: -53%;
        rotate: -18deg;
        scale: 0.72;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 53%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 49%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 43%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 48%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 60.8%;
        left: 50%;   
        transform: scale(40%);
        pointer-events: none;
        bottom: 0;
    }
}
@media (max-width: 397px) {
    
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 5vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 27%;
        left: -53%;
        rotate: -18deg;
        scale: 0.72;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 53%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 52%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 46%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 50%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 61%;
        left: 50%;   
        transform: scale(38%);
        pointer-events: none;
    }
}
@media (max-width: 393px) {
    
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 5vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 27.5%;
        left: -53%;
        rotate: -18deg;
        scale: 0.76;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 55%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 52%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 45%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 42%;
        left: 29%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 48%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 25%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 61.5%;
        left: 50%;   
        transform: scale(37%);
        pointer-events: none;
        bottom: 0;
    }
}
@media (max-width: 392px) {
    
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 2vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 26%;
        left: -53%;
        rotate: -18deg;
        scale: 0.72;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 53%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 49%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 43%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 48%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 61%;
        left: 50%;   
        transform: scale(35%);
        pointer-events: none;
        bottom: 0;
    }
}
@media (max-width: 390px) {
    
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 5vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 27.8%;
        left: -53%;
        rotate: -18deg;
        scale: 0.74;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 54%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 52%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 46%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 48%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 62%;
        left: 50%;   
        transform: scale(35%);
        pointer-events: none;
        bottom: 0;
    }
}
@media (max-width: 375px) {
    
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 5vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 24.5%;
        left: -53%;
        rotate: -18deg;
        scale: 0.72;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 46%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 53%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 49%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 43%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 48%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 58%;
        left: 52%;   
        transform: scale(36%);
        pointer-events: none;
        bottom: 0;
    }
}
@media (max-width: 370px) {
        
    main {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 200px;
        height: auto;
        display: block;
        min-width: 100px;
    }

    /* Section: head */
    .head {
        z-index: 2000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        text-align: center;
        gap: 2vh;
    }
    .title {
        margin-top: 6vh;
        color: var(--text-dark);
        font-size: 24px;
        font-weight: 800;
        margin-left: 4vw;
        margin-right: 4vw;
        z-index: 1500;
    }
    .head p {
        width: 86%;
        margin-top: 1vh;
        color: var(--text-light);
        font-size: 16px;
    }

    /* Section: courses */
    .courses {
        z-index: 2000;
        margin-top: 10vh;
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .courses p {
        margin-left: 1vw;
        margin-right: 1vw;
        width: 96%;
        color: var(--text-light);
        font-size: 16px;
        text-align: center;
    }
    .courses__updating {
        margin-top: 4vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__updating h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 66%;
        margin: 0 auto;
        text-align: center;
    }
    .courses__certificate {
        margin-top: 1vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        text-align: center;
        align-items: center;
        gap: 1vw;
    }
    .courses__certificate h3 {
        color: var(--text-dark);
        font-weight: 800;
        font-size: 16px;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .buttons_row {
        display: flex;
        margin-top: 1.8vh;
        gap: 4vw;
        justify-content: center;
    }
    button {
        background: var(--green-dark);
        color: var(--text-light);
        padding: 16px 14px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
        font-size: clamp(14px, 2vw, 1rem);
        transition: background 0.3s ease;
        display: inline-block;
        cursor: pointer;
        z-index: 2000;
    }

    /* Footer */
    footer {
        z-index: 2000;
        margin-top: 8vh;
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 2vh;
        align-items: center;
        justify-items: center;
    }
    .social_media {
        z-index: 2000;
        display: flex;
        position: relatives;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: 4vw;
    }
    .social_media h3 {
        margin: 0;
        color: var(--text-light);
        font-weight: 600;
        font-size: 16px;
        z-index: 2000;
    }
    .social_media a {
        z-index: 2000;
    }
    .contact {
        z-index: 2000;
        margin-top: 5vh;
        margin-bottom: 1vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
        gap: 3vh;
        padding: 0;
        width: 100%;
        text-align: left;
        position: relative;
    }
    .contact a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4vw;
        text-decoration: none;
        color: var(--text-light);
        z-index: 2000;
    }

    /* Decorators */
    .leaf-pc { display: none; visibility: hidden; }
    .spacer {
        display: block;
        visibility: visible;
        width: 90%;
        height: 2px;
        background-color: var(--green-light);
        opacity: 1;
        border-radius: 4px;
        margin: 1rem auto;
    }
    .leaf1-mobile { 
        display: block;
        visibility: visible;
        top: 30%;
        left: -55%;
        rotate: -18deg;
        scale: 0.78;
        transform: scaleX(-1);
        opacity: 0.5;
    }
    .leaf2-mobile { 
        display: block;
        visibility: visible;
        top: 50%;
        left: -28%;
        rotate: -10deg;
        scale: 0.3;
        transform: scaleX(-1);
        opacity: 0.25
    }
    .leaf3-mobile { 
        display: block;
        visibility: visible;
        top: 58%;
        left: -17%;
        rotate: -4deg;
        scale: 0.12;
        transform: scaleX(-1); 
        opacity: 0.6;
    }
    .leaf4-mobile {
        display: block;
        visibility: visible;
        top: 55%;
        left: -4%;
        rotate: 2deg;
        scale: 0.2;
        transform: scaleX(1); 
        opacity: 0.65;
    }
    .leaf5-mobile {
        display: block;
        visibility: visible;
        top: 48%;
        left: 5.6%;
        rotate: 1deg;
        scale: 0.32;
        transform: scaleX(1);
        opacity: 0.45;
    }
    .leaf6-mobile {
        display: block;
        visibility: visible;
        top: 40%;
        left: 26%;
        rotate: 0deg;
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.3;
    }
    .leaf7-mobile {
        display: block;
        visibility: visible;
        top: 38.6%;
        left: 48%;
        rotate: -4deg;
        scale: 0.42;
        transform: scaleX(1); 
        opacity: 0.6;
    }
    .leaf8-mobile {
        display: block;
        visibility: visible;
        top: 24.6%; 
        left: 46%; 
        rotate: 4deg; 
        scale: 0.7; 
        transform: scaleX(1); 
        opacity: 0.2;
    }
    .woman {
        z-index: 500;
        display: block;
        visibility: visible;
        position: absolute;
        top: 63%;
        left: 51%;   
        transform: scale(30%);
        pointer-events: none;
        bottom: 0;
    }
}