@font-face {
    font-family: "PSL319PRO";
    src: url("../../font/PSL319PRO.OTF") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "PSL319PRO";
    src: url("../../font/PSL321PRO.OTF") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "PSL319PRO";
    src: url("../../font/PSL322PRO.OTF") format("truetype");
    font-weight: 800;
    font-style: normal;
}

a {
    text-decoration: none;
}

.gradient-text {
    background: linear-gradient(180deg,
            #ffffff 2%,
            #ffffff 30%,
            #d0baa3 72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stroke-border {
    -webkit-text-stroke: 2px #491b00;
    filter: drop-shadow(1px 1px 2px #0000009c);
}

.gradient-text02 {
    background: linear-gradient(180deg, rgba(252, 226, 79, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(235, 175, 41, 1) 74%, rgba(255, 222, 172, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stroke-border02 {
    -webkit-text-stroke: 1px #491b00;
    filter: drop-shadow(1px 1px 2px #00000062);
}

.rccEddga_ggtLogo img,
.rccEddga_logo img,
.rccEddga_rcclogo img,
.rccEddga_footerLogo img,
.rccEddga_footerLogo02 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.rccEddga_mainlayout {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100dvh;
    padding: 20px;
    padding-top: 50px;
    padding-bottom: 70px;
    font-size: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "PSL319PRO", serif;


    background: url("../../img/rcc/Landing.png");
    background-position: top;
    background-size: cover;
}

.rccEddga_title {
    font-size: 80px;
    line-height: 50px;
    font-weight: bold;

    position: relative;
    z-index: 5;
}

.rccEddga_title02 {
    font-size: 100px;
    line-height: 60px;
    font-weight: bold;

    position: relative;
    z-index: 5;
}

.rccEddga_ggtlogoLayout {
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    z-index: 5;
    top: 40px;
    left: 20px;
}

.rccEddga_ggtLogo {
    width: 80px;
    filter: drop-shadow(2px 2px 4px #0000006e);
}

.rccEddga_logoLayout {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rccEddga_logo {
    position: absolute;
    top: 0px;
    z-index: 3;

    width: 180px;
}

.rccEddga_rcclogo {
    position: relative;
    z-index: 2;

    width: 550px;
}

.rccEddga_footerLayout {
    position: absolute;
    bottom: 0px;
    z-index: 2;

    width: 600px;
    height: 60px;

    background: url("../../img/rcc/live.png");
    background-position: top;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.rccEddga_footerLogo {
    width: 100px;
}

.rccEddga_footerLogo02 {
    width: 70px;
}

.spaceHr {
    width: 1px;
    height: 70%;

    background: #00000096;
    border-radius: 10px;
    margin: 0px 5px;
}

.btnMainLayout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btnLayout {
    position: relative;
    z-index: 5;

    width: 400px;
    height: 62px;
    padding: 15px;

    font-size: 40px;
    line-height: 40px;
    font-weight: 800;

    background: url("../../img/rcc/btn/btn.png");
    background-position: center;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    filter: drop-shadow(1px 1px 1px transparent);
    transition: all 0.5s ease;
    animation: fadeInUp 0.8s ease-out both;
}

.btnLayout02 {
    position: relative;
    z-index: 5;

    width: 215px;
    height: 50px;
    padding: 15px;

    font-size: 35px;
    line-height: 40px;
    font-weight: 800;

    background: url("../../img/rcc/btn/btn02.png");
    background-position: center;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    filter: drop-shadow(1px 1px 1px transparent);
    transition: all 0.5s ease;
    animation: fadeInUp 0.8s ease-out both;
}

.btnLayout:hover,
.btnLayout02:hover {
    cursor: pointer;
    filter: drop-shadow(1px 1px 10px #ffee04a4);
}

.poringButton {
    width: 100px;
    position: absolute;
    z-index: 6;
    top: 160px;
    left: 20px;
    animation: pulseScale 2s infinite ease-in-out;
    transition: filter 0.3s ease, transform 0.3s ease;
}

.poringButton:hover {
    filter: drop-shadow(2px 2px 12px #ffb400b3);
}

@keyframes pulseScale {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}