body, html {
    overflow-x: hidden;
}
body {
    background-image: url("../img/bg-01.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 800px;
    padding-top: 55px;
}
a, a:hover {
    text-decoration: none;
}
.hide {
    display: none;
}
.nopad {
    padding: 0px 0px 0px 0px;
}
input {
    color: rgb(55, 58, 54) !important;
    opacity: 1 !important;
    /* Optional: ensures visibility in Firefox */
}
.font-01 {
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 25px 0px;
}
.font-02 {
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.font-03 {
    color: #fff;
    font-size: 30px;
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 10px 0px;
}
.font-04 {
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
    font-family: "Work Sans", sans-serif;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
.font-05 {
    color: #fff;
    font-size: 26px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    padding: 18px 0px 0px 0px;
    margin: 15px 0px 15px 0px;
    background-color: #0c8d00;
    border-radius: 8px;
    min-height: 75px;
}
/* ================================
   Color-rotating Gradient Border v2 -0x2
   ================================ */
.rg-wrap-0x2 {
    --rg-size: 100%;
    --rg-radius: 8px;
    --rg-thickness: 4px;
    --rg-speed: 6s;
    --rg-bg: #0b0e14;
    --rg-pad: 24px;

    position: relative;
    width: var(--rg-size);
    max-width: 100%;
    border-radius: calc(var(--rg-radius) + var(--rg-thickness));
    padding: var(--rg-thickness);
    background: transparent;
    isolation: isolate;
    margin: 20px auto;
    max-width: 500px;
}

/* The animated gradient border */
.rg-wrap-0x2::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: var(--rg-thickness);
    background: linear-gradient(90deg,
            #ff6a00,
            #ff3cac,
            #784ba0,
            #2b86c5,
            #00d4ff,
            #ff6a00);
    background-size: 300% 300%;
    background-position: 0% 50%;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    animation: rg-colorshift-0x2 var(--rg-speed) linear infinite;
    z-index: -1;
}

/* Content panel */
.rg-content-0x2 {
    border-radius: var(--rg-radius);
    background: var(--rg-bg);
    padding: var(--rg-pad);
    color: #eaeef8;
    line-height: 1.5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 8px 24px rgba(0, 0, 0, 0.3);
}
/* Content panel */
.rg-content-0x2b {
    border-radius: var(--rg-radius);
    background: var(--rg-bg);
    padding: 10px;
    color: #eaeef8;
    line-height: 1.5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 8px 24px rgba(0, 0, 0, 0.3);
        cursor: pointer;
}

/* Gradient color shifting (not rotation) */
@keyframes rg-colorshift-0x2 {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
.br-01 {
    display: block;
}
.gif-01 {
    width: 100%;
    max-width: 300px;
    padding: 0px;
    margin: 10px auto;
    display: block;
}
.img-01 {
    width: 100%;
    max-width: 14px;
    padding: 0px;
    margin: 10px auto;
}
.img-02 {
    width: 100%;
    max-width: 35px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
}
@media only screen and (max-width: 600px) {
    .br-01 {
        display: none;
    }
}